@burdenoff/microfe-store 2026.801.1 → 2026.819.1

package/dist/components/InstallAppModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstallAppModal.js","names":[],"sources":["../../src/components/InstallAppModal.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState, useEffect, useCallback, useReducer } from 'react';\nimport {\n  Loader2,\n  Building2,\n  CheckCircle,\n  AlertCircle,\n  Info,\n  ShieldCheck,\n  ChevronRight,\n  ArrowLeft,\n} from 'lucide-react';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { useStore } from '../providers/StoreProvider';\n\n// Local type definitions for workspace operations\ninterface Workspace {\n  id: string;\n  name: string;\n  slug: string;\n  type?: string;\n  status?: string;\n  organizationId?: string;\n}\n\ninterface WorkspaceList {\n  items: Workspace[];\n  total: number;\n}\n\ninterface InstallWorkspaceAppsResult {\n  successCount: number;\n  failedCount: number;\n  results: Array<{\n    success: boolean;\n    workspaceId: string;\n    app?: unknown;\n    error?: string;\n  }>;\n}\n\n// String queries for graphqlFetch\nconst MY_WORKSPACES_STRING = `query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }`;\nconst INSTALL_WORKSPACE_APPS_STRING = `mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }`;\nconst RECORD_APP_INSTALLATION_STRING = `mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }`;\nconst INSTALL_PURCHASED_APP_STRING = `mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId) { success alreadyInstalled installation { id productId workspaceId status version } error message } }`;\nconst CREATE_PRODUCT_ENTITLEMENT_STRING = `mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }`;\nconst INSTALL_APP_DEVPORTAL_STRING = `mutation InstallAppDevportal($input: InstallAppInput!) { installApp(input: $input) { id status workspaceId application { oauthAuthUrl } } }`;\n\nconst STORE_DISTRIBUTED_TYPES = new Set([\n  'VIBEMODULE',\n  'NODE',\n  'CONSOLE',\n  'DASHBOARD',\n  'PARSER',\n  'DATASINK',\n]);\n\n// App types that require an explicit permissions consent step before install\nconst CONSENT_REQUIRED_TYPES = new Set(['INTEGRATION', 'API_INTEGRATION']);\n\nconst INSTALL_ERROR_MESSAGES: Record<string, string> = {\n  ALREADY_INSTALLED: 'This app is already installed in the selected workspace.',\n  QUOTA_EXCEEDED: 'Installation limit reached. Please upgrade your plan or contact support.',\n  PERMISSION_DENIED: 'You do not have permission to install apps in this workspace.',\n  NOT_FOUND: 'The app or workspace could not be found.',\n  WORKSPACE_INACTIVE: 'The selected workspace is inactive.',\n  ENTITLEMENT_EXPIRED: 'Your license for this app has expired.',\n  UNSUPPORTED_TYPE: 'This product type cannot be installed in the selected workspace.',\n};\n\nfunction mapInstallError(raw: string): string {\n  for (const [code, message] of Object.entries(INSTALL_ERROR_MESSAGES)) {\n    if (raw.toUpperCase().includes(code)) return message;\n  }\n  return 'Installation failed. Please try again or contact support.';\n}\n\ntype InstallStep = 'workspace' | 'consent';\n\ninterface InstallState {\n  step: InstallStep;\n  selectedWorkspace: string | null;\n  installing: boolean;\n  installError: string | null;\n  installInfo: string | null;\n}\n\ntype InstallAction =\n  | { type: 'reset' }\n  | { type: 'selectWorkspace'; workspaceId: string }\n  | { type: 'advanceToConsent' }\n  | { type: 'backToWorkspace' }\n  | { type: 'startInstall' }\n  | { type: 'finishInstall' }\n  | { type: 'setError'; error: string }\n  | { type: 'setInfo'; info: string };\n\nconst initialInstallState: InstallState = {\n  step: 'workspace',\n  selectedWorkspace: null,\n  installing: false,\n  installError: null,\n  installInfo: null,\n};\n\nfunction installReducer(state: InstallState, action: InstallAction): InstallState {\n  switch (action.type) {\n    case 'reset':\n      return initialInstallState;\n    case 'selectWorkspace':\n      return { ...state, selectedWorkspace: action.workspaceId };\n    case 'advanceToConsent':\n      return { ...state, step: 'consent', installError: null };\n    case 'backToWorkspace':\n      return { ...state, step: 'workspace', installError: null };\n    case 'startInstall':\n      return { ...state, installing: true, installError: null, installInfo: null };\n    case 'finishInstall':\n      return { ...state, installing: false };\n    case 'setError':\n      return { ...state, installError: action.error };\n    case 'setInfo':\n      return { ...state, installInfo: action.info };\n    default:\n      return state;\n  }\n}\n\nexport interface AppInfo {\n  id: string;\n  // devportal Application.id — equals StoreProduct.productId, used for installApp mutation\n  applicationId?: string;\n  name: string;\n  slug?: string;\n  icon?: string;\n  type?: string;\n  version?: string;\n  permissions?: string[];\n}\n\ninterface InstallAppModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  app: AppInfo;\n  orderId?: string | null; // For purchased apps from orders page\n  purchaseState?: 'free' | 'purchased';\n  onInstallSuccess?: (workspaceId: string, workspaceName: string) => void;\n  onInstallError?: (error: Error) => void;\n}\n\ninterface UseWorkspacesResult {\n  workspaces: Workspace[];\n  loading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\n// NOTE: Inline Apollo clients removed. All GraphQL calls now use graphqlFetch\n// from fe-libs which automatically resolves gateway URLs and injects auth + locale headers.\n\n/**\n * Hook to fetch user's workspaces using graphqlFetch from fe-libs\n */\nfunction useWorkspaces(skip: boolean): UseWorkspacesResult {\n  const { authToken } = useStore();\n  const [workspaces, setWorkspaces] = useState<Workspace[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const fetchWorkspaces = useCallback(async () => {\n    if (skip) return;\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await graphqlFetch<{ myWorkspaces: WorkspaceList }>({\n        gateway: 'global',\n        query: MY_WORKSPACES_STRING,\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'GraphQL error');\n      }\n\n      setWorkspaces(result.data?.myWorkspaces?.items || []);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error('Failed to fetch workspaces'));\n    } finally {\n      setLoading(false);\n    }\n  }, [authToken, skip]);\n\n  useEffect(() => {\n    fetchWorkspaces();\n  }, [fetchWorkspaces]);\n\n  return {\n    workspaces,\n    loading,\n    error,\n    refetch: fetchWorkspaces,\n  };\n}\n\n/**\n * InstallAppModal component\n *\n * Modal for selecting a workspace to install an app into\n */\nexport const InstallAppModal: FC<InstallAppModalProps> = ({\n  isOpen,\n  onClose,\n  app,\n  orderId,\n  purchaseState = 'free',\n  onInstallSuccess,\n  onInstallError,\n}) => {\n  const { authToken, user } = useStore();\n  const [installState, dispatchInstall] = useReducer(installReducer, initialInstallState);\n  const { step, selectedWorkspace, installing, installError, installInfo } = installState;\n\n  const appType = app.type?.toUpperCase() ?? '';\n  const requiresConsent = CONSENT_REQUIRED_TYPES.has(appType);\n\n  const { workspaces, loading, error } = useWorkspaces(!isOpen);\n\n  // Reset step and selection whenever the modal is closed/reopened\n  useEffect(() => {\n    if (!isOpen) {\n      dispatchInstall({ type: 'reset' });\n    }\n  }, [isOpen]);\n\n  // Filter workspaces by status (only show active)\n  const filteredWorkspaces = workspaces.filter((ws) => ws.status === 'ACTIVE');\n\n  /**\n   * Install purchased app via Store Service (NEW FLOW)\n   * Used when installing from orders page or any already-purchased product\n   */\n  const handleInstallFromStore = async () => {\n    if (!selectedWorkspace) return;\n\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n    const purchasedBy = user?.id;\n\n    dispatchInstall({ type: 'startInstall' });\n\n    try {\n      if (!orderId && purchaseState !== 'purchased') {\n        if (!purchasedBy) {\n          throw new Error('Unable to identify the current user for license creation');\n        }\n\n        await graphqlFetch({\n          gateway: 'global',\n          query: CREATE_PRODUCT_ENTITLEMENT_STRING,\n          variables: {\n            input: {\n              productId: app.id,\n              purchasedBy,\n              workspaceId: workspace.id,\n              metadata: {\n                source: 'store-ui',\n                productType: app.type,\n              },\n            },\n          },\n          authToken: authToken || undefined,\n        });\n      }\n\n      // Call Store Service to install the purchased app\n      const result = await graphqlFetch<{\n        installPurchasedApp: {\n          success: boolean;\n          alreadyInstalled?: boolean;\n          installation?: {\n            id: string;\n            productId: string;\n            workspaceId: string;\n            status: string;\n            version: string;\n          };\n          error?: string;\n          message?: string;\n        };\n      }>({\n        gateway: 'global', // Store Service\n        query: INSTALL_PURCHASED_APP_STRING,\n        variables: {\n          orderId: orderId ?? null,\n          productId: app.id,\n          workspaceId: workspace.id,\n        },\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installPurchasedApp;\n\n      if (installResult?.success) {\n        if (installResult.alreadyInstalled) {\n          dispatchInstall({\n            type: 'setInfo',\n            info: installResult.message || 'Already installed on this workspace',\n          });\n        } else {\n          onInstallSuccess?.(workspace.id, workspace.name);\n          onClose();\n        }\n      } else {\n        const rawMsg = installResult?.error || 'Installation failed';\n        const errorMsg = mapInstallError(rawMsg);\n        dispatchInstall({ type: 'setError', error: errorMsg });\n        onInstallError?.(new Error(rawMsg));\n      }\n    } catch (err) {\n      const rawMsg = err instanceof Error ? err.message : 'Installation failed';\n      const errorMsg = mapInstallError(rawMsg);\n      dispatchInstall({ type: 'setError', error: errorMsg });\n      onInstallError?.(new Error(rawMsg));\n    } finally {\n      dispatchInstall({ type: 'finishInstall' });\n    }\n  };\n\n  /**\n   * Install app via Workspace Service (LEGACY FLOW)\n   * Used for free apps or when installing without order\n   */\n  const handleInstallViaWorkspace = async () => {\n    if (!selectedWorkspace) return;\n\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n\n    dispatchInstall({ type: 'startInstall' });\n\n    try {\n      // Step 1: Install to workspace service via graphqlFetch\n      const installVars = {\n        workspaceIds: [workspace.id],\n        input: {\n          appName: app.slug || app.name.toLowerCase().replace(/\\s+/g, '-'),\n          displayName: app.name,\n          version: app.version || '1.0.0',\n          type: app.type || 'app',\n          manifest: {\n            productId: app.id,\n            icon: app.icon,\n          },\n        },\n      };\n\n      const result = await graphqlFetch<{\n        installWorkspaceApps: InstallWorkspaceAppsResult;\n      }>({\n        gateway: 'workspace',\n        query: INSTALL_WORKSPACE_APPS_STRING,\n        variables: installVars,\n        authToken: authToken || undefined,\n        workspaceId: workspace.id,\n        workspaceToken: true,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installWorkspaceApps;\n      if (installResult?.successCount && installResult.successCount > 0) {\n        // Step 2: Record installation in store service (for tracking)\n        try {\n          await graphqlFetch({\n            gateway: 'global',\n            query: RECORD_APP_INSTALLATION_STRING,\n            variables: {\n              input: {\n                productId: app.id,\n                workspaceId: workspace.id,\n                workspaceName: workspace.name,\n                workspaceType: workspace.type,\n                organizationId: workspace.organizationId,\n                version: app.version || '1.0.0',\n                manifest: {\n                  name: app.name,\n                  productId: app.id,\n                  icon: app.icon,\n                  slug: app.slug,\n                  type: app.type,\n                },\n              },\n            },\n            authToken: authToken || undefined,\n          });\n        } catch {\n          // Non-fatal: workspace installation succeeded; store record will sync later.\n        }\n\n        onInstallSuccess?.(workspace.id, workspace.name);\n        onClose();\n      } else {\n        const rawMsg = installResult?.results?.[0]?.error || 'Installation failed';\n        const errorMsg = mapInstallError(rawMsg);\n        dispatchInstall({ type: 'setError', error: errorMsg });\n        onInstallError?.(new Error(rawMsg));\n      }\n    } catch (err) {\n      const rawMsg = err instanceof Error ? err.message : 'Installation failed';\n      const errorMsg = mapInstallError(rawMsg);\n      dispatchInstall({ type: 'setError', error: errorMsg });\n      onInstallError?.(new Error(rawMsg));\n    } finally {\n      dispatchInstall({ type: 'finishInstall' });\n    }\n  };\n\n  /**\n   * Advance from workspace selection to consent step (for integration types),\n   * or go straight to install (for other types).\n   */\n  const handleContinue = () => {\n    if (requiresConsent) {\n      dispatchInstall({ type: 'advanceToConsent' });\n    } else {\n      void handleInstall();\n    }\n  };\n\n  /**\n   * Install INTEGRATION / API_INTEGRATION apps via the devportal installApp mutation.\n   * After a successful install, redirects the user to the app's callback URL with\n   * ?installation_id=<id> appended so the integration server can complete the handshake.\n   */\n  const handleInstallIntegration = async () => {\n    if (!selectedWorkspace) return;\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n\n    dispatchInstall({ type: 'startInstall' });\n    try {\n      const result = await graphqlFetch<{\n        installApp: {\n          id: string;\n          status: string;\n          workspaceId: string;\n          application: { oauthAuthUrl?: string | null };\n        };\n      }>({\n        gateway: 'global',\n        query: INSTALL_APP_DEVPORTAL_STRING,\n        variables: {\n          input: {\n            applicationId: app.applicationId ?? app.id,\n            scope: 'WORKSPACE',\n            workspaceId: workspace.id,\n            consentedPermissions: app.permissions ?? [],\n          },\n        },\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installApp;\n      if (!installResult) throw new Error('Installation failed');\n\n      // Record the integration install in the store service so the product page\n      // shows \"Installed\" and it appears in the Installed Apps management page.\n      try {\n        await graphqlFetch({\n          gateway: 'global',\n          query: RECORD_APP_INSTALLATION_STRING,\n          variables: {\n            input: {\n              productId: app.id,\n              workspaceId: workspace.id,\n              workspaceName: workspace.name,\n              workspaceType: workspace.type,\n              organizationId: workspace.organizationId,\n              version: app.version || '1.0.0',\n              manifest: {\n                name: app.name,\n                applicationId: app.applicationId,\n                productId: app.id,\n                icon: app.icon,\n                slug: app.slug,\n                type: app.type,\n                installationId: installResult.id,\n              },\n            },\n          },\n          authToken: authToken || undefined,\n        });\n      } catch {\n        // Non-fatal — devportal installation succeeded; store record will sync later.\n      }\n\n      const callbackUrl = installResult.application?.oauthAuthUrl;\n      if (callbackUrl) {\n        window.open(`${callbackUrl}?installation_id=${installResult.id}`, '_blank');\n      }\n\n      onInstallSuccess?.(workspace.id, workspace.name);\n      onClose();\n    } catch (err) {\n      const rawMsg = err instanceof Error ? err.message : 'Installation failed';\n      const errorMsg = mapInstallError(rawMsg);\n      dispatchInstall({ type: 'setError', error: errorMsg });\n      onInstallError?.(new Error(rawMsg));\n    } finally {\n      dispatchInstall({ type: 'finishInstall' });\n    }\n  };\n\n  /**\n   * Main install handler - routes to appropriate install function\n   */\n  const handleInstall = async () => {\n    if (CONSENT_REQUIRED_TYPES.has(appType)) {\n      // Integration apps use the devportal installApp mutation with post-install redirect.\n      await handleInstallIntegration();\n    } else if (purchaseState === 'purchased' || orderId || STORE_DISTRIBUTED_TYPES.has(appType)) {\n      // Purchased products install through the store service.\n      await handleInstallFromStore();\n    } else {\n      // Free products install through the workspace service.\n      await handleInstallViaWorkspace();\n    }\n  };\n\n  const selectedWorkspaceObj = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <DialogContent className=\"mx-4 w-full max-w-lg gap-0 p-0\">\n        {/* Header */}\n        <DialogHeader className=\"flex flex-row items-center justify-between space-y-0 border-b border-border-default px-6 py-4 text-left\">\n          <div className=\"flex items-center gap-3\">\n            {app.icon ? (\n              <img src={app.icon} alt={app.name} className=\"size-10 rounded-lg object-cover\" />\n            ) : (\n              <div className=\"flex size-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted\">\n                {app.name.charAt(0)}\n              </div>\n            )}\n            <div>\n              <DialogTitle className=\"text-lg font-semibold text-text-primary\">\n                {step === 'consent' ? 'Review Permissions' : 'Install App'}\n              </DialogTitle>\n              <DialogDescription className=\"text-sm text-text-muted\">{app.name}</DialogDescription>\n            </div>\n          </div>\n          {/* Step indicator for consent-gated types */}\n          {requiresConsent && (\n            <div className=\"flex items-center gap-1.5 text-xs text-text-muted shrink-0\">\n              <span className={step === 'workspace' ? 'font-semibold text-text-primary' : ''}>\n                1\n              </span>\n              <ChevronRight className=\"size-3\" />\n              <span className={step === 'consent' ? 'font-semibold text-text-primary' : ''}>2</span>\n            </div>\n          )}\n        </DialogHeader>\n\n        {/* ── Step 1: Workspace selection ── */}\n        {step === 'workspace' && (\n          <div className=\"px-6 py-4\">\n            <p className=\"mb-4 text-text-secondary\">\n              Select the workspace where you want to install this app:\n            </p>\n\n            {/* Workspace List */}\n            <div className=\"max-h-72 overflow-y-auto rounded-lg border border-border-seam\">\n              {loading ? (\n                <div className=\"flex items-center justify-center py-12\">\n                  <Loader2 className=\"size-8 animate-spin text-text-muted\" />\n                </div>\n              ) : error ? (\n                <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                  <AlertCircle className=\"mb-2 size-8 text-status-error-text\" />\n                  <p className=\"text-sm text-status-error-text\">Failed to load workspaces</p>\n                  <p className=\"text-xs text-text-muted mt-1\">{error.message}</p>\n                </div>\n              ) : filteredWorkspaces.length === 0 ? (\n                <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                  <Building2 className=\"mb-2 size-8 text-text-muted\" />\n                  <p className=\"text-sm text-text-muted\">No workspaces available</p>\n                </div>\n              ) : (\n                <div className=\"divide-y divide-border-default\">\n                  {filteredWorkspaces.map((workspace) => (\n                    <button\n                      type=\"button\"\n                      key={workspace.id}\n                      onClick={() =>\n                        dispatchInstall({ type: 'selectWorkspace', workspaceId: workspace.id })\n                      }\n                      className={`w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${\n                        selectedWorkspace === workspace.id\n                          ? 'bg-action-primary-bg/10'\n                          : 'hover:bg-bg-sunken'\n                      }`}\n                    >\n                      <div className=\"flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-text-link\">\n                        <Building2 className=\"size-5\" />\n                      </div>\n                      <div className=\"flex-1 min-w-0\">\n                        <p className=\"font-medium text-text-primary truncate\">{workspace.name}</p>\n                        {workspace.slug ? (\n                          <p className=\"text-xs text-text-muted truncate\">/{workspace.slug}</p>\n                        ) : null}\n                      </div>\n                      {selectedWorkspace === workspace.id && (\n                        <CheckCircle className=\"size-5 flex-shrink-0 text-action-primary-bg\" />\n                      )}\n                    </button>\n                  ))}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* ── Step 2: Permissions consent (integration types only) ── */}\n        {step === 'consent' && (\n          <div className=\"px-6 py-4\">\n            {/* Selected workspace reminder */}\n            {selectedWorkspaceObj && (\n              <div className=\"mb-4 flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2\">\n                <Building2 className=\"size-4 shrink-0 text-text-muted\" />\n                <span className=\"text-sm text-text-secondary\">\n                  Installing into{' '}\n                  <span className=\"font-medium text-text-primary\">{selectedWorkspaceObj.name}</span>\n                </span>\n              </div>\n            )}\n\n            {/* Shield header */}\n            <div className=\"mb-4 flex items-center gap-2\">\n              <ShieldCheck className=\"size-5 text-status-success-text\" />\n              <p className=\"text-sm font-semibold text-text-primary\">Permissions requested</p>\n            </div>\n\n            <p className=\"mb-4 text-sm text-text-secondary\">\n              By clicking <strong>Accept &amp; Install</strong>, you grant{' '}\n              <strong>{app.name}</strong> access to the following in the selected workspace:\n            </p>\n\n            {/* Permission list — specific scopes if available, generic grant otherwise */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface px-4 py-3\">\n              {app.permissions && app.permissions.length > 0 ? (\n                <ul className=\"space-y-2\">\n                  {app.permissions.map((perm) => (\n                    <li key={perm} className=\"flex items-center gap-2.5 text-sm text-text-primary\">\n                      <CheckCircle className=\"size-4 shrink-0 text-status-success-text\" />\n                      {perm}\n                    </li>\n                  ))}\n                </ul>\n              ) : (\n                <ul className=\"space-y-2\">\n                  <li className=\"flex items-center gap-2.5 text-sm text-text-primary\">\n                    <CheckCircle className=\"size-4 shrink-0 text-status-success-text\" />\n                    Read and write data within this workspace on your behalf\n                  </li>\n                  <li className=\"flex items-center gap-2.5 text-sm text-text-primary\">\n                    <CheckCircle className=\"size-4 shrink-0 text-status-success-text\" />\n                    Receive webhook events for workspace activity\n                  </li>\n                  <li className=\"flex items-center gap-2.5 text-sm text-text-primary\">\n                    <CheckCircle className=\"size-4 shrink-0 text-status-success-text\" />\n                    Act as an authorized integration within this workspace\n                  </li>\n                </ul>\n              )}\n            </div>\n\n            <p className=\"mt-3 text-xs text-text-muted\">\n              You can revoke access at any time from your Installed Apps settings.\n            </p>\n          </div>\n        )}\n\n        {/* Footer */}\n        <DialogFooter className=\"block border-t border-border-default px-6 py-4 sm:flex-col sm:items-stretch sm:space-x-0\">\n          {installInfo && (\n            <div className=\"mb-3 flex items-center gap-2 rounded-lg bg-status-info-bg-subtle px-3 py-2 text-sm text-status-info-text\">\n              <Info className=\"size-4 flex-shrink-0\" />\n              <span>{installInfo}</span>\n            </div>\n          )}\n          {installError && (\n            <div className=\"mb-3 flex items-center gap-2 rounded-lg bg-status-error-bg-subtle/10 px-3 py-2 text-sm text-status-error-text\">\n              <AlertCircle className=\"size-4 flex-shrink-0\" />\n              <span>{installError}</span>\n            </div>\n          )}\n          <div className=\"flex items-center justify-end gap-3\">\n            {step === 'consent' ? (\n              <>\n                <button\n                  type=\"button\"\n                  onClick={() => dispatchInstall({ type: 'backToWorkspace' })}\n                  disabled={installing}\n                  className=\"cursor-pointer inline-flex items-center gap-1.5 rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50\"\n                >\n                  <ArrowLeft className=\"size-4\" />\n                  Back\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => void handleInstall()}\n                  disabled={installing}\n                  className=\"cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2\"\n                >\n                  {installing ? (\n                    <>\n                      <Loader2 className=\"size-4 animate-spin\" />\n                      Installing…\n                    </>\n                  ) : (\n                    'Accept & Install'\n                  )}\n                </button>\n              </>\n            ) : (\n              <>\n                <button\n                  type=\"button\"\n                  onClick={onClose}\n                  disabled={installing}\n                  className=\"cursor-pointer rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50\"\n                >\n                  Cancel\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={handleContinue}\n                  disabled={!selectedWorkspace || installing}\n                  className=\"cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2\"\n                >\n                  {installing ? (\n                    <>\n                      <Loader2 className=\"size-4 animate-spin\" />\n                      Installing…\n                    </>\n                  ) : requiresConsent ? (\n                    <>\n                      Continue\n                      <ChevronRight className=\"size-4\" />\n                    </>\n                  ) : (\n                    'Install App'\n                  )}\n                </button>\n              </>\n            )}\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"InstallAppModal.js","names":[],"sources":["../../src/components/InstallAppModal.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState, useEffect, useCallback, useReducer } from 'react';\nimport {\n  Loader2,\n  Building2,\n  CheckCircle,\n  AlertCircle,\n  Info,\n  ShieldCheck,\n  ChevronRight,\n  ArrowLeft,\n} from 'lucide-react';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { useStore } from '../providers/StoreProvider';\n\n// Local type definitions for workspace operations\ninterface Workspace {\n  id: string;\n  name: string;\n  slug: string;\n  type?: string;\n  status?: string;\n  organizationId?: string;\n}\n\ninterface WorkspaceList {\n  items: Workspace[];\n  total: number;\n}\n\ninterface InstallWorkspaceAppsResult {\n  successCount: number;\n  failedCount: number;\n  results: Array<{\n    success: boolean;\n    workspaceId: string;\n    app?: unknown;\n    error?: string;\n  }>;\n}\n\n// String queries for graphqlFetch\nconst MY_WORKSPACES_STRING = `query MyWorkspaces { myWorkspaces { items { id name slug type status organizationId } total } }`;\nconst INSTALL_WORKSPACE_APPS_STRING = `mutation InstallWorkspaceApps($workspaceIds: [ID!]!, $input: InstallWorkspaceAppInput!) { installWorkspaceApps(workspaceIds: $workspaceIds, input: $input) { successCount failedCount results { success workspaceId error } } }`;\nconst RECORD_APP_INSTALLATION_STRING = `mutation RecordAppInstallation($input: RecordAppInstallationInput!) { recordAppInstallation(input: $input) { id status workspaceId version } }`;\nconst INSTALL_PURCHASED_APP_STRING = `mutation InstallPurchasedApp($orderId: ID, $productId: String!, $workspaceId: String!, $version: String) { installPurchasedApp(orderId: $orderId, productId: $productId, workspaceId: $workspaceId, version: $version) { success alreadyInstalled installation { id productId workspaceId status version } error message } }`;\nconst CREATE_PRODUCT_ENTITLEMENT_STRING = `mutation CreateProductEntitlement($input: CreateProductEntitlementInput!) { createProductEntitlement(input: $input) { id status productId workspaceId } }`;\nconst INSTALL_APP_DEVPORTAL_STRING = `mutation InstallAppDevportal($input: InstallAppInput!) { installApp(input: $input) { id status workspaceId application { oauthAuthUrl } } }`;\nconst INSTALLABLE_APPLICATION_VERSIONS_STRING = `query InstallableApplicationVersions($applicationId: ID!) { installableApplicationVersions(applicationId: $applicationId) { version status isLatest } }`;\n\nconst STORE_DISTRIBUTED_TYPES = new Set([\n  'VIBEMODULE',\n  'NODE',\n  'CONSOLE',\n  'DASHBOARD',\n  'PARSER',\n  'DATASINK',\n]);\n\n// App types that require an explicit permissions consent step before install\nconst CONSENT_REQUIRED_TYPES = new Set(['INTEGRATION', 'API_INTEGRATION']);\n\nconst INSTALL_ERROR_MESSAGES: Record<string, string> = {\n  ALREADY_INSTALLED: 'This app is already installed in the selected workspace.',\n  QUOTA_EXCEEDED: 'Installation limit reached. Please upgrade your plan or contact support.',\n  PERMISSION_DENIED: 'You do not have permission to install apps in this workspace.',\n  NOT_FOUND: 'The app or workspace could not be found.',\n  WORKSPACE_INACTIVE: 'The selected workspace is inactive.',\n  ENTITLEMENT_EXPIRED: 'Your license for this app has expired.',\n  UNSUPPORTED_TYPE: 'This product type cannot be installed in the selected workspace.',\n};\n\nfunction mapInstallError(raw: string): string {\n  for (const [code, message] of Object.entries(INSTALL_ERROR_MESSAGES)) {\n    if (raw.toUpperCase().includes(code)) return message;\n  }\n  return 'Installation failed. Please try again or contact support.';\n}\n\ntype InstallStep = 'workspace' | 'consent';\n\ninterface InstallState {\n  step: InstallStep;\n  selectedWorkspace: string | null;\n  selectedVersion: string;\n  installing: boolean;\n  installError: string | null;\n  installInfo: string | null;\n}\n\ntype InstallAction =\n  | { type: 'reset' }\n  | { type: 'selectWorkspace'; workspaceId: string }\n  | { type: 'selectVersion'; version: string }\n  | { type: 'advanceToConsent' }\n  | { type: 'backToWorkspace' }\n  | { type: 'startInstall' }\n  | { type: 'finishInstall' }\n  | { type: 'setError'; error: string }\n  | { type: 'setInfo'; info: string };\n\nconst initialInstallState: InstallState = {\n  step: 'workspace',\n  selectedWorkspace: null,\n  selectedVersion: '',\n  installing: false,\n  installError: null,\n  installInfo: null,\n};\n\nfunction installReducer(state: InstallState, action: InstallAction): InstallState {\n  switch (action.type) {\n    case 'reset':\n      return initialInstallState;\n    case 'selectWorkspace':\n      return { ...state, selectedWorkspace: action.workspaceId };\n    case 'selectVersion':\n      return { ...state, selectedVersion: action.version };\n    case 'advanceToConsent':\n      return { ...state, step: 'consent', installError: null };\n    case 'backToWorkspace':\n      return { ...state, step: 'workspace', installError: null };\n    case 'startInstall':\n      return { ...state, installing: true, installError: null, installInfo: null };\n    case 'finishInstall':\n      return { ...state, installing: false };\n    case 'setError':\n      return { ...state, installError: action.error };\n    case 'setInfo':\n      return { ...state, installInfo: action.info };\n    default:\n      return state;\n  }\n}\n\nexport interface AppInfo {\n  id: string;\n  // devportal Application.id — equals StoreProduct.productId, used for installApp mutation\n  applicationId?: string;\n  name: string;\n  slug?: string;\n  icon?: string;\n  type?: string;\n  version?: string;\n  permissions?: string[];\n}\n\ninterface InstallAppModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  app: AppInfo;\n  orderId?: string | null; // For purchased apps from orders page\n  purchaseState?: 'free' | 'purchased';\n  onInstallSuccess?: (workspaceId: string, workspaceName: string) => void;\n  onInstallError?: (error: Error) => void;\n}\n\ninterface UseWorkspacesResult {\n  workspaces: Workspace[];\n  loading: boolean;\n  error: Error | null;\n  refetch: () => void;\n}\n\n// NOTE: Inline Apollo clients removed. All GraphQL calls now use graphqlFetch\n// from fe-libs which automatically resolves gateway URLs and injects auth + locale headers.\n\n/**\n * Hook to fetch user's workspaces using graphqlFetch from fe-libs\n */\nfunction useWorkspaces(skip: boolean): UseWorkspacesResult {\n  const { authToken } = useStore();\n  const [workspaces, setWorkspaces] = useState<Workspace[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const fetchWorkspaces = useCallback(async () => {\n    if (skip) return;\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await graphqlFetch<{ myWorkspaces: WorkspaceList }>({\n        gateway: 'global',\n        query: MY_WORKSPACES_STRING,\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'GraphQL error');\n      }\n\n      setWorkspaces(result.data?.myWorkspaces?.items || []);\n    } catch (err) {\n      setError(err instanceof Error ? err : new Error('Failed to fetch workspaces'));\n    } finally {\n      setLoading(false);\n    }\n  }, [authToken, skip]);\n\n  useEffect(() => {\n    fetchWorkspaces();\n  }, [fetchWorkspaces]);\n\n  return {\n    workspaces,\n    loading,\n    error,\n    refetch: fetchWorkspaces,\n  };\n}\n\ninterface InstallableVersion {\n  version: string;\n  status: string;\n  isLatest: boolean;\n}\n\n/**\n * Hook to fetch an app's installable (published/deprecated) versions, for\n * the optional version picker. Skipped entirely when there's no linked\n * devportal applicationId (e.g. sideloaded or legacy listings) — those\n * always install whatever the store listing's current version is.\n */\nfunction useInstallableVersions(\n  applicationId: string | undefined,\n  skip: boolean,\n): { versions: InstallableVersion[]; loading: boolean } {\n  const { authToken } = useStore();\n  const [versions, setVersions] = useState<InstallableVersion[]>([]);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    if (skip || !applicationId) {\n      setVersions([]);\n      return;\n    }\n\n    let cancelled = false;\n    setLoading(true);\n\n    graphqlFetch<{ installableApplicationVersions: InstallableVersion[] }>({\n      gateway: 'global',\n      query: INSTALLABLE_APPLICATION_VERSIONS_STRING,\n      variables: { applicationId },\n      authToken: authToken || undefined,\n    })\n      .then((result) => {\n        if (cancelled) return;\n        if (result.errors?.length) {\n          setVersions([]);\n          return;\n        }\n        setVersions(result.data?.installableApplicationVersions ?? []);\n      })\n      .catch(() => {\n        if (!cancelled) setVersions([]);\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [applicationId, authToken, skip]);\n\n  return { versions, loading };\n}\n\n/**\n * InstallAppModal component\n *\n * Modal for selecting a workspace to install an app into\n */\nexport const InstallAppModal: FC<InstallAppModalProps> = ({\n  isOpen,\n  onClose,\n  app,\n  orderId,\n  purchaseState = 'free',\n  onInstallSuccess,\n  onInstallError,\n}) => {\n  const { authToken, user } = useStore();\n  const [installState, dispatchInstall] = useReducer(installReducer, initialInstallState);\n  const { step, selectedWorkspace, selectedVersion, installing, installError, installInfo } =\n    installState;\n\n  const appType = app.type?.toUpperCase() ?? '';\n  const requiresConsent = CONSENT_REQUIRED_TYPES.has(appType);\n  const supportsVersionChoice = STORE_DISTRIBUTED_TYPES.has(appType);\n\n  const { workspaces, loading, error } = useWorkspaces(!isOpen);\n  const { versions: installableVersions } = useInstallableVersions(\n    app.applicationId,\n    !isOpen || !supportsVersionChoice,\n  );\n\n  // Reset step and selection whenever the modal is closed/reopened\n  useEffect(() => {\n    if (!isOpen) {\n      dispatchInstall({ type: 'reset' });\n    }\n  }, [isOpen]);\n\n  // Filter workspaces by status (only show active)\n  const filteredWorkspaces = workspaces.filter((ws) => ws.status === 'ACTIVE');\n\n  /**\n   * Install purchased app via Store Service (NEW FLOW)\n   * Used when installing from orders page or any already-purchased product\n   */\n  const handleInstallFromStore = async () => {\n    if (!selectedWorkspace) return;\n\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n    const purchasedBy = user?.id;\n\n    dispatchInstall({ type: 'startInstall' });\n\n    try {\n      if (!orderId && purchaseState !== 'purchased') {\n        if (!purchasedBy) {\n          throw new Error('Unable to identify the current user for license creation');\n        }\n\n        await graphqlFetch({\n          gateway: 'global',\n          query: CREATE_PRODUCT_ENTITLEMENT_STRING,\n          variables: {\n            input: {\n              productId: app.id,\n              purchasedBy,\n              workspaceId: workspace.id,\n              metadata: {\n                source: 'store-ui',\n                productType: app.type,\n              },\n            },\n          },\n          authToken: authToken || undefined,\n        });\n      }\n\n      // Call Store Service to install the purchased app\n      const result = await graphqlFetch<{\n        installPurchasedApp: {\n          success: boolean;\n          alreadyInstalled?: boolean;\n          installation?: {\n            id: string;\n            productId: string;\n            workspaceId: string;\n            status: string;\n            version: string;\n          };\n          error?: string;\n          message?: string;\n        };\n      }>({\n        gateway: 'global', // Store Service\n        query: INSTALL_PURCHASED_APP_STRING,\n        variables: {\n          orderId: orderId ?? null,\n          productId: app.id,\n          workspaceId: workspace.id,\n          version: selectedVersion || undefined,\n        },\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installPurchasedApp;\n\n      if (installResult?.success) {\n        if (installResult.alreadyInstalled) {\n          dispatchInstall({\n            type: 'setInfo',\n            info: installResult.message || 'Already installed on this workspace',\n          });\n        } else {\n          onInstallSuccess?.(workspace.id, workspace.name);\n          onClose();\n        }\n      } else {\n        const rawMsg = installResult?.error || 'Installation failed';\n        const errorMsg = mapInstallError(rawMsg);\n        dispatchInstall({ type: 'setError', error: errorMsg });\n        onInstallError?.(new Error(rawMsg));\n      }\n    } catch (err) {\n      const rawMsg = err instanceof Error ? err.message : 'Installation failed';\n      const errorMsg = mapInstallError(rawMsg);\n      dispatchInstall({ type: 'setError', error: errorMsg });\n      onInstallError?.(new Error(rawMsg));\n    } finally {\n      dispatchInstall({ type: 'finishInstall' });\n    }\n  };\n\n  /**\n   * Install app via Workspace Service (LEGACY FLOW)\n   * Used for free apps or when installing without order\n   */\n  const handleInstallViaWorkspace = async () => {\n    if (!selectedWorkspace) return;\n\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n\n    dispatchInstall({ type: 'startInstall' });\n\n    try {\n      // Step 1: Install to workspace service via graphqlFetch\n      const installVars = {\n        workspaceIds: [workspace.id],\n        input: {\n          appName: app.slug || app.name.toLowerCase().replace(/\\s+/g, '-'),\n          displayName: app.name,\n          version: app.version || '1.0.0',\n          type: app.type || 'app',\n          manifest: {\n            productId: app.id,\n            icon: app.icon,\n          },\n        },\n      };\n\n      const result = await graphqlFetch<{\n        installWorkspaceApps: InstallWorkspaceAppsResult;\n      }>({\n        gateway: 'workspace',\n        query: INSTALL_WORKSPACE_APPS_STRING,\n        variables: installVars,\n        authToken: authToken || undefined,\n        workspaceId: workspace.id,\n        workspaceToken: true,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installWorkspaceApps;\n      if (installResult?.successCount && installResult.successCount > 0) {\n        // Step 2: Record installation in store service (for tracking)\n        try {\n          await graphqlFetch({\n            gateway: 'global',\n            query: RECORD_APP_INSTALLATION_STRING,\n            variables: {\n              input: {\n                productId: app.id,\n                workspaceId: workspace.id,\n                workspaceName: workspace.name,\n                workspaceType: workspace.type,\n                organizationId: workspace.organizationId,\n                version: app.version || '1.0.0',\n                manifest: {\n                  name: app.name,\n                  productId: app.id,\n                  icon: app.icon,\n                  slug: app.slug,\n                  type: app.type,\n                },\n              },\n            },\n            authToken: authToken || undefined,\n          });\n        } catch {\n          // Non-fatal: workspace installation succeeded; store record will sync later.\n        }\n\n        onInstallSuccess?.(workspace.id, workspace.name);\n        onClose();\n      } else {\n        const rawMsg = installResult?.results?.[0]?.error || 'Installation failed';\n        const errorMsg = mapInstallError(rawMsg);\n        dispatchInstall({ type: 'setError', error: errorMsg });\n        onInstallError?.(new Error(rawMsg));\n      }\n    } catch (err) {\n      const rawMsg = err instanceof Error ? err.message : 'Installation failed';\n      const errorMsg = mapInstallError(rawMsg);\n      dispatchInstall({ type: 'setError', error: errorMsg });\n      onInstallError?.(new Error(rawMsg));\n    } finally {\n      dispatchInstall({ type: 'finishInstall' });\n    }\n  };\n\n  /**\n   * Advance from workspace selection to consent step (for integration types),\n   * or go straight to install (for other types).\n   */\n  const handleContinue = () => {\n    if (requiresConsent) {\n      dispatchInstall({ type: 'advanceToConsent' });\n    } else {\n      void handleInstall();\n    }\n  };\n\n  /**\n   * Install INTEGRATION / API_INTEGRATION apps via the devportal installApp mutation.\n   * After a successful install, redirects the user to the app's callback URL with\n   * ?installation_id=<id> appended so the integration server can complete the handshake.\n   */\n  const handleInstallIntegration = async () => {\n    if (!selectedWorkspace) return;\n    const workspace = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n    if (!workspace) return;\n\n    dispatchInstall({ type: 'startInstall' });\n    try {\n      const result = await graphqlFetch<{\n        installApp: {\n          id: string;\n          status: string;\n          workspaceId: string;\n          application: { oauthAuthUrl?: string | null };\n        };\n      }>({\n        gateway: 'global',\n        query: INSTALL_APP_DEVPORTAL_STRING,\n        variables: {\n          input: {\n            applicationId: app.applicationId ?? app.id,\n            scope: 'WORKSPACE',\n            workspaceId: workspace.id,\n            consentedPermissions: app.permissions ?? [],\n          },\n        },\n        authToken: authToken || undefined,\n      });\n\n      if (result.errors?.length) {\n        throw new Error(result.errors[0]?.message ?? 'Installation failed');\n      }\n\n      const installResult = result.data?.installApp;\n      if (!installResult) throw new Error('Installation failed');\n\n      // Record the integration install in the store service so the product page\n      // shows \"Installed\" and it appears in the Installed Apps management page.\n      try {\n        await graphqlFetch({\n          gateway: 'global',\n          query: RECORD_APP_INSTALLATION_STRING,\n          variables: {\n            input: {\n              productId: app.id,\n              workspaceId: workspace.id,\n              workspaceName: workspace.name,\n              workspaceType: workspace.type,\n              organizationId: workspace.organizationId,\n              version: app.version || '1.0.0',\n              manifest: {\n                name: app.name,\n                applicationId: app.applicationId,\n                productId: app.id,\n                icon: app.icon,\n                slug: app.slug,\n                type: app.type,\n                installationId: installResult.id,\n              },\n            },\n          },\n          authToken: authToken || undefined,\n        });\n      } catch {\n        // Non-fatal — devportal installation succeeded; store record will sync later.\n      }\n\n      const callbackUrl = installResult.application?.oauthAuthUrl;\n      if (callbackUrl) {\n        window.open(`${callbackUrl}?installation_id=${installResult.id}`, '_blank');\n      }\n\n      onInstallSuccess?.(workspace.id, workspace.name);\n      onClose();\n    } catch (err) {\n      const rawMsg = err instanceof Error ? err.message : 'Installation failed';\n      const errorMsg = mapInstallError(rawMsg);\n      dispatchInstall({ type: 'setError', error: errorMsg });\n      onInstallError?.(new Error(rawMsg));\n    } finally {\n      dispatchInstall({ type: 'finishInstall' });\n    }\n  };\n\n  /**\n   * Main install handler - routes to appropriate install function\n   */\n  const handleInstall = async () => {\n    if (CONSENT_REQUIRED_TYPES.has(appType)) {\n      // Integration apps use the devportal installApp mutation with post-install redirect.\n      await handleInstallIntegration();\n    } else if (purchaseState === 'purchased' || orderId || STORE_DISTRIBUTED_TYPES.has(appType)) {\n      // Purchased products install through the store service.\n      await handleInstallFromStore();\n    } else {\n      // Free products install through the workspace service.\n      await handleInstallViaWorkspace();\n    }\n  };\n\n  const selectedWorkspaceObj = filteredWorkspaces.find((ws) => ws.id === selectedWorkspace);\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <DialogContent className=\"mx-4 w-full max-w-lg gap-0 p-0\">\n        {/* Header */}\n        <DialogHeader className=\"flex flex-row items-center justify-between space-y-0 border-b border-border-default px-6 py-4 text-left\">\n          <div className=\"flex items-center gap-3\">\n            {app.icon ? (\n              <img src={app.icon} alt={app.name} className=\"size-10 rounded-lg object-cover\" />\n            ) : (\n              <div className=\"flex size-10 items-center justify-center rounded-lg bg-bg-sunken text-lg font-bold text-text-muted\">\n                {app.name.charAt(0)}\n              </div>\n            )}\n            <div>\n              <DialogTitle className=\"text-lg font-semibold text-text-primary\">\n                {step === 'consent' ? 'Review Permissions' : 'Install App'}\n              </DialogTitle>\n              <DialogDescription className=\"text-sm text-text-muted\">{app.name}</DialogDescription>\n            </div>\n          </div>\n          {/* Step indicator for consent-gated types */}\n          {requiresConsent && (\n            <div className=\"flex items-center gap-1.5 text-xs text-text-muted shrink-0\">\n              <span className={step === 'workspace' ? 'font-semibold text-text-primary' : ''}>\n                1\n              </span>\n              <ChevronRight className=\"size-3\" />\n              <span className={step === 'consent' ? 'font-semibold text-text-primary' : ''}>2</span>\n            </div>\n          )}\n        </DialogHeader>\n\n        {/* ── Step 1: Workspace selection ── */}\n        {step === 'workspace' && (\n          <div className=\"px-6 py-4\">\n            <p className=\"mb-4 text-text-secondary\">\n              Select the workspace where you want to install this app:\n            </p>\n\n            {/* Workspace List */}\n            <div className=\"max-h-72 overflow-y-auto rounded-lg border border-border-seam\">\n              {loading ? (\n                <div className=\"flex items-center justify-center py-12\">\n                  <Loader2 className=\"size-8 animate-spin text-text-muted\" />\n                </div>\n              ) : error ? (\n                <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                  <AlertCircle className=\"mb-2 size-8 text-status-error-text\" />\n                  <p className=\"text-sm text-status-error-text\">Failed to load workspaces</p>\n                  <p className=\"text-xs text-text-muted mt-1\">{error.message}</p>\n                </div>\n              ) : filteredWorkspaces.length === 0 ? (\n                <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                  <Building2 className=\"mb-2 size-8 text-text-muted\" />\n                  <p className=\"text-sm text-text-muted\">No workspaces available</p>\n                </div>\n              ) : (\n                <div className=\"divide-y divide-border-default\">\n                  {filteredWorkspaces.map((workspace) => (\n                    <button\n                      type=\"button\"\n                      key={workspace.id}\n                      onClick={() =>\n                        dispatchInstall({ type: 'selectWorkspace', workspaceId: workspace.id })\n                      }\n                      className={`w-full cursor-pointer flex items-center gap-3 px-4 py-3 text-left transition-colors ${\n                        selectedWorkspace === workspace.id\n                          ? 'bg-action-primary-bg/10'\n                          : 'hover:bg-bg-sunken'\n                      }`}\n                    >\n                      <div className=\"flex size-10 items-center justify-center rounded-lg bg-action-primary-bg/10 text-text-link\">\n                        <Building2 className=\"size-5\" />\n                      </div>\n                      <div className=\"flex-1 min-w-0\">\n                        <p className=\"font-medium text-text-primary truncate\">{workspace.name}</p>\n                        {workspace.slug ? (\n                          <p className=\"text-xs text-text-muted truncate\">/{workspace.slug}</p>\n                        ) : null}\n                      </div>\n                      {selectedWorkspace === workspace.id && (\n                        <CheckCircle className=\"size-5 flex-shrink-0 text-action-primary-bg\" />\n                      )}\n                    </button>\n                  ))}\n                </div>\n              )}\n            </div>\n\n            {/* Optional version picker — only shown when the app has more\n                than one installable (published/deprecated) version. */}\n            {supportsVersionChoice && installableVersions.length > 1 && (\n              <div className=\"mt-4\">\n                <label\n                  htmlFor=\"install-app-version\"\n                  className=\"mb-1.5 block text-xs font-medium text-text-secondary\"\n                >\n                  Version\n                </label>\n                <select\n                  id=\"install-app-version\"\n                  value={selectedVersion}\n                  onChange={(event) =>\n                    dispatchInstall({ type: 'selectVersion', version: event.target.value })\n                  }\n                  className=\"w-full rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n                >\n                  <option value=\"\">Latest{app.version ? ` (${app.version})` : ''}</option>\n                  {installableVersions\n                    .filter((v) => !v.isLatest)\n                    .map((v) => (\n                      <option key={v.version} value={v.version}>\n                        {v.version} ({v.status})\n                      </option>\n                    ))}\n                </select>\n              </div>\n            )}\n          </div>\n        )}\n\n        {/* ── Step 2: Permissions consent (integration types only) ── */}\n        {step === 'consent' && (\n          <div className=\"px-6 py-4\">\n            {/* Selected workspace reminder */}\n            {selectedWorkspaceObj && (\n              <div className=\"mb-4 flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-2\">\n                <Building2 className=\"size-4 shrink-0 text-text-muted\" />\n                <span className=\"text-sm text-text-secondary\">\n                  Installing into{' '}\n                  <span className=\"font-medium text-text-primary\">{selectedWorkspaceObj.name}</span>\n                </span>\n              </div>\n            )}\n\n            {/* Shield header */}\n            <div className=\"mb-4 flex items-center gap-2\">\n              <ShieldCheck className=\"size-5 text-status-success-text\" />\n              <p className=\"text-sm font-semibold text-text-primary\">Permissions requested</p>\n            </div>\n\n            <p className=\"mb-4 text-sm text-text-secondary\">\n              By clicking <strong>Accept &amp; Install</strong>, you grant{' '}\n              <strong>{app.name}</strong> access to the following in the selected workspace:\n            </p>\n\n            {/* Permission list — specific scopes if available, generic grant otherwise */}\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface px-4 py-3\">\n              {app.permissions && app.permissions.length > 0 ? (\n                <ul className=\"space-y-2\">\n                  {app.permissions.map((perm) => (\n                    <li key={perm} className=\"flex items-center gap-2.5 text-sm text-text-primary\">\n                      <CheckCircle className=\"size-4 shrink-0 text-status-success-text\" />\n                      {perm}\n                    </li>\n                  ))}\n                </ul>\n              ) : (\n                <ul className=\"space-y-2\">\n                  <li className=\"flex items-center gap-2.5 text-sm text-text-primary\">\n                    <CheckCircle className=\"size-4 shrink-0 text-status-success-text\" />\n                    Read and write data within this workspace on your behalf\n                  </li>\n                  <li className=\"flex items-center gap-2.5 text-sm text-text-primary\">\n                    <CheckCircle className=\"size-4 shrink-0 text-status-success-text\" />\n                    Receive webhook events for workspace activity\n                  </li>\n                  <li className=\"flex items-center gap-2.5 text-sm text-text-primary\">\n                    <CheckCircle className=\"size-4 shrink-0 text-status-success-text\" />\n                    Act as an authorized integration within this workspace\n                  </li>\n                </ul>\n              )}\n            </div>\n\n            <p className=\"mt-3 text-xs text-text-muted\">\n              You can revoke access at any time from your Installed Apps settings.\n            </p>\n          </div>\n        )}\n\n        {/* Footer */}\n        <DialogFooter className=\"block border-t border-border-default px-6 py-4 sm:flex-col sm:items-stretch sm:space-x-0\">\n          {installInfo && (\n            <div className=\"mb-3 flex items-center gap-2 rounded-lg bg-status-info-bg-subtle px-3 py-2 text-sm text-status-info-text\">\n              <Info className=\"size-4 flex-shrink-0\" />\n              <span>{installInfo}</span>\n            </div>\n          )}\n          {installError && (\n            <div className=\"mb-3 flex items-center gap-2 rounded-lg bg-status-error-bg-subtle/10 px-3 py-2 text-sm text-status-error-text\">\n              <AlertCircle className=\"size-4 flex-shrink-0\" />\n              <span>{installError}</span>\n            </div>\n          )}\n          <div className=\"flex items-center justify-end gap-3\">\n            {step === 'consent' ? (\n              <>\n                <button\n                  type=\"button\"\n                  onClick={() => dispatchInstall({ type: 'backToWorkspace' })}\n                  disabled={installing}\n                  className=\"cursor-pointer inline-flex items-center gap-1.5 rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50\"\n                >\n                  <ArrowLeft className=\"size-4\" />\n                  Back\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => void handleInstall()}\n                  disabled={installing}\n                  className=\"cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2\"\n                >\n                  {installing ? (\n                    <>\n                      <Loader2 className=\"size-4 animate-spin\" />\n                      Installing…\n                    </>\n                  ) : (\n                    'Accept & Install'\n                  )}\n                </button>\n              </>\n            ) : (\n              <>\n                <button\n                  type=\"button\"\n                  onClick={onClose}\n                  disabled={installing}\n                  className=\"cursor-pointer rounded-lg border border-border-default px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50\"\n                >\n                  Cancel\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={handleContinue}\n                  disabled={!selectedWorkspace || installing}\n                  className=\"cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center gap-2\"\n                >\n                  {installing ? (\n                    <>\n                      <Loader2 className=\"size-4 animate-spin\" />\n                      Installing…\n                    </>\n                  ) : requiresConsent ? (\n                    <>\n                      Continue\n                      <ChevronRight className=\"size-4\" />\n                    </>\n                  ) : (\n                    'Install App'\n                  )}\n                </button>\n              </>\n            )}\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"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"}

package/dist/components/sourcing/SourcingConfirmationDialog.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+
+interface SourcingConfirmationDialogProps {
+    open: boolean;
+    title: string;
+    description: ReactNode;
+    confirmLabel: string;
+    cancelLabel: string;
+    busy?: boolean;
+    destructive?: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare function SourcingConfirmationDialog({ open, title, description, confirmLabel, cancelLabel, busy, destructive, onConfirm, onCancel, }: SourcingConfirmationDialogProps): import("react").JSX.Element;
+export {};

package/dist/components/sourcing/SourcingConfirmationDialog.js

@@ -0,0 +1,61 @@
+import { dangerButtonClassName as e, primaryButtonClassName as t, secondaryButtonClassName as n } from "./SourcingUi.js";
+import { useEffect as r, useId as i, useRef as a } from "react";
+import { Loader2 as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/sourcing/SourcingConfirmationDialog.tsx
+function l({ open: l, title: u, description: d, confirmLabel: f, cancelLabel: p, busy: m = !1, destructive: h = !1, onConfirm: g, onCancel: _ }) {
+	let v = a(null), y = i(), b = i();
+	return r(() => {
+		let e = v.current;
+		e && (l && !e.open && e.showModal(), !l && e.open && e.close());
+	}, [l]), r(() => () => {
+		v.current?.open && v.current.close();
+	}, []), /* @__PURE__ */ s("dialog", {
+		ref: v,
+		"aria-labelledby": y,
+		"aria-describedby": b,
+		className: "m-auto w-[min(32rem,calc(100%-2rem))] rounded-xl border border-border-seam bg-surface-raised p-0 text-text-primary shadow-elevation-4 backdrop:bg-bg-overlay backdrop:backdrop-blur-sm",
+		onCancel: (e) => {
+			e.preventDefault(), m || _();
+		},
+		children: /* @__PURE__ */ c("div", {
+			className: "p-5 sm:p-6",
+			children: [
+				/* @__PURE__ */ s("h2", {
+					id: y,
+					className: "text-lg font-semibold text-text-primary",
+					children: u
+				}),
+				/* @__PURE__ */ s("div", {
+					id: b,
+					className: "mt-2 text-sm leading-6 text-text-secondary",
+					children: d
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "mt-6 flex flex-wrap justify-end gap-2",
+					children: [/* @__PURE__ */ s("button", {
+						type: "button",
+						onClick: _,
+						disabled: m,
+						className: n,
+						children: p
+					}), /* @__PURE__ */ c("button", {
+						type: "button",
+						onClick: g,
+						disabled: m,
+						className: h ? e : t,
+						autoFocus: !0,
+						children: [m ? /* @__PURE__ */ s(o, {
+							className: "size-4 animate-spin",
+							"aria-hidden": "true"
+						}) : null, f]
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { l as SourcingConfirmationDialog };
+
+//# sourceMappingURL=SourcingConfirmationDialog.js.map

package/dist/components/sourcing/SourcingConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourcingConfirmationDialog.js","names":[],"sources":["../../../src/components/sourcing/SourcingConfirmationDialog.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react';\nimport type { ReactNode } from 'react';\nimport { Loader2 } from 'lucide-react';\n\nimport {\n  dangerButtonClassName,\n  primaryButtonClassName,\n  secondaryButtonClassName,\n} from './SourcingUi';\n\ninterface SourcingConfirmationDialogProps {\n  open: boolean;\n  title: string;\n  description: ReactNode;\n  confirmLabel: string;\n  cancelLabel: string;\n  busy?: boolean;\n  destructive?: boolean;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\nexport function SourcingConfirmationDialog({\n  open,\n  title,\n  description,\n  confirmLabel,\n  cancelLabel,\n  busy = false,\n  destructive = false,\n  onConfirm,\n  onCancel,\n}: SourcingConfirmationDialogProps) {\n  const dialogRef = useRef<HTMLDialogElement | null>(null);\n  const titleId = useId();\n  const descriptionId = useId();\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    if (open && !dialog.open) dialog.showModal();\n    if (!open && dialog.open) dialog.close();\n  }, [open]);\n\n  useEffect(\n    () => () => {\n      if (dialogRef.current?.open) dialogRef.current.close();\n    },\n    []\n  );\n\n  return (\n    <dialog\n      ref={dialogRef}\n      aria-labelledby={titleId}\n      aria-describedby={descriptionId}\n      className=\"m-auto w-[min(32rem,calc(100%-2rem))] rounded-xl border border-border-seam bg-surface-raised p-0 text-text-primary shadow-elevation-4 backdrop:bg-bg-overlay backdrop:backdrop-blur-sm\"\n      onCancel={(event) => {\n        event.preventDefault();\n        if (!busy) onCancel();\n      }}\n    >\n      <div className=\"p-5 sm:p-6\">\n        <h2 id={titleId} className=\"text-lg font-semibold text-text-primary\">\n          {title}\n        </h2>\n        <div id={descriptionId} className=\"mt-2 text-sm leading-6 text-text-secondary\">\n          {description}\n        </div>\n        <div className=\"mt-6 flex flex-wrap justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            disabled={busy}\n            className={secondaryButtonClassName}\n          >\n            {cancelLabel}\n          </button>\n          <button\n            type=\"button\"\n            onClick={onConfirm}\n            disabled={busy}\n            className={destructive ? dangerButtonClassName : primaryButtonClassName}\n            autoFocus\n          >\n            {busy ? <Loader2 className=\"size-4 animate-spin\" aria-hidden=\"true\" /> : null}\n            {confirmLabel}\n          </button>\n        </div>\n      </div>\n    </dialog>\n  );\n}\n"],"mappings":";;;;;AAsBA,SAAgB,EAA2B,EACzC,SACA,UACA,gBACA,iBACA,gBACA,UAAO,IACP,iBAAc,IACd,cACA,eACkC;CAClC,IAAM,IAAY,EAAiC,KAAK,EAClD,IAAU,GAAO,EACjB,IAAgB,GAAO;AAiB7B,QAfA,QAAgB;EACd,IAAM,IAAS,EAAU;AACpB,QAED,KAAQ,CAAC,EAAO,QAAM,EAAO,WAAW,EACxC,CAAC,KAAQ,EAAO,QAAM,EAAO,OAAO;IACvC,CAAC,EAAK,CAAC,EAEV,cACc;AACV,EAAI,EAAU,SAAS,QAAM,EAAU,QAAQ,OAAO;IAExD,EAAE,CACH,EAGC,kBAAC,UAAD;EACE,KAAK;EACL,mBAAiB;EACjB,oBAAkB;EAClB,WAAU;EACV,WAAW,MAAU;AAEnB,GADA,EAAM,gBAAgB,EACjB,KAAM,GAAU;;YAGvB,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,MAAD;KAAI,IAAI;KAAS,WAAU;eACxB;KACE,CAAA;IACL,kBAAC,OAAD;KAAK,IAAI;KAAe,WAAU;eAC/B;KACG,CAAA;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAW;gBAEV;MACM,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,UAAU;MACV,WAAW,IAAc,IAAwB;MACjD,WAAA;gBALF,CAOG,IAAO,kBAAC,GAAD;OAAS,WAAU;OAAsB,eAAY;OAAS,CAAA,GAAG,MACxE,EACM;QACL;;IACF;;EACC,CAAA"}

package/dist/components/sourcing/SourcingUi.d.ts

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+import { SourcingUnit } from '../../generated/global-types';
+
+export declare const SOURCING_UNITS: readonly [SourcingUnit.Unit, SourcingUnit.Gram, SourcingUnit.Kilogram, SourcingUnit.Milliliter, SourcingUnit.Liter, SourcingUnit.MetricTon, SourcingUnit.Box, SourcingUnit.Bag, SourcingUnit.Pallet];
+export declare const inputClassName = "mt-1.5 w-full rounded-lg border border-border-default bg-surface-default px-3 py-2.5 text-sm text-text-primary shadow-sm outline-none transition placeholder:text-text-tertiary focus:border-action-primary-bg focus:ring-2 focus:ring-action-primary-bg/20 disabled:cursor-not-allowed disabled:bg-surface-muted disabled:text-text-tertiary";
+export declare const labelClassName = "block text-sm font-medium text-text-primary";
+export declare const helpClassName = "mt-1 text-xs text-text-tertiary";
+export declare const primaryButtonClassName: string;
+export declare const secondaryButtonClassName: string;
+export declare const dangerButtonClassName: string;
+export declare function joinStorePath(basePath: string, path: string): string;
+export declare function formatSourcingUnit(unit: SourcingUnit | string): string;
+export declare function formatDate(value: string): string;
+export declare function formatDateTime(value: string): string;
+export declare function formatMoney(value: string | null | undefined, currency: string | null | undefined): string;
+export declare function formatLocation({ country, region, city, }: {
+    country: string;
+    region?: string | null;
+    city?: string | null;
+}): string;
+export declare function toDateTimeLocal(value: string): string;
+export declare function toErrorMessage(error: unknown, fallback: string): string;
+interface SourcingPageHeaderProps {
+    title: string;
+    description: string;
+    icon: ReactNode;
+    onBack?: () => void;
+    actions?: ReactNode;
+}
+export declare function SourcingPageHeader({ title, description, icon, onBack, actions, }: SourcingPageHeaderProps): import("react").JSX.Element;
+export declare function SourcingLoadingState({ label }: {
+    label: string;
+}): import("react").JSX.Element;
+export declare function SourcingErrorState({ title, message, onRetry, }: {
+    title: string;
+    message: string;
+    onRetry?: () => void;
+}): import("react").JSX.Element;
+export declare function SourcingEmptyState({ title, description, action, }: {
+    title: string;
+    description: string;
+    action?: ReactNode;
+}): import("react").JSX.Element;
+export declare function SourcingStatusBadge({ status }: {
+    status: string;
+}): import("react").JSX.Element;
+export declare function ContextRequiredPanel({ title, description, }: {
+    title: string;
+    description: string;
+}): import("react").JSX.Element;
+export {};

package/dist/components/sourcing/SourcingUi.js

@@ -0,0 +1,176 @@
+import { SourcingUnit as e } from "../../generated/global-types.js";
+import { AlertCircle as t, ArrowLeft as n, Loader2 as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { formatDate as o, formatDateTime as s } from "@burdenoff/fe-libs/shared/utils";
+import { Badge as c, IllustratedEmptyState as l, buttonVariants as u } from "@burdenoff/fe-libs/ui";
+import { PageHeader as d } from "@burdenoff/fe-libs/chrome";
+//#region src/components/sourcing/SourcingUi.tsx
+var f = [
+	e.Unit,
+	e.Gram,
+	e.Kilogram,
+	e.Milliliter,
+	e.Liter,
+	e.MetricTon,
+	e.Box,
+	e.Bag,
+	e.Pallet
+], p = {
+	[e.Unit]: "Unit",
+	[e.Gram]: "Gram",
+	[e.Kilogram]: "Kilogram",
+	[e.Milliliter]: "Milliliter",
+	[e.Liter]: "Liter",
+	[e.MetricTon]: "Metric ton",
+	[e.Box]: "Box",
+	[e.Bag]: "Bag",
+	[e.Pallet]: "Pallet"
+}, m = "mt-1.5 w-full rounded-lg border border-border-default bg-surface-default px-3 py-2.5 text-sm text-text-primary shadow-sm outline-none transition placeholder:text-text-tertiary focus:border-action-primary-bg focus:ring-2 focus:ring-action-primary-bg/20 disabled:cursor-not-allowed disabled:bg-surface-muted disabled:text-text-tertiary", h = "block text-sm font-medium text-text-primary", g = "mt-1 text-xs text-text-tertiary", _ = u({ size: "lg" }), v = u({
+	variant: "outline",
+	size: "lg"
+}), y = u({
+	variant: "destructive",
+	size: "lg"
+});
+function b(e, t) {
+	return `${e === "/" ? "" : e.replace(/\/$/, "")}${t.startsWith("/") ? t : `/${t}`}` || "/";
+}
+function x(e) {
+	return p[e] ?? e.replaceAll("_", " ").toLowerCase();
+}
+function S(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "Not available" : o(t);
+}
+function C(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "Not available" : s(t);
+}
+function w(e, t) {
+	return !e || !t ? "Not specified" : `${t.toUpperCase()} ${e}`;
+}
+function T({ country: e, region: t, city: n }) {
+	return [
+		n,
+		t,
+		e
+	].filter(Boolean).join(", ");
+}
+function E(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : (/* @__PURE__ */ new Date(t.getTime() - t.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
+}
+function D(e, t) {
+	return e instanceof Error && e.message.trim() ? e.message : t;
+}
+function O({ title: e, description: t, icon: r, onBack: o, actions: s }) {
+	return /* @__PURE__ */ i("div", {
+		className: "border-b border-border-seam bg-surface-raised",
+		children: /* @__PURE__ */ i("div", {
+			className: "mx-auto max-w-6xl px-4 py-5 sm:px-6",
+			children: /* @__PURE__ */ i(d, {
+				className: "mb-0",
+				title: e,
+				description: t,
+				icon: o ? /* @__PURE__ */ a("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ i("button", {
+						type: "button",
+						onClick: o,
+						"aria-label": "Go back",
+						className: "inline-flex size-10 shrink-0 items-center justify-center rounded-lg text-text-secondary transition hover:bg-surface-hover hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
+						children: /* @__PURE__ */ i(n, {
+							className: "size-5",
+							"aria-hidden": "true"
+						})
+					}), /* @__PURE__ */ i("span", {
+						className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-surface-accent-muted text-text-accent",
+						children: r
+					})]
+				}) : /* @__PURE__ */ i("span", {
+					className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-surface-accent-muted text-text-accent",
+					children: r
+				}),
+				actions: s
+			})
+		})
+	});
+}
+function k({ label: e }) {
+	return /* @__PURE__ */ a("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: "flex flex-col items-center py-20 text-center",
+		children: [/* @__PURE__ */ i(r, {
+			className: "mb-3 size-8 animate-spin text-text-accent",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ i("p", {
+			className: "text-sm text-text-secondary",
+			children: e
+		})]
+	});
+}
+function A({ title: e, message: n, onRetry: r }) {
+	return /* @__PURE__ */ a("div", {
+		role: "alert",
+		className: "rounded-xl border border-border-danger bg-surface-danger-muted p-6 text-center",
+		children: [
+			/* @__PURE__ */ i(t, {
+				className: "mx-auto size-8 text-text-danger",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ i("h2", {
+				className: "mt-3 text-lg font-semibold text-text-primary",
+				children: e
+			}),
+			/* @__PURE__ */ i("p", {
+				className: "mx-auto mt-1 max-w-xl text-sm text-text-secondary",
+				children: n
+			}),
+			r ? /* @__PURE__ */ i("button", {
+				type: "button",
+				onClick: r,
+				className: `${v} mt-4`,
+				children: "Try again"
+			}) : null
+		]
+	});
+}
+function j({ title: e, description: t, action: n }) {
+	return /* @__PURE__ */ i(l, {
+		illustration: "empty-data",
+		title: e,
+		description: t,
+		action: n
+	});
+}
+function M({ status: e }) {
+	let t = e.toUpperCase();
+	return /* @__PURE__ */ i(c, {
+		variant: t === "OPEN" || t === "ACTIVE" ? "success" : t === "MATCHED" || t === "ACCEPTED" ? "info" : t === "CANCELED" || t === "REJECTED" ? "secondary" : "warning",
+		children: t.replaceAll("_", " ")
+	});
+}
+function N({ title: e, description: n }) {
+	return /* @__PURE__ */ i("div", {
+		role: "status",
+		className: "rounded-xl border border-status-warning-border bg-status-warning-bg-subtle p-5",
+		children: /* @__PURE__ */ a("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ i(t, {
+				className: "mt-0.5 size-5 shrink-0 text-status-warning-text",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h2", {
+				className: "font-semibold text-text-primary",
+				children: e
+			}), /* @__PURE__ */ i("p", {
+				className: "mt-1 text-sm text-text-secondary",
+				children: n
+			})] })]
+		})
+	});
+}
+//#endregion
+export { N as ContextRequiredPanel, f as SOURCING_UNITS, j as SourcingEmptyState, A as SourcingErrorState, k as SourcingLoadingState, O as SourcingPageHeader, M as SourcingStatusBadge, y as dangerButtonClassName, S as formatDate, C as formatDateTime, T as formatLocation, w as formatMoney, x as formatSourcingUnit, g as helpClassName, m as inputClassName, b as joinStorePath, h as labelClassName, _ as primaryButtonClassName, v as secondaryButtonClassName, E as toDateTimeLocal, D as toErrorMessage };
+
+//# sourceMappingURL=SourcingUi.js.map

package/dist/components/sourcing/SourcingUi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourcingUi.js","names":[],"sources":["../../../src/components/sourcing/SourcingUi.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { AlertCircle, ArrowLeft, Loader2 } from 'lucide-react';\nimport { PageHeader as CanonicalPageHeader } from '@burdenoff/fe-libs/chrome';\nimport {\n  formatDate as formatSharedDate,\n  formatDateTime as formatSharedDateTime,\n} from '@burdenoff/fe-libs/shared/utils';\nimport { Badge, IllustratedEmptyState, buttonVariants } from '@burdenoff/fe-libs/ui';\nimport { SourcingUnit } from '../../generated/global-types';\n\nexport const SOURCING_UNITS = [\n  SourcingUnit.Unit,\n  SourcingUnit.Gram,\n  SourcingUnit.Kilogram,\n  SourcingUnit.Milliliter,\n  SourcingUnit.Liter,\n  SourcingUnit.MetricTon,\n  SourcingUnit.Box,\n  SourcingUnit.Bag,\n  SourcingUnit.Pallet,\n] as const;\n\nconst UNIT_LABELS: Record<SourcingUnit, string> = {\n  [SourcingUnit.Unit]: 'Unit',\n  [SourcingUnit.Gram]: 'Gram',\n  [SourcingUnit.Kilogram]: 'Kilogram',\n  [SourcingUnit.Milliliter]: 'Milliliter',\n  [SourcingUnit.Liter]: 'Liter',\n  [SourcingUnit.MetricTon]: 'Metric ton',\n  [SourcingUnit.Box]: 'Box',\n  [SourcingUnit.Bag]: 'Bag',\n  [SourcingUnit.Pallet]: 'Pallet',\n};\n\nexport const inputClassName =\n  'mt-1.5 w-full rounded-lg border border-border-default bg-surface-default px-3 py-2.5 text-sm text-text-primary shadow-sm outline-none transition placeholder:text-text-tertiary focus:border-action-primary-bg focus:ring-2 focus:ring-action-primary-bg/20 disabled:cursor-not-allowed disabled:bg-surface-muted disabled:text-text-tertiary';\nexport const labelClassName = 'block text-sm font-medium text-text-primary';\nexport const helpClassName = 'mt-1 text-xs text-text-tertiary';\nexport const primaryButtonClassName = buttonVariants({ size: 'lg' });\nexport const secondaryButtonClassName = buttonVariants({ variant: 'outline', size: 'lg' });\nexport const dangerButtonClassName = buttonVariants({ variant: 'destructive', size: 'lg' });\n\nexport function joinStorePath(basePath: string, path: string): string {\n  const base = basePath === '/' ? '' : basePath.replace(/\\/$/, '');\n  const suffix = path.startsWith('/') ? path : `/${path}`;\n  return `${base}${suffix}` || '/';\n}\n\nexport function formatSourcingUnit(unit: SourcingUnit | string): string {\n  return UNIT_LABELS[unit as SourcingUnit] ?? unit.replaceAll('_', ' ').toLowerCase();\n}\n\nexport function formatDate(value: string): string {\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? 'Not available' : formatSharedDate(date);\n}\n\nexport function formatDateTime(value: string): string {\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? 'Not available' : formatSharedDateTime(date);\n}\n\nexport function formatMoney(value: string | null | undefined, currency: string | null | undefined) {\n  if (!value || !currency) return 'Not specified';\n  return `${currency.toUpperCase()} ${value}`;\n}\n\nexport function formatLocation({\n  country,\n  region,\n  city,\n}: {\n  country: string;\n  region?: string | null;\n  city?: string | null;\n}): string {\n  return [city, region, country].filter(Boolean).join(', ');\n}\n\nexport function toDateTimeLocal(value: string): string {\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return '';\n  const local = new Date(date.getTime() - date.getTimezoneOffset() * 60_000);\n  return local.toISOString().slice(0, 16);\n}\n\nexport function toErrorMessage(error: unknown, fallback: string): string {\n  if (error instanceof Error && error.message.trim()) return error.message;\n  return fallback;\n}\n\ninterface SourcingPageHeaderProps {\n  title: string;\n  description: string;\n  icon: ReactNode;\n  onBack?: () => void;\n  actions?: ReactNode;\n}\n\nexport function SourcingPageHeader({\n  title,\n  description,\n  icon,\n  onBack,\n  actions,\n}: SourcingPageHeaderProps) {\n  const headerIcon = onBack ? (\n    <div className=\"flex items-center gap-2\">\n      <button\n        type=\"button\"\n        onClick={onBack}\n        aria-label=\"Go back\"\n        className=\"inline-flex size-10 shrink-0 items-center justify-center rounded-lg text-text-secondary transition hover:bg-surface-hover hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg\"\n      >\n        <ArrowLeft className=\"size-5\" aria-hidden=\"true\" />\n      </button>\n      <span className=\"flex size-10 shrink-0 items-center justify-center rounded-lg bg-surface-accent-muted text-text-accent\">\n        {icon}\n      </span>\n    </div>\n  ) : (\n    <span className=\"flex size-10 shrink-0 items-center justify-center rounded-lg bg-surface-accent-muted text-text-accent\">\n      {icon}\n    </span>\n  );\n\n  return (\n    <div className=\"border-b border-border-seam bg-surface-raised\">\n      <div className=\"mx-auto max-w-6xl px-4 py-5 sm:px-6\">\n        <CanonicalPageHeader\n          className=\"mb-0\"\n          title={title}\n          description={description}\n          icon={headerIcon}\n          actions={actions}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport function SourcingLoadingState({ label }: { label: string }) {\n  return (\n    <div role=\"status\" aria-live=\"polite\" className=\"flex flex-col items-center py-20 text-center\">\n      <Loader2 className=\"mb-3 size-8 animate-spin text-text-accent\" aria-hidden=\"true\" />\n      <p className=\"text-sm text-text-secondary\">{label}</p>\n    </div>\n  );\n}\n\nexport function SourcingErrorState({\n  title,\n  message,\n  onRetry,\n}: {\n  title: string;\n  message: string;\n  onRetry?: () => void;\n}) {\n  return (\n    <div\n      role=\"alert\"\n      className=\"rounded-xl border border-border-danger bg-surface-danger-muted p-6 text-center\"\n    >\n      <AlertCircle className=\"mx-auto size-8 text-text-danger\" aria-hidden=\"true\" />\n      <h2 className=\"mt-3 text-lg font-semibold text-text-primary\">{title}</h2>\n      <p className=\"mx-auto mt-1 max-w-xl text-sm text-text-secondary\">{message}</p>\n      {onRetry ? (\n        <button type=\"button\" onClick={onRetry} className={`${secondaryButtonClassName} mt-4`}>\n          Try again\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\nexport function SourcingEmptyState({\n  title,\n  description,\n  action,\n}: {\n  title: string;\n  description: string;\n  action?: ReactNode;\n}) {\n  return (\n    <IllustratedEmptyState\n      illustration=\"empty-data\"\n      title={title}\n      description={description}\n      action={action}\n    />\n  );\n}\n\nexport function SourcingStatusBadge({ status }: { status: string }) {\n  const normalized = status.toUpperCase();\n  const variant =\n    normalized === 'OPEN' || normalized === 'ACTIVE'\n      ? 'success'\n      : normalized === 'MATCHED' || normalized === 'ACCEPTED'\n        ? 'info'\n        : normalized === 'CANCELED' || normalized === 'REJECTED'\n          ? 'secondary'\n          : 'warning';\n\n  return <Badge variant={variant}>{normalized.replaceAll('_', ' ')}</Badge>;\n}\n\nexport function ContextRequiredPanel({\n  title,\n  description,\n}: {\n  title: string;\n  description: string;\n}) {\n  return (\n    <div\n      role=\"status\"\n      className=\"rounded-xl border border-status-warning-border bg-status-warning-bg-subtle p-5\"\n    >\n      <div className=\"flex items-start gap-3\">\n        <AlertCircle\n          className=\"mt-0.5 size-5 shrink-0 text-status-warning-text\"\n          aria-hidden=\"true\"\n        />\n        <div>\n          <h2 className=\"font-semibold text-text-primary\">{title}</h2>\n          <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}