@genispace/geniapp 0.3.0 → 0.5.0

package/dist/CrossAppRecordPicker-BRpqAjd7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossAppRecordPicker-BRpqAjd7.js","sources":["../src/hooks/routing/useRefetchOnRouteMatch.ts","../src/hooks/routing/draftEntityId.ts","../src/hooks/config/currencies.ts","../src/hooks/config/businessLocale.ts","../src/hooks/shell/useGenispacePlatformClient.ts","../src/hooks/access/useAppAccess.ts","../src/hooks/access/AppAccessNotice.tsx","../src/hooks/access/AppAccessGate.tsx","../src/hooks/picker/partnerPayload.ts","../src/hooks/picker/managedAppPicker.ts","../src/hooks/picker/CrossAppRecordPicker.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useLocation } from 'react-router-dom';\n\nfunction normalizePath(p: string): string {\n  const t = p.replace(/\\/$/, '');\n  return t || '/';\n}\n\n/** True when pathname is exactly the list route (not `/list/new` or `/list/:id`). */\nexport function isListRoutePath(pathname: string, listPath: string): boolean {\n  return normalizePath(pathname) === normalizePath(listPath);\n}\n\n/**\n * Refetch list data when the user is on the list route (including returning from a FormPage).\n */\nexport function useRefetchOnRouteMatch(\n  listPath: string,\n  load: () => void | Promise<void>\n): void {\n  const { pathname } = useLocation();\n  const loadRef = useRef(load);\n  loadRef.current = load;\n  const onList = isListRoutePath(pathname, listPath);\n\n  useEffect(() => {\n    if (!onList) return;\n    void loadRef.current();\n  }, [onList, pathname, listPath]);\n}\n","export const ROUTE_NEW_PLACEHOLDER = 'new';\n\nexport function isRouteNewPlaceholder(id?: string | null): boolean {\n  return !id?.trim() || id === ROUTE_NEW_PLACEHOLDER;\n}\n\nexport function isRouteEditMode(id?: string | null): boolean {\n  return !isRouteNewPlaceholder(id);\n}\n\n/** For transaction saves: generate a client-side UUID when route id is invalid. */\nexport function resolveDraftEntityId(id?: string | null): string {\n  const trimmed = id?.trim();\n  if (!trimmed || trimmed === ROUTE_NEW_PLACEHOLDER) return crypto.randomUUID();\n  return trimmed;\n}\n","export const ROUTE_NEW_PLACEHOLDER = 'new';\n\nexport const COMMON_CURRENCY_OPTIONS = [\n  'USD',\n  'CNY',\n  'EUR',\n  'GBP',\n  'JPY',\n  'HKD',\n  'AUD',\n  'CAD',\n  'SGD',\n  'CHF',\n] as const;\n\nexport type CurrencyCode = (typeof COMMON_CURRENCY_OPTIONS)[number];\n\nconst displayNamesCache = new Map<string, Intl.DisplayNames>();\n\nfunction getDisplayNames(locale: string): Intl.DisplayNames {\n  let dn = displayNamesCache.get(locale);\n  if (!dn) {\n    dn = new Intl.DisplayNames([locale], { type: 'currency' });\n    displayNamesCache.set(locale, dn);\n  }\n  return dn;\n}\n\nexport function currencyLabel(code: string, locale = 'en'): string {\n  const upper = code.trim().toUpperCase();\n  try {\n    return getDisplayNames(locale).of(upper) ?? upper;\n  } catch {\n    return upper;\n  }\n}\n\nexport function parseEnabledCurrenciesJson(raw: unknown): string[] {\n  if (Array.isArray(raw)) {\n    return raw.filter((x): x is string => typeof x === 'string').map((x) => x.trim().toUpperCase());\n  }\n  if (typeof raw === 'string' && raw.trim()) {\n    try {\n      return parseEnabledCurrenciesJson(JSON.parse(raw));\n    } catch {\n      return [];\n    }\n  }\n  return [];\n}\n\nexport function normalizeEnabledCurrencies(\n  codes: string[] | null | undefined,\n  options: { minOne?: string } = {}\n): string[] {\n  const minOne = (options.minOne ?? 'USD').toUpperCase();\n  const seen = new Set<string>();\n  const out: string[] = [];\n  for (const code of codes ?? []) {\n    const upper = code.trim().toUpperCase();\n    if (!upper || seen.has(upper)) continue;\n    seen.add(upper);\n    out.push(upper);\n  }\n  if (out.length === 0) return [minOne];\n  if (!seen.has(minOne)) out.unshift(minOne);\n  return out;\n}\n\nexport const DEFAULT_ENABLED_CURRENCIES = ['USD'] as const;\n","export type BusinessLocale = 'en-US' | 'zh-CN';\n\nfunction selectedApplicationLanguage(): string | null {\n  if (typeof window === 'undefined') return null;\n  try {\n    return window.localStorage.getItem('i18nextLng') || window.localStorage.getItem('language');\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Convert the language explicitly selected in GeniSpace into the locale used\n * for business dates, numbers and currencies. Browser locale is deliberately\n * ignored so a Chinese page cannot silently render US dates (or vice versa).\n */\nexport function resolveBusinessLocale(language?: string | null): BusinessLocale {\n  const selectedLanguage = language || selectedApplicationLanguage();\n  return selectedLanguage?.trim().toLowerCase().replaceAll('_', '-').startsWith('zh')\n    ? 'zh-CN'\n    : 'en-US';\n}\n\nexport function formatBusinessTime(\n  value: unknown,\n  language?: string | null,\n  options: Intl.DateTimeFormatOptions = { timeStyle: 'short' },\n): string {\n  return formatBusinessDate(value, language, options);\n}\n\nexport function formatBusinessDate(\n  value: unknown,\n  language?: string | null,\n  options: Intl.DateTimeFormatOptions = { dateStyle: 'medium' },\n): string {\n  if (value == null || value === '') return '—';\n  const date = value instanceof Date ? value : new Date(String(value));\n  if (Number.isNaN(date.getTime())) return String(value);\n  return new Intl.DateTimeFormat(resolveBusinessLocale(language), options).format(date);\n}\n\nexport function formatBusinessDateTime(\n  value: unknown,\n  language?: string | null,\n  options: Intl.DateTimeFormatOptions = { dateStyle: 'medium', timeStyle: 'short' },\n): string {\n  return formatBusinessDate(value, language, options);\n}\n\nexport function formatBusinessNumber(\n  value: unknown,\n  language?: string | null,\n  options?: Intl.NumberFormatOptions,\n): string {\n  const numericValue = Number(value ?? 0);\n  return new Intl.NumberFormat(resolveBusinessLocale(language), options).format(\n    Number.isFinite(numericValue) ? numericValue : 0,\n  );\n}\n\nexport function formatBusinessCurrency(\n  value: unknown,\n  currency: unknown,\n  language?: string | null,\n): string {\n  const numericValue = Number(value ?? 0);\n  return new Intl.NumberFormat(resolveBusinessLocale(language), {\n    style: 'currency',\n    currency: String(currency || 'USD'),\n    maximumFractionDigits: 2,\n  }).format(Number.isFinite(numericValue) ? numericValue : 0);\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport GeniSpace from '@genispace/sdk';\nimport { GENISPACE_SHELL_INIT_APPLIED_EVENT } from './shell';\n\nfunction readAccessToken(): string {\n  try {\n    return localStorage.getItem('token') ?? '';\n  } catch {\n    return '';\n  }\n}\n\n/**\n * Platform GeniSpace client for `/teams/members`, `/users/profiles/batch`, etc.\n * Rebuilds when Shell posts GENISPACE_SHELL_INIT (API base + token).\n */\nexport function useGenispacePlatformClient(getApiRoot: () => string): GeniSpace {\n  const [shellRevision, setShellRevision] = useState(0);\n\n  useEffect(() => {\n    const onShellInit = () => setShellRevision((n) => n + 1);\n    window.addEventListener(GENISPACE_SHELL_INIT_APPLIED_EVENT, onShellInit);\n    return () => window.removeEventListener(GENISPACE_SHELL_INIT_APPLIED_EVENT, onShellInit);\n  }, []);\n\n  return useMemo(() => {\n    const token = readAccessToken();\n    const baseURL = getApiRoot().replace(/\\/$/, '');\n    const client = new GeniSpace({\n      baseURL,\n      apiKey: token,\n      accessToken: token || undefined,\n    });\n    return client;\n  }, [shellRevision, getApiRoot]);\n}\n","import { useCallback, useEffect, useState } from 'react';\nimport { GENISPACE_SHELL_INIT_APPLIED_EVENT, GENISPACE_SHELL_SESSION_API_KEY } from '../shell/shell';\n\nexport type AppAccess = {\n  isUser: boolean;\n  permissionCodes: string[];\n  loading: boolean;\n  /** Set when the access API call fails (network / server error). Distinct from zero permissions. */\n  accessError: string | null;\n  reloadAccess: () => void;\n};\n\nexport type UseAppAccessOptions = {\n  /** Application instance id from Shell GENISPACE_SHELL_INIT (sessionStorage). */\n  sessionStorageKey: string;\n  /** Resolve platform API root including `/api` suffix. */\n  getApiRoot: () => string;\n};\n\nexport function setAppApplicationId(sessionStorageKey: string, applicationId: string | null) {\n  try {\n    if (applicationId) sessionStorage.setItem(sessionStorageKey, applicationId);\n    else sessionStorage.removeItem(sessionStorageKey);\n  } catch {\n    /* ignore */\n  }\n}\n\nexport function getAppApplicationId(sessionStorageKey: string): string | null {\n  try {\n    return sessionStorage.getItem(sessionStorageKey);\n  } catch {\n    return null;\n  }\n}\n\nexport function hasAppPermission(codes: string[], required: string): boolean {\n  if (codes.length === 0 && !isAppRbacRelaxed()) return false;\n  return codes.includes(required);\n}\n\n/** Allow-all RBAC only in dev or when explicitly relaxed (standalone local dev). */\nexport function isAppRbacRelaxed(): boolean {\n  try {\n    return import.meta.env.DEV === true || import.meta.env.VITE_RBAC_RELAXED === 'true';\n  } catch {\n    return false;\n  }\n}\n\nexport function canAccessNavItem(\n  loading: boolean,\n  permissionCodes: string[],\n  permission: string,\n  accessError?: string | null,\n): boolean {\n  if (loading) return false;\n  if (accessError != null) return false;\n  if (permissionCodes.length === 0) return isAppRbacRelaxed();\n  return permissionCodes.includes(permission);\n}\n\n/** Page-level action gate — fail-closed when access fetch fails. */\nexport function canPerformAppAction(\n  loading: boolean,\n  permissionCodes: string[],\n  required: string,\n  accessError?: string | null,\n): boolean {\n  if (loading) return false;\n  if (accessError != null) return false;\n  return hasAppPermission(permissionCodes, required);\n}\n\n/** Default API root from Shell injection or window origin. */\nexport function resolvePlatformApiRootFromShell(): string {\n  try {\n    if (typeof sessionStorage !== 'undefined') {\n      const injected = sessionStorage.getItem(GENISPACE_SHELL_SESSION_API_KEY);\n      if (injected && injected.trim() !== '') {\n        const u = new URL(injected, typeof window !== 'undefined' ? window.location.origin : 'http://localhost');\n        return `${u.origin}/api`;\n      }\n    }\n  } catch {\n    /* ignore */\n  }\n  if (typeof window !== 'undefined') {\n    return `${window.location.origin}/api`;\n  }\n  return '';\n}\n\nexport function createAppAccessHook(\n  sessionStorageKey: string,\n  getApiRoot: () => string\n): () => AppAccess {\n  return () => useAppAccess({ sessionStorageKey, getApiRoot });\n}\n\nasync function fetchAppAccess(\n  sessionStorageKey: string,\n  getApiRoot: () => string\n): Promise<Pick<AppAccess, 'isUser' | 'permissionCodes' | 'accessError'>> {\n  const applicationId = getAppApplicationId(sessionStorageKey);\n  if (!applicationId) {\n    return { isUser: true, permissionCodes: [], accessError: null };\n  }\n  const root = getApiRoot().replace(/\\/$/, '');\n  const headers: Record<string, string> = { 'Content-Type': 'application/json' };\n  try {\n    const token = localStorage.getItem('token');\n    if (token) headers.Authorization = `Bearer ${token}`;\n  } catch {\n    /* ignore */\n  }\n  const res = await fetch(`${root}/applications/${encodeURIComponent(applicationId)}/users/me/access`, {\n    headers,\n    credentials: 'include',\n  });\n  if (!res.ok) {\n    const text = await res.text().catch(() => '');\n    if (res.status === 404) {\n      try {\n        const body = text ? JSON.parse(text) : null;\n        if (body?.code === 'NOT_FOUND') {\n          // Stale instance id after reinstall — drop cache so Shell GENISPACE_SHELL_INIT can refresh it.\n          setAppApplicationId(sessionStorageKey, null);\n        }\n      } catch {\n        /* ignore */\n      }\n    }\n    if (res.status === 401 || res.status === 403) {\n      return {\n        isUser: false,\n        permissionCodes: [],\n        accessError: text || res.statusText || `Access denied (${res.status})`,\n      };\n    }\n    return {\n      isUser: true,\n      permissionCodes: [],\n      accessError: text || res.statusText || `Access check failed (${res.status})`,\n    };\n  }\n  const body = await res.json();\n  const data = body?.data ?? body;\n  return {\n    isUser: Boolean(data?.isUser),\n    permissionCodes: Array.isArray(data?.permissionCodes) ? data.permissionCodes : [],\n    accessError: null,\n  };\n}\n\nexport function useAppAccess({ sessionStorageKey, getApiRoot }: UseAppAccessOptions): AppAccess {\n  const [state, setState] = useState<AppAccess>({\n    isUser: true,\n    permissionCodes: [],\n    loading: true,\n    accessError: null,\n    reloadAccess: () => {},\n  });\n\n  const reloadAccess = useCallback(() => {\n    setState((prev) => ({ ...prev, loading: true, accessError: null }));\n    void fetchAppAccess(sessionStorageKey, getApiRoot)\n      .then((result) => {\n        setState((prev) => ({\n          ...prev,\n          ...result,\n          loading: false,\n        }));\n      })\n      .catch((e) => {\n        setState((prev) => ({\n          ...prev,\n          isUser: true,\n          permissionCodes: [],\n          loading: false,\n          accessError: e instanceof Error ? e.message : String(e),\n        }));\n      });\n  }, [sessionStorageKey, getApiRoot]);\n\n  useEffect(() => {\n    reloadAccess();\n  }, [reloadAccess]);\n\n  useEffect(() => {\n    const onApplied = () => reloadAccess();\n    window.addEventListener(GENISPACE_SHELL_INIT_APPLIED_EVENT, onApplied);\n    return () => window.removeEventListener(GENISPACE_SHELL_INIT_APPLIED_EVENT, onApplied);\n  }, [reloadAccess]);\n\n  useEffect(() => {\n    setState((prev) => ({ ...prev, reloadAccess }));\n  }, [reloadAccess]);\n\n  return state;\n}\n","import type { AppAccess } from './useAppAccess';\n\ntype Props = {\n  access: Pick<AppAccess, 'loading' | 'accessError' | 'reloadAccess'>;\n};\n\n/** Shown when RBAC access fetch fails so users see an error instead of a blank sidebar. */\nexport function AppAccessNotice({ access }: Props) {\n  if (access.loading || !access.accessError) return null;\n  return (\n    <div\n      role=\"alert\"\n      className=\"mb-4 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900 dark:border-amber-900/50 dark:bg-amber-950/40 dark:text-amber-100\"\n    >\n      <p className=\"font-medium\">Unable to load permissions</p>\n      <p className=\"mt-1 text-amber-800 dark:text-amber-200\">{access.accessError}</p>\n      <button\n        type=\"button\"\n        onClick={access.reloadAccess}\n        className=\"mt-2 rounded-lg border border-amber-300 bg-white px-3 py-1.5 text-xs font-medium text-amber-900 transition hover:bg-amber-100 dark:border-amber-800 dark:bg-neutral-900 dark:text-amber-100 dark:hover:bg-amber-900/30\"\n      >\n        Retry\n      </button>\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport type { AppAccess } from './useAppAccess';\nimport { AppAccessNotice } from './AppAccessNotice';\n\ntype Props = {\n  access: Pick<AppAccess, 'loading' | 'accessError' | 'permissionCodes' | 'reloadAccess'>;\n  children: ReactNode;\n  /** Keep the final page geometry visible while permissions are loading. */\n  showLoadingSkeleton?: boolean;\n};\n\nexport type AppContentSkeletonVariant = 'table' | 'dashboard' | 'detail';\n\n/**\n * Shared route fallback. It uses the same responsive page padding as AppPage so\n * switching from a skeleton to real content does not cause a horizontal jump.\n */\nexport function AppContentSkeleton({ variant = 'table' }: { variant?: AppContentSkeletonVariant }) {\n  return (\n    <div\n      className=\"w-full min-w-0 max-w-full animate-pulse px-4 py-4 sm:px-6 sm:py-6 lg:px-8\"\n      role=\"status\"\n      aria-busy=\"true\"\n    >\n      <div className=\"mb-6 flex min-h-[52px] items-center justify-between gap-4 sm:min-h-[60px]\">\n        <div className=\"min-w-0 flex-1 space-y-2\">\n          <div className=\"h-7 w-48 max-w-full rounded-md bg-muted\" />\n          <div className=\"h-4 w-80 max-w-[70%] rounded bg-muted\" />\n        </div>\n        <div className=\"h-10 w-28 shrink-0 rounded-md bg-muted\" />\n      </div>\n      {variant === 'dashboard' ? (\n        <>\n          <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n            {Array.from({ length: 4 }).map((_, index) => <div key={index} className=\"h-28 rounded-xl border border-border bg-card\" />)}\n          </div>\n          <div className=\"mt-6 grid gap-6 xl:grid-cols-2\">\n            <div className=\"h-72 rounded-xl border border-border bg-card\" />\n            <div className=\"h-72 rounded-xl border border-border bg-card\" />\n          </div>\n        </>\n      ) : variant === 'detail' ? (\n        <div className=\"grid gap-6 xl:grid-cols-[minmax(0,1fr)_22rem]\">\n          <div className=\"h-[30rem] rounded-xl border border-border bg-card\" />\n          <div className=\"h-72 rounded-xl border border-border bg-card\" />\n        </div>\n      ) : (\n        <>\n          <div className=\"mb-4 flex gap-3\"><div className=\"h-10 flex-1 rounded-md bg-muted\" /><div className=\"h-10 w-36 rounded-md bg-muted\" /></div>\n          <div className=\"overflow-hidden rounded-xl border border-border bg-card\">\n            {Array.from({ length: 7 }).map((_, row) => (\n              <div key={row} className=\"grid grid-cols-[minmax(12rem,2fr)_repeat(3,minmax(7rem,1fr))] gap-4 border-b border-border px-4 py-4 last:border-b-0\">\n                {Array.from({ length: 4 }).map((__, column) => <div key={column} className={`h-4 rounded bg-muted ${column === 0 ? 'w-3/4' : 'w-2/3'}`} />)}\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\n/** Blocks page content when RBAC access fetch fails; keeps loading geometry stable. */\nexport function AppAccessGate({ access, children, showLoadingSkeleton = true }: Props) {\n  if (access.accessError) {\n    return <AppAccessNotice access={access} />;\n  }\n  if (showLoadingSkeleton && access.loading && access.permissionCodes.length === 0) {\n    return <AppContentSkeleton />;\n  }\n  return <>{children}</>;\n}\n","export type PartnerFields = {\n  partner_id?: string | null;\n  partner_name?: string | null;\n};\n\nfunction normalizePartnerId(partnerId: string | null | undefined): string | null {\n  if (partnerId == null || partnerId === '') return null;\n  return partnerId;\n}\n\n/** Weak-dependency save: persist FK only when partner picker is available. */\nexport function applyPartnerPayload<T extends PartnerFields>(\n  payload: T,\n  pickerAvailable: boolean,\n  pickerLoading = false,\n  pickerLoadError: string | null = null,\n): T {\n  if (pickerLoading || pickerLoadError != null) return { ...payload };\n\n  const next = { ...payload };\n\n  if (pickerAvailable) {\n    next.partner_id = normalizePartnerId(next.partner_id);\n    if (next.partner_id == null) {\n      next.partner_id = null;\n      next.partner_name = null;\n    }\n    return next;\n  }\n\n  // Picker unavailable: preserve server FK — do not write partner_id.\n  delete next.partner_id;\n  if (next.partner_name === '') next.partner_name = null;\n  return next;\n}\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport { GENISPACE_SHELL_INIT_APPLIED_EVENT } from '../shell/shell';\n\nexport type ManagedPickerOption = {\n  id: string;\n  label: string;\n  [key: string]: unknown;\n};\n\nexport type ManagedPickerConfig = {\n  providerGeniappId: string;\n  datasourceIdentifier: string;\n  buildApiRoot: () => string;\n  readToken: () => string | null;\n  probePicker: (apiRoot: string, token: string | null) => Promise<boolean>;\n  loadOptions: (apiRoot: string, token: string | null, ensureIds?: string[]) => Promise<ManagedPickerOption[]>;\n};\n\nexport function createUseManagedAppPicker(config: ManagedPickerConfig) {\n  return function useManagedGeniappPicker(enabled: boolean, ensureIds: string[] = []) {\n    const ensureKey = ensureIds.filter(Boolean).sort().join('\\0');\n    const [pickerAvailable, setPickerAvailable] = useState(false);\n    const [options, setOptions] = useState<ManagedPickerOption[]>([]);\n    const [loading, setLoading] = useState(false);\n    const [loadError, setLoadError] = useState<string | null>(null);\n\n    const reloadGeneration = useRef(0);\n\n    const reload = useCallback(async () => {\n      const generation = ++reloadGeneration.current;\n      if (!enabled) {\n        if (generation !== reloadGeneration.current) return;\n        setPickerAvailable(false);\n        setOptions([]);\n        setLoadError(null);\n        setLoading(false);\n        return;\n      }\n      const apiRoot = config.buildApiRoot();\n      const token = config.readToken();\n      setLoading(true);\n      setLoadError(null);\n      try {\n        const available = await config.probePicker(apiRoot, token);\n        if (generation !== reloadGeneration.current) return;\n        if (!available) {\n          setPickerAvailable(false);\n          setOptions([]);\n          return;\n        }\n        try {\n          const opts = await config.loadOptions(apiRoot, token, ensureIds.filter(Boolean));\n          if (generation !== reloadGeneration.current) return;\n          setPickerAvailable(true);\n          setOptions(opts);\n        } catch (e) {\n          if (generation !== reloadGeneration.current) return;\n          setLoadError(e instanceof Error ? e.message : String(e));\n          setPickerAvailable(false);\n          setOptions([]);\n        }\n      } catch (e) {\n        if (generation !== reloadGeneration.current) return;\n        setLoadError(e instanceof Error ? e.message : String(e));\n        setPickerAvailable(false);\n        setOptions([]);\n      } finally {\n        if (generation === reloadGeneration.current) {\n          setLoading(false);\n        }\n      }\n    }, [enabled, ensureKey]);\n\n    useEffect(() => {\n      void reload();\n    }, [reload]);\n\n    useEffect(() => {\n      const onApplied = () => {\n        void reload();\n      };\n      window.addEventListener(GENISPACE_SHELL_INIT_APPLIED_EVENT, onApplied);\n      return () => window.removeEventListener(GENISPACE_SHELL_INIT_APPLIED_EVENT, onApplied);\n    }, [reload]);\n\n    return { pickerAvailable, options, loading, loadError, reload, providerGeniappId: config.providerGeniappId };\n  };\n}\n","import { useEffect, useId, useRef, useState } from \"react\";\n\nexport type CrossAppRecordOption = {\n  id: string;\n  primary: string;\n  secondary?: string;\n  status?: string;\n  snapshot?: Record<string, CrossAppSnapshotValue>;\n};\n\nexport type CrossAppSnapshotValue =\n  | string\n  | number\n  | boolean\n  | null\n  | undefined\n  | CrossAppSnapshotValue[]\n  | { [key: string]: CrossAppSnapshotValue };\n\nexport type CrossAppRecordPage = {\n  records: CrossAppRecordOption[];\n  total: number;\n};\n\nexport type CrossAppRecordPickerProps = {\n  label: string;\n  description?: string;\n  placeholder?: string;\n  emptyText: string;\n  unavailableText: string;\n  forbiddenText: string;\n  selected?: CrossAppRecordOption | null;\n  pageSize?: number;\n  disabled?: boolean;\n  providerState?: \"ready\" | \"unavailable\" | \"forbidden\";\n  loadPage: (input: {\n    search: string;\n    limit: number;\n    offset: number;\n  }) => Promise<CrossAppRecordPage>;\n  onSelect: (record: CrossAppRecordOption | null) => void;\n};\n\n/**\n * Shared cross-GeniApp record picker. The provider remains responsible for\n * row/field authorization; consumers only receive display-safe snapshots.\n */\nexport function CrossAppRecordPicker({\n  label,\n  description,\n  placeholder = \"\",\n  emptyText,\n  unavailableText,\n  forbiddenText,\n  selected = null,\n  pageSize = 10,\n  disabled = false,\n  providerState = \"ready\",\n  loadPage,\n  onSelect,\n}: CrossAppRecordPickerProps) {\n  const id = useId();\n  const request = useRef(0);\n  const loadPageRef = useRef(loadPage);\n  loadPageRef.current = loadPage;\n  const [search, setSearch] = useState(\"\");\n  const [appliedSearch, setAppliedSearch] = useState(\"\");\n  const [page, setPage] = useState(1);\n  const [records, setRecords] = useState<CrossAppRecordOption[]>([]);\n  const [total, setTotal] = useState(0);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(\"\");\n\n  useEffect(() => {\n    const current = ++request.current;\n    if (providerState !== \"ready\") {\n      setRecords([]);\n      setTotal(0);\n      setLoading(false);\n      setError(\"\");\n      return;\n    }\n    setLoading(true);\n    setError(\"\");\n    void loadPageRef\n      .current({\n        search: appliedSearch,\n        limit: pageSize,\n        offset: (page - 1) * pageSize,\n      })\n      .then((result) => {\n        if (request.current !== current) return;\n        setRecords(result.records);\n        setTotal(Math.max(0, result.total));\n      })\n      .catch((reason: unknown) => {\n        if (request.current !== current) return;\n        setRecords([]);\n        setTotal(0);\n        setError(reason instanceof Error ? reason.message : String(reason));\n      })\n      .finally(() => {\n        if (request.current === current) setLoading(false);\n      });\n    return () => {\n      request.current += 1;\n    };\n  }, [appliedSearch, page, pageSize, providerState]);\n\n  const pageCount = Math.max(1, Math.ceil(total / pageSize));\n  const stateMessage =\n    providerState === \"unavailable\"\n      ? unavailableText\n      : providerState === \"forbidden\"\n        ? forbiddenText\n        : error;\n\n  return (\n    <section\n      className=\"rounded-xl border border-border p-4\"\n      aria-labelledby={`${id}-label`}\n    >\n      <div>\n        <label\n          id={`${id}-label`}\n          htmlFor={`${id}-search`}\n          className=\"block text-sm font-medium\"\n        >\n          {label}\n        </label>\n        {description && (\n          <p className=\"mt-1 text-xs leading-5 text-muted-foreground\">\n            {description}\n          </p>\n        )}\n      </div>\n      {selected && (\n        <div className=\"mt-3 flex items-start justify-between gap-3 rounded-lg border border-primary/30 bg-primary/5 p-3\">\n          <div className=\"min-w-0\">\n            <p className=\"truncate text-sm font-medium\">{selected.primary}</p>\n            {selected.secondary && (\n              <p className=\"mt-0.5 truncate text-xs text-muted-foreground\">\n                {selected.secondary}\n              </p>\n            )}\n          </div>\n          <button\n            type=\"button\"\n            className=\"min-h-[44px] rounded-lg border border-border bg-background px-3 text-xs\"\n            disabled={disabled}\n            onClick={() => onSelect(null)}\n          >\n            ×\n          </button>\n        </div>\n      )}\n      <form\n        className=\"mt-3 flex gap-2\"\n        onSubmit={(event) => {\n          event.preventDefault();\n          setPage(1);\n          setAppliedSearch(search.trim());\n        }}\n      >\n        <input\n          id={`${id}-search`}\n          className=\"h-[44px] min-w-0 flex-1 rounded-lg border border-input bg-background px-3 text-sm outline-none focus:border-primary focus:ring-2 focus:ring-primary/15\"\n          value={search}\n          disabled={disabled || providerState !== \"ready\"}\n          onChange={(event) => setSearch(event.target.value)}\n          placeholder={placeholder}\n        />\n        <button\n          type=\"submit\"\n          className=\"min-h-[44px] rounded-lg border border-border bg-background px-4 text-sm font-medium disabled:opacity-50\"\n          disabled={disabled || providerState !== \"ready\" || loading}\n        >\n          ⌕\n        </button>\n      </form>\n      {stateMessage && (\n        <p\n          role=\"alert\"\n          className=\"mt-3 rounded-lg bg-muted px-3 py-2 text-xs text-muted-foreground\"\n        >\n          {stateMessage}\n        </p>\n      )}\n      {providerState === \"ready\" && !stateMessage && (\n        <div className=\"mt-3 space-y-2\" aria-busy={loading}>\n          {loading && (\n            <p className=\"py-4 text-center text-xs text-muted-foreground\">…</p>\n          )}\n          {!loading &&\n            records.map((record) => (\n              <button\n                key={record.id}\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => onSelect(record)}\n                className=\"flex min-h-[48px] w-full items-center justify-between gap-3 rounded-lg border border-border px-3 py-2 text-left hover:bg-accent disabled:opacity-50\"\n              >\n                <span className=\"min-w-0\">\n                  <span className=\"block truncate text-sm font-medium\">\n                    {record.primary}\n                  </span>\n                  {record.secondary && (\n                    <span className=\"mt-0.5 block truncate text-xs text-muted-foreground\">\n                      {record.secondary}\n                    </span>\n                  )}\n                </span>\n                {record.status && (\n                  <span className=\"shrink-0 rounded-full bg-muted px-2 py-1 text-[11px] text-muted-foreground\">\n                    {record.status}\n                  </span>\n                )}\n              </button>\n            ))}\n          {!loading && !records.length && (\n            <p className=\"py-4 text-center text-xs text-muted-foreground\">\n              {emptyText}\n            </p>\n          )}\n        </div>\n      )}\n      {providerState === \"ready\" &&\n        !loading &&\n        !stateMessage &&\n        total > pageSize && (\n          <div className=\"mt-3 flex items-center justify-between gap-3 text-xs text-muted-foreground\">\n            <span>\n              {page}/{pageCount} · {total}\n            </span>\n            <div className=\"flex gap-2\">\n              <button\n                type=\"button\"\n                className=\"min-h-[44px] rounded-lg border border-border px-3 disabled:opacity-40\"\n                disabled={page <= 1}\n                onClick={() => setPage((value) => Math.max(1, value - 1))}\n              >\n                ‹\n              </button>\n              <button\n                type=\"button\"\n                className=\"min-h-[44px] rounded-lg border border-border px-3 disabled:opacity-40\"\n                disabled={page >= pageCount}\n                onClick={() =>\n                  setPage((value) => Math.min(pageCount, value + 1))\n                }\n              >\n                ›\n              </button>\n            </div>\n          </div>\n        )}\n    </section>\n  );\n}\n"],"names":["normalizePath","p","isListRoutePath","pathname","listPath","useRefetchOnRouteMatch","load","useLocation","loadRef","useRef","onList","useEffect","ROUTE_NEW_PLACEHOLDER","isRouteNewPlaceholder","id","isRouteEditMode","resolveDraftEntityId","trimmed","COMMON_CURRENCY_OPTIONS","displayNamesCache","getDisplayNames","locale","dn","currencyLabel","code","upper","parseEnabledCurrenciesJson","raw","x","normalizeEnabledCurrencies","codes","options","minOne","seen","out","DEFAULT_ENABLED_CURRENCIES","selectedApplicationLanguage","resolveBusinessLocale","language","formatBusinessTime","value","formatBusinessDate","date","formatBusinessDateTime","formatBusinessNumber","numericValue","formatBusinessCurrency","currency","readAccessToken","useGenispacePlatformClient","getApiRoot","shellRevision","setShellRevision","useState","onShellInit","n","GENISPACE_SHELL_INIT_APPLIED_EVENT","useMemo","token","baseURL","GeniSpace","setAppApplicationId","sessionStorageKey","applicationId","getAppApplicationId","hasAppPermission","required","isAppRbacRelaxed","canAccessNavItem","loading","permissionCodes","permission","accessError","canPerformAppAction","resolvePlatformApiRootFromShell","injected","GENISPACE_SHELL_SESSION_API_KEY","createAppAccessHook","useAppAccess","fetchAppAccess","root","headers","res","text","body","data","state","setState","reloadAccess","useCallback","prev","result","e","onApplied","AppAccessNotice","access","jsxs","jsx","AppContentSkeleton","variant","Fragment","_","index","row","__","column","AppAccessGate","children","showLoadingSkeleton","normalizePartnerId","partnerId","applyPartnerPayload","payload","pickerAvailable","pickerLoading","pickerLoadError","next","createUseManagedAppPicker","config","enabled","ensureIds","ensureKey","setPickerAvailable","setOptions","setLoading","loadError","setLoadError","reloadGeneration","reload","generation","apiRoot","available","opts","CrossAppRecordPicker","label","description","placeholder","emptyText","unavailableText","forbiddenText","selected","pageSize","disabled","providerState","loadPage","onSelect","useId","request","loadPageRef","search","setSearch","appliedSearch","setAppliedSearch","page","setPage","records","setRecords","total","setTotal","error","setError","current","reason","pageCount","stateMessage","event","record"],"mappings":"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"}

package/dist/MultiPageRenderer-B4G9Oswj.js

@@ -0,0 +1,535 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useState as $, useEffect as R, useCallback as M, useMemo as T, useRef as j, useSyncExternalStore as q, useLayoutEffect as K, memo as X } from "react";
+import { useNavigate as U } from "react-router-dom";
+import { useTranslation as B } from "react-i18next";
+import { ChevronLeft as Q, Rocket as J, Eye as Z } from "lucide-react";
+import { a5 as O, a6 as ee, a0 as z, W as F, E as A, a7 as te, a8 as re, a9 as ne, d as ae, aa as D, L as oe, w as le, ab as ie, ac as se, ad as ce, ae as de, af as ue, i as me, ag as pe, ah as v, ai as he, aj as ge, ak as fe, al as be, am as xe, an as we } from "./components/renderers/runtime-DX1LfmqO.js";
+function ve() {
+  const [e, a] = $(O());
+  return R(() => ee(() => {
+    a(O());
+  }), []), e;
+}
+function C(e) {
+  return !!e && e.type === "grid-24";
+}
+const ye = {}, _e = ({
+  components: e,
+  appConfig: a,
+  layoutConfig: n,
+  pageParams: m,
+  pageId: r,
+  tabId: u
+}) => {
+  const c = z(), i = F(), h = A(), { previewOnly: f } = ie(), { t: o } = B("workbench"), s = U(), k = ve(), y = i && k && !!a?.subPageBackButton, E = M(() => {
+    const l = te();
+    l && s(re(l), { replace: !0 });
+  }, [s]), _ = y ? /* @__PURE__ */ d(
+    "button",
+    {
+      type: "button",
+      onClick: E,
+      "aria-label": o("mobile.back", "Back"),
+      className: "flex w-fit items-center gap-1 text-sm text-indigo-600",
+      children: [
+        /* @__PURE__ */ t(Q, { className: "h-4 w-4" }),
+        o("mobile.back", "Back")
+      ]
+    },
+    "__subpage_back__"
+  ) : null, L = y && e[0]?.type === "FilterPanel" && !!e[0]?.props?.sticky, N = M((l, p, g = "") => /* @__PURE__ */ t(
+    ne,
+    {
+      component: l,
+      appConfig: a,
+      pageParams: m,
+      pageId: r,
+      tabId: u,
+      nestingLevel: 0
+    },
+    `${g}${l.id || l.type}-${p}`
+  ), [a, m, r, u]), G = (l) => ({
+    top: "top",
+    bottom: "bottom",
+    "bottom-left": "bottom-left",
+    "bottom-center": "bottom-center",
+    "bottom-right": "bottom-right",
+    "bottom-second": "bottom-second",
+    left: "left",
+    "left-top": "left-top",
+    "left-center": "left-center",
+    "left-bottom": "left-bottom",
+    right: "right",
+    "right-top": "right-top",
+    "right-bottom": "right-bottom",
+    header: "header",
+    "middle-left": "middle-left",
+    "middle-center": "middle-center",
+    "middle-right": "middle-right",
+    middle: "middle"
+  })[l] || l, S = T(() => {
+    if (!n || C(n) || !n.componentPositions)
+      return null;
+    const l = n, p = {
+      top: [],
+      bottom: [],
+      "bottom-left": [],
+      "bottom-center": [],
+      "bottom-right": [],
+      "bottom-second": [],
+      left: [],
+      "left-top": [],
+      "left-center": [],
+      "left-bottom": [],
+      right: [],
+      "right-top": [],
+      "right-bottom": [],
+      header: [],
+      "middle-left": [],
+      "middle-center": [],
+      "middle-right": [],
+      middle: []
+    }, g = [];
+    return e.forEach((b) => {
+      const x = l.componentPositions?.[b.id];
+      if (x?.area) {
+        const w = G(x.area);
+        p[w] ? p[w].push({ component: b, order: x.order || 0 }) : g.push({ component: b, order: 0 });
+      } else
+        g.push({ component: b, order: 0 });
+    }), Object.keys(p).forEach((b) => {
+      p[b].sort((x, w) => x.order - w.order);
+    }), p.top.push(...g), p;
+  }, [e, n]), H = M((l, p = "") => /* @__PURE__ */ t(
+    "div",
+    {
+      className: "w-full h-full flex flex-col",
+      style: { gap: c ? "0.75rem" : "1rem" },
+      children: l.map((g, b) => {
+        const x = g.component || g, I = n.componentPositions?.[x.id]?.span || x.props?.span || 1, Y = I > 1 ? { gridColumn: `span ${I}` } : {};
+        return /* @__PURE__ */ t(
+          "div",
+          {
+            style: Y,
+            className: "w-full flex-shrink-0",
+            children: N(x, b, p)
+          },
+          `${p}${x.id || x.type}-${b}`
+        );
+      })
+    }
+  ), [N, n, c]);
+  if (!e || e.length === 0)
+    return /* @__PURE__ */ t("div", { className: "flex min-h-[240px] items-center justify-center py-16", children: /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: o("page_empty_hint", "This page has no content yet.") }) });
+  if (C(n) || !n || n.componentPositions, n && C(n))
+    return /* @__PURE__ */ t("div", { className: D("h-full w-full min-h-0", h && "flex flex-1 flex-col"), children: /* @__PURE__ */ t(
+      ae,
+      {
+        config: n,
+        components: e,
+        nestingLevel: 0,
+        appConfig: a,
+        pageParams: m,
+        pageId: r,
+        tabId: u,
+        forceMobileFlow: f,
+        mobileFlowInsert: _
+      }
+    ) });
+  if (n && S) {
+    let l = "all-vertical";
+    n.preset && Object.keys(oe).includes(n.preset) ? l = n.preset : l = {
+      "all-vertical": "all-vertical",
+      "top1-bottom2": "top1-bottom2",
+      "top1-bottom2-equal": "top1-bottom2-equal",
+      "left1-right2": "left1-right2",
+      "top1-bottom3": "top1-bottom3"
+    }[n.preset] || "all-vertical";
+    const p = le(l);
+    if (c) {
+      const g = p.flatMap(
+        (b) => S?.[b] || []
+      );
+      return /* @__PURE__ */ t("div", { className: "mobile-flow-layout flex w-full flex-col gap-3", children: g.map((b, x) => {
+        const w = b.component || b, I = w?.type === "FilterPanel" && !!w?.props?.sticky;
+        return /* @__PURE__ */ t(
+          "div",
+          {
+            className: I ? "contents" : "w-full",
+            children: N(w, x, "mobile-")
+          },
+          `mobile-${w.id || w.type}-${x}`
+        );
+      }) });
+    }
+    return /* @__PURE__ */ t("div", { className: `layout-grid layout-${l} h-full w-full`, children: p.map((g) => {
+      const b = S?.[g] || [];
+      return b.length === 0 ? null : /* @__PURE__ */ t(
+        "div",
+        {
+          className: `layout-area-${g} min-h-0 min-w-0`,
+          children: H(b, `${g}-`)
+        },
+        g
+      );
+    }) });
+  }
+  const P = [];
+  for (let l = 0; l < e.length; l++) {
+    const p = e[l], g = e[l + 1];
+    if (p?.type === "Title" && g?.type === "Paragraph") {
+      P.push(
+        /* @__PURE__ */ d(
+          "div",
+          {
+            className: "space-y-1",
+            children: [
+              N(p, l, "fallback-"),
+              N(g, l + 1, "fallback-")
+            ]
+          },
+          `fallback-header-${p.id || p.type}-${l}`
+        )
+      ), l++;
+      continue;
+    }
+    P.push(N(p, l, "fallback-"));
+  }
+  const W = y ? L ? [P[0], _, ...P.slice(1)] : [_, ...P] : P;
+  return /* @__PURE__ */ t("div", { className: c ? "mobile-flow-layout space-y-3 w-full" : "space-y-4 w-full", children: W });
+}, ke = (e) => {
+  const a = [], n = (m) => {
+    for (const r of m) {
+      if (r.type === "Container" && r.children) {
+        n(r.children);
+        continue;
+      }
+      if (r.type === "Tabs" && r.props?.items) {
+        for (const c of r.props.items)
+          c.children && n(c.children), c.components && n(c.components);
+        continue;
+      }
+      if (r.type === "Card" && r.props?.content) {
+        n([r.props.content]);
+        continue;
+      }
+      r.props?.followPageRefresh === !0 && a.push(r.id);
+    }
+  };
+  return n(e), a;
+}, Ne = ({
+  pageConfig: e,
+  pageId: a,
+  isActive: n
+}) => {
+  const m = j(null), r = j([]), u = M(() => e?.components ? ke(e.components) : [], [e?.components]), c = M(() => {
+    const i = Date.now(), h = r.current;
+    if (typeof window < "u") {
+      const f = new CustomEvent("page-auto-refresh-trigger", {
+        detail: {
+          timestamp: i,
+          pageId: a,
+          componentIds: h,
+          source: "page-auto-refresh"
+        }
+      });
+      window.dispatchEvent(f);
+    }
+  }, [a]);
+  R(() => {
+    const i = e?.autoRefresh;
+    if (!n || !i?.enabled) {
+      m.current && (clearInterval(m.current), m.current = null);
+      return;
+    }
+    const h = u();
+    if (r.current = h, h.length === 0)
+      return;
+    const f = i.interval * 1e3;
+    return m.current = setInterval(() => {
+      c();
+    }, f), c(), () => {
+      m.current && (clearInterval(m.current), m.current = null);
+    };
+  }, [e?.autoRefresh?.enabled, e?.autoRefresh?.interval, n, u, c]), R(() => {
+    if (m.current && e?.autoRefresh?.enabled) {
+      const i = u();
+      r.current = i;
+    }
+  }, [e?.components, e?.autoRefresh?.enabled, u]);
+}, Pe = "1rem";
+function Ee() {
+  return q(
+    se,
+    ce,
+    () => 0
+  );
+}
+function Me(e) {
+  for (let a = e?.parentElement ?? null; a; a = a.parentElement) {
+    const { overflowY: n } = getComputedStyle(a);
+    if (n === "auto" || n === "scroll") return a;
+  }
+  return null;
+}
+function Re() {
+  const { t: e } = B("workbench"), { isEditMode: a } = ue(), [n, m] = $(!1), r = j(null), [u, c] = $(null);
+  return R(() => {
+    m(!1);
+  }, [a]), K(() => {
+    if (n) return;
+    const i = Me(r.current), h = () => {
+      const f = i ? i.getBoundingClientRect() : { top: 0, bottom: window.innerHeight }, o = document.querySelector(".workbench-bottom-tab-nav"), s = o ? o.getBoundingClientRect().top : Number.POSITIVE_INFINITY;
+      c(Math.max(0, Math.round(Math.min(f.bottom, s) - f.top)));
+    };
+    if (h(), i && typeof ResizeObserver < "u") {
+      const f = new ResizeObserver(h);
+      return f.observe(i), window.addEventListener("resize", h), () => {
+        f.disconnect(), window.removeEventListener("resize", h);
+      };
+    }
+    return window.addEventListener("resize", h), () => window.removeEventListener("resize", h);
+  }, [a, n]), n ? null : (
+    // z-40 clears the sticky FilterPanel (z-30) which shares the tab wrapper's stacking context.
+    /* @__PURE__ */ t("div", { ref: r, className: "absolute inset-0 z-40 bg-white/70 backdrop-blur-md dark:bg-neutral-900/70", children: /* @__PURE__ */ d(
+      "div",
+      {
+        className: "sticky top-0 flex max-h-full flex-col items-center justify-center gap-4 px-6",
+        style: { height: u != null ? `${u}px` : "100dvh" },
+        children: [
+          /* @__PURE__ */ t("span", { className: "flex size-14 items-center justify-center rounded-full bg-indigo-50 text-indigo-500 dark:bg-indigo-950/40 dark:text-indigo-300", children: /* @__PURE__ */ t(J, { className: "h-6 w-6", strokeWidth: 1.6, "aria-hidden": "true" }) }),
+          /* @__PURE__ */ d("div", { className: "flex select-none flex-col items-center gap-1 text-center", children: [
+            /* @__PURE__ */ t("span", { className: "text-lg font-semibold tracking-tight text-slate-800 dark:text-neutral-100", children: e("coming_soon.title", "Coming Soon") }),
+            /* @__PURE__ */ t("span", { className: "text-sm leading-snug text-slate-500 dark:text-neutral-400", children: e("coming_soon.description", "This page is under construction — stay tuned.") })
+          ] }),
+          /* @__PURE__ */ d(
+            de,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => m(!0),
+              className: "mt-1 h-8 gap-1.5 rounded-full bg-white/80 px-3.5 text-xs font-medium text-slate-600 shadow-sm hover:bg-white dark:bg-neutral-800/80 dark:text-neutral-300 dark:hover:bg-neutral-800",
+              children: [
+                /* @__PURE__ */ t(Z, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+                e("coming_soon.preview", "Preview page")
+              ]
+            }
+          )
+        ]
+      }
+    ) })
+  );
+}
+const Ie = () => null, V = X(({ tab: e, appConfig: a, availableParameters: n, isEmpty: m, isTabActive: r = !0 }) => {
+  const { t: u } = B(["workbench", "common"]), c = e.pageConfig, i = ge(e.pageId, c) ?? c, h = z(), f = F(), o = A(), s = fe(
+    `page-${e.pageId}`,
+    i.customStyles,
+    ""
+  );
+  return /* @__PURE__ */ d(be, { value: r, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: D(
+          "h-full w-full min-h-0 bg-neutral-50 dark:bg-neutral-900",
+          s.className,
+          o ? "flex flex-col overflow-hidden" : h ? "overflow-y-auto overflow-x-hidden overscroll-none mobile-no-scrollbar" : "overflow-auto custom-scrollbar pt-4"
+        ),
+        style: s.style,
+        children: /* @__PURE__ */ d(
+          "div",
+          {
+            className: D(
+              o ? "flex min-h-0 flex-1 flex-col p-3 sm:p-4 md:p-5" : h ? "px-2 pt-2" : "px-4 pb-4"
+            ),
+            style: !o && f ? { paddingBottom: Pe } : void 0,
+            children: [
+              /* @__PURE__ */ d(
+                xe,
+                {
+                  tabId: e.id,
+                  pageId: e.pageId,
+                  initialParams: e.urlParams || {},
+                  children: [
+                    /* @__PURE__ */ t(Ie, {}),
+                    /* @__PURE__ */ t(
+                      we,
+                      {
+                        pageConfig: i,
+                        pageId: e.pageId,
+                        tabId: e.id,
+                        isTabActive: r,
+                        availableParameters: n,
+                        children: m ? /* @__PURE__ */ t("div", { className: "flex items-center justify-center min-h-[60vh]", children: /* @__PURE__ */ d("div", { className: "text-center max-w-md mx-auto", children: [
+                          /* @__PURE__ */ t("div", { className: "inline-flex items-center justify-center p-4 bg-primary/10 rounded-full mb-4", children: v("layout-grid", "w-12 h-12 text-primary") }),
+                          /* @__PURE__ */ t("h3", { className: "text-xl font-semibold text-neutral-900 dark:text-neutral-100 mb-2", children: u("multi_page_renderer.start_building", "Start Building Your Page") }),
+                          /* @__PURE__ */ t("p", { className: "text-neutral-500 dark:text-neutral-400 mb-6", children: u("multi_page_renderer.start_building_description", "Drag components from the component library on the right to here to start building your page") }),
+                          /* @__PURE__ */ d("div", { className: "flex items-center justify-center gap-2 text-sm text-neutral-400 dark:text-neutral-500", children: [
+                            v("arrow-right", "w-4 h-4"),
+                            /* @__PURE__ */ t("span", { children: u("multi_page_renderer.drag_component_hint", "Drag components here") })
+                          ] })
+                        ] }) }) : /* @__PURE__ */ t(
+                          _e,
+                          {
+                            components: i.components || [],
+                            appConfig: a,
+                            layoutConfig: i.layout,
+                            pageParams: e.urlParams,
+                            pageId: e.pageId,
+                            tabId: e.id
+                          },
+                          `layout-${e.id}`
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              a?.showPublishHistory && a?.publishHistoryPageKey && e.pageId !== a.publishHistoryPageKey && /* @__PURE__ */ t("div", { className: "mt-8 flex justify-center pb-2", children: /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: "text-xs text-neutral-400 transition-colors hover:text-neutral-500 dark:text-neutral-600 dark:hover:text-neutral-500",
+                  onClick: () => window.dispatchEvent(
+                    new CustomEvent("workbench-open-tab", {
+                      detail: {
+                        pageId: a.publishHistoryPageKey,
+                        navigationTitle: u("publish_history_nav", "Publish History"),
+                        icon: "history",
+                        urlParams: {}
+                      }
+                    })
+                  ),
+                  children: u("view_publish_history", "View publish history")
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    ),
+    i?.comingSoon?.enabled && /* @__PURE__ */ t(Re, {})
+  ] });
+});
+V.displayName = "TabContent";
+const je = ({
+  tabs: e,
+  activeTabId: a,
+  appConfig: n,
+  availableParameters: m = []
+}) => {
+  const { t: r } = B(["workbench", "common"]), u = F(), c = Ee(), i = T(() => {
+    if (e.length === 0) return null;
+    if (a && e.some((s) => s.id === a)) return a;
+    const o = e.find((s) => s.isActive);
+    return o ? o.id : e.length === 1 ? e[0].id : e[0]?.id ?? null;
+  }, [e, a]), h = T(() => e.map((o) => {
+    const s = o.id === i, k = !!o.hasError, y = !!o.isLoading, E = k && !y, _ = !!o.pageConfig && !y && !k;
+    return { tab: o, isActive: s, hasError: k, isLoading: y, showError: E, showContent: _ };
+  }), [e, i]), f = T(() => h.find((s) => s.isActive && s.showContent)?.tab ?? null, [h]);
+  return Ne({
+    pageConfig: f?.pageConfig ?? {
+      layout: me([]),
+      components: []
+    },
+    pageId: f?.pageId ?? "",
+    isActive: !!f
+  }), R(() => {
+    if (!u || c === 0)
+      return;
+    const o = window.setTimeout(pe, 280);
+    return () => window.clearTimeout(o);
+  }, [u, i, c]), !i || e.length === 0 ? /* @__PURE__ */ t("div", { className: "flex items-center justify-center h-full w-full p-8 bg-gradient-to-br from-slate-50 to-blue-50 dark:from-neutral-900 dark:to-neutral-800", children: /* @__PURE__ */ d("div", { className: "max-w-4xl mx-auto text-center", children: [
+    /* @__PURE__ */ d("div", { className: "mb-8", children: [
+      /* @__PURE__ */ t("div", { className: "inline-flex items-center justify-center p-3 bg-primary/10 rounded-full mb-6", children: v("layout-grid", "w-8 h-8 text-primary") }),
+      /* @__PURE__ */ t("h1", { className: "text-4xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-blue-600 mb-4", children: r("multi_page_renderer.welcome_title", "Welcome to Workbench") }),
+      /* @__PURE__ */ t("p", { className: "text-lg text-neutral-600 dark:text-neutral-300 max-w-2xl mx-auto leading-relaxed", children: r("multi_page_renderer.welcome_description", "Quickly build enterprise applications through drag-and-drop visual interface, supporting rich component library, data binding, custom styles and real-time preview, making it easy to develop professional applications") })
+    ] }),
+    /* @__PURE__ */ d("div", { className: "grid md:grid-cols-3 gap-6 mb-10", children: [
+      /* @__PURE__ */ d("div", { className: "bg-white dark:bg-neutral-800 rounded-lg p-6 shadow-sm border border-neutral-200 dark:border-neutral-700 hover:shadow-md transition-shadow", children: [
+        /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-blue-500/10 w-fit mx-auto mb-4", children: v("layout-panel-top", "w-8 h-8 text-blue-500") }),
+        /* @__PURE__ */ t("h3", { className: "text-lg font-semibold mb-2 text-neutral-900 dark:text-neutral-100", children: r("multi_page_renderer.feature_visual_drag", "Visual Drag & Drop") }),
+        /* @__PURE__ */ t("p", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: r("multi_page_renderer.feature_visual_drag_description", "30+ component types including forms, tables, charts, containers, supporting custom styles and interactions") })
+      ] }),
+      /* @__PURE__ */ d("div", { className: "bg-white dark:bg-neutral-800 rounded-lg p-6 shadow-sm border border-neutral-200 dark:border-neutral-700 hover:shadow-md transition-shadow", children: [
+        /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-purple-500/10 w-fit mx-auto mb-4", children: v("database", "w-8 h-8 text-purple-500") }),
+        /* @__PURE__ */ t("h3", { className: "text-lg font-semibold mb-2 text-neutral-900 dark:text-neutral-100", children: r("multi_page_renderer.feature_data_binding", "Smart Data Binding") }),
+        /* @__PURE__ */ t("p", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: r("multi_page_renderer.feature_data_binding_description", "Seamlessly connect enterprise data sources, supporting real-time data display and business logic configuration") })
+      ] }),
+      /* @__PURE__ */ d("div", { className: "bg-white dark:bg-neutral-800 rounded-lg p-6 shadow-sm border border-neutral-200 dark:border-neutral-700 hover:shadow-md transition-shadow", children: [
+        /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-emerald-500/10 w-fit mx-auto mb-4", children: v("sparkles", "w-8 h-8 text-emerald-500") }),
+        /* @__PURE__ */ t("h3", { className: "text-lg font-semibold mb-2 text-neutral-900 dark:text-neutral-100", children: r("multi_page_renderer.feature_component_communication", "Component Communication") }),
+        /* @__PURE__ */ t("p", { className: "text-sm text-neutral-600 dark:text-neutral-400", children: r("multi_page_renderer.feature_component_communication_description", "Support parameter passing and event triggering, building complex business processes and user interactions") })
+      ] })
+    ] }),
+    /* @__PURE__ */ d("div", { className: "bg-white dark:bg-neutral-800 rounded-lg p-8 shadow-sm border border-neutral-200 dark:border-neutral-700", children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center justify-center gap-2 mb-4", children: [
+        v("arrow-right", "w-5 h-5 text-primary"),
+        /* @__PURE__ */ t("h3", { className: "text-xl font-semibold text-neutral-900 dark:text-neutral-100", children: r("multi_page_renderer.start_creating_title", "Start Creating Your First Page") })
+      ] }),
+      /* @__PURE__ */ t("p", { className: "text-neutral-600 dark:text-neutral-400 mb-6", children: r("multi_page_renderer.start_creating_description", "Click the navigation menu to open a page, or create a new page configuration through edit mode") }),
+      /* @__PURE__ */ d("div", { className: "flex items-center justify-center gap-4", children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-2 px-4 py-2 bg-primary/10 rounded-lg", children: [
+          v("mouse-pointer-click", "w-4 h-4 text-primary"),
+          /* @__PURE__ */ t("span", { className: "text-sm font-medium text-primary", children: r("multi_page_renderer.select_page", "Select Page") })
+        ] }),
+        /* @__PURE__ */ t("span", { className: "text-neutral-400", children: r("multi_page_renderer.or", "or") }),
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-2 px-4 py-2 bg-primary/10 rounded-lg", children: [
+          v("edit", "w-4 h-4 text-primary"),
+          /* @__PURE__ */ t("span", { className: "text-sm font-medium text-primary", children: r("multi_page_renderer.enable_edit_mode", "Enable Edit Mode") })
+        ] })
+      ] })
+    ] })
+  ] }) }) : /* @__PURE__ */ t("div", { className: "h-full w-full overflow-hidden relative", children: h.map(({ tab: o, isActive: s, hasError: k, isLoading: y, showError: E, showContent: _ }) => {
+    const L = c === 0 ? 8 : c * 24;
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        className: "absolute inset-0 h-full w-full",
+        style: {
+          opacity: s ? 1 : 0,
+          zIndex: s ? 10 : 0,
+          pointerEvents: s ? "auto" : "none",
+          transform: s ? "translateX(0)" : `translateX(${L}px)`,
+          transition: u ? "opacity 0.24s ease, transform 0.24s ease" : "opacity 0.2s ease-in-out, transform 0.2s ease-in-out",
+          willChange: s ? "opacity, transform" : "auto"
+        },
+        "aria-hidden": !s,
+        children: [
+          y ? /* @__PURE__ */ t("div", { className: "h-full overflow-hidden p-4", children: /* @__PURE__ */ t(he, { preset: "dashboard" }) }) : null,
+          E ? /* @__PURE__ */ t("div", { className: "flex items-center justify-center h-full pt-4", children: /* @__PURE__ */ d("div", { className: "text-center max-w-md mx-auto p-6", children: [
+            v("alert-circle", "w-16 h-16 text-status-error mx-auto mb-4"),
+            /* @__PURE__ */ t("h3", { className: "text-lg font-semibold text-neutral-900 dark:text-neutral-100 mb-2", children: r("multi_page_renderer.page_load_failed", "Page Load Failed") }),
+            /* @__PURE__ */ t("p", { className: "text-red-600 dark:text-red-400 mb-4", children: typeof o.errorMessage == "string" ? o.errorMessage : r("multi_page_renderer.unknown_error", "Unknown error") }),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                onClick: () => {
+                  window.location.reload();
+                },
+                className: "btn btn-primary",
+                children: r("multi_page_renderer.reload", "Reload")
+              }
+            )
+          ] }) }) : null,
+          _ && /* @__PURE__ */ t(
+            V,
+            {
+              tab: o,
+              appConfig: n,
+              availableParameters: m,
+              isEmpty: !o.pageConfig?.components?.length,
+              isTabActive: s
+            }
+          )
+        ]
+      },
+      o.id
+    );
+  }) });
+};
+export {
+  je as M,
+  _e as P
+};
+//# sourceMappingURL=MultiPageRenderer-B4G9Oswj.js.map