@burdenoff/microfe-store 2026.830.1 → 2026.830.2

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!, $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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"}
+{"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';\nimport { useTr } from '../shared/hooks/useTr';\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 tr = useTr();\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'\n                  ? tr('installApp.reviewPermissions', 'Review Permissions')\n                  : tr('installApp.title', '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              {tr(\n                'installApp.selectWorkspace',\n                'Select the workspace where you want to install this app:'\n              )}\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\">\n                    {tr('installApp.failedToLoadWorkspaces', 'Failed to load workspaces')}\n                  </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\">\n                    {tr('installApp.noWorkspaces', 'No workspaces available')}\n                  </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                  {tr('installApp.version', '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=\"\">\n                    {app.version\n                      ? tr('installApp.latestWithVersion', 'Latest ({{version}})', {\n                          version: app.version,\n                        })\n                      : tr('installApp.latest', 'Latest')}\n                  </option>\n                  {installableVersions\n                    .filter((v) => !v.isLatest)\n                    .map((v) => (\n                      <option key={v.version} value={v.version}>\n                        {tr('installApp.versionWithStatus', '{{version}} ({{status}})', {\n                          version: v.version,\n                          status: v.status,\n                        })}\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                  {tr('installApp.installingInto', '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\">\n                {tr('installApp.permissionsRequested', 'Permissions requested')}\n              </p>\n            </div>\n\n            <p className=\"mb-4 text-sm text-text-secondary\">\n              {tr(\n                'installApp.consentDescription',\n                'By clicking {{button}}, you grant {{appName}} access to the following in the selected workspace:',\n                {\n                  button: tr('installApp.acceptAndInstall', 'Accept & Install'),\n                  appName: app.name,\n                }\n              )}\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                    {tr(\n                      'installApp.permissionReadWrite',\n                      'Read and write data within this workspace on your behalf'\n                    )}\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                    {tr(\n                      'installApp.permissionWebhooks',\n                      'Receive webhook events for workspace activity'\n                    )}\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                    {tr(\n                      'installApp.permissionAuthorized',\n                      'Act as an authorized integration within this workspace'\n                    )}\n                  </li>\n                </ul>\n              )}\n            </div>\n\n            <p className=\"mt-3 text-xs text-text-muted\">\n              {tr(\n                'installApp.revokeHint',\n                'You can revoke access at any time from your Installed Apps settings.'\n              )}\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                  {tr('common.back', '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                      {tr('installApp.installing', 'Installing…')}\n                    </>\n                  ) : (\n                    tr('installApp.acceptAndInstall', '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                  {tr('common.cancel', '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                      {tr('installApp.installing', 'Installing…')}\n                    </>\n                  ) : requiresConsent ? (\n                    <>\n                      {tr('common.continue', 'Continue')}\n                      <ChevronRight className=\"size-4\" />\n                    </>\n                  ) : (\n                    tr('installApp.installApp', 'Install App')\n                  )}\n                </button>\n              </>\n            )}\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":";;;;;;;;AAmDA,IAAM,IAAuB,mGACvB,KAAgC,mOAChC,IAAiC,kJACjC,IAA+B,gUAC/B,IAAoC,6JACpC,IAA+B,+IAC/B,IAA0C,2JAE1C,IAA0B,IAAI,IAAI;CACtC;CACA;CACA;CACA;CACA;CACA;CACD,CAAC,EAGI,IAAyB,IAAI,IAAI,CAAC,eAAe,kBAAkB,CAAC,EAEpE,IAAiD;CACrD,mBAAmB;CACnB,gBAAgB;CAChB,mBAAmB;CACnB,WAAW;CACX,oBAAoB;CACpB,qBAAqB;CACrB,kBAAkB;CACnB;AAED,SAAS,EAAgB,GAAqB;AAC5C,MAAK,IAAM,CAAC,GAAM,MAAY,OAAO,QAAQ,EAAuB,CAClE,KAAI,EAAI,aAAa,CAAC,SAAS,EAAK,CAAE,QAAO;AAE/C,QAAO;;AAyBT,IAAM,IAAoC;CACxC,MAAM;CACN,mBAAmB;CACnB,iBAAiB;CACjB,YAAY;CACZ,cAAc;CACd,aAAa;CACd;AAED,SAAS,GAAe,GAAqB,GAAqC;AAChF,SAAQ,EAAO,MAAf;EACE,KAAK,QACH,QAAO;EACT,KAAK,kBACH,QAAO;GAAE,GAAG;GAAO,mBAAmB,EAAO;GAAa;EAC5D,KAAK,gBACH,QAAO;GAAE,GAAG;GAAO,iBAAiB,EAAO;GAAS;EACtD,KAAK,mBACH,QAAO;GAAE,GAAG;GAAO,MAAM;GAAW,cAAc;GAAM;EAC1D,KAAK,kBACH,QAAO;GAAE,GAAG;GAAO,MAAM;GAAa,cAAc;GAAM;EAC5D,KAAK,eACH,QAAO;GAAE,GAAG;GAAO,YAAY;GAAM,cAAc;GAAM,aAAa;GAAM;EAC9E,KAAK,gBACH,QAAO;GAAE,GAAG;GAAO,YAAY;GAAO;EACxC,KAAK,WACH,QAAO;GAAE,GAAG;GAAO,cAAc,EAAO;GAAO;EACjD,KAAK,UACH,QAAO;GAAE,GAAG;GAAO,aAAa,EAAO;GAAM;EAC/C,QACE,QAAO;;;AAuCb,SAAS,EAAc,GAAoC;CACzD,IAAM,EAAE,iBAAc,GAAU,EAC1B,CAAC,GAAY,KAAiB,EAAsB,EAAE,CAAC,EACvD,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAuB,KAAK,EAEhD,IAAkB,EAAY,YAAY;AAC1C,UAGJ;GADA,EAAW,GAAK,EAChB,EAAS,KAAK;AAEd,OAAI;IACF,IAAM,IAAS,MAAM,EAA8C;KACjE,SAAS;KACT,OAAO;KACP,WAAW,KAAa,KAAA;KACzB,CAAC;AAEF,QAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,gBAAgB;AAG/D,MAAc,EAAO,MAAM,cAAc,SAAS,EAAE,CAAC;YAC9C,GAAK;AACZ,MAAS,aAAe,QAAQ,IAAM,gBAAI,MAAM,6BAA6B,CAAC;aACtE;AACR,MAAW,GAAM;;;IAElB,CAAC,GAAW,EAAK,CAAC;AAMrB,QAJA,QAAgB;AACd,KAAiB;IAChB,CAAC,EAAgB,CAAC,EAEd;EACL;EACA;EACA;EACA,SAAS;EACV;;AAeH,SAAS,EACP,GACA,GACsD;CACtD,IAAM,EAAE,iBAAc,GAAU,EAC1B,CAAC,GAAU,KAAe,EAA+B,EAAE,CAAC,EAC5D,CAAC,GAAS,KAAc,EAAS,GAAM;AAqC7C,QAnCA,QAAgB;AACd,MAAI,KAAQ,CAAC,GAAe;AAC1B,KAAY,EAAE,CAAC;AACf;;EAGF,IAAI,IAAY;AAwBhB,SAvBA,EAAW,GAAK,EAEhB,EAAuE;GACrE,SAAS;GACT,OAAO;GACP,WAAW,EAAE,kBAAe;GAC5B,WAAW,KAAa,KAAA;GACzB,CAAC,CACC,MAAM,MAAW;AACZ,WACJ;QAAI,EAAO,QAAQ,QAAQ;AACzB,OAAY,EAAE,CAAC;AACf;;AAEF,MAAY,EAAO,MAAM,kCAAkC,EAAE,CAAC;;IAC9D,CACD,YAAY;AACX,GAAK,KAAW,EAAY,EAAE,CAAC;IAC/B,CACD,cAAc;AACb,GAAK,KAAW,EAAW,GAAM;IACjC,QAES;AACX,OAAY;;IAEb;EAAC;EAAe;EAAW;EAAK,CAAC,EAE7B;EAAE;EAAU;EAAS;;AAQ9B,IAAa,KAA6C,EACxD,WACA,YACA,QACA,YACA,mBAAgB,QAChB,qBACA,wBACI;CACJ,IAAM,IAAK,GAAO,EACZ,EAAE,cAAW,aAAS,GAAU,EAChC,CAAC,IAAc,KAAmB,EAAW,IAAgB,EAAoB,EACjF,EAAE,SAAM,sBAAmB,oBAAiB,eAAY,iBAAc,mBAC1E,IAEI,IAAU,EAAI,MAAM,aAAa,IAAI,IACrC,IAAkB,EAAuB,IAAI,EAAQ,EACrD,IAAwB,EAAwB,IAAI,EAAQ,EAE5D,EAAE,gBAAY,aAAS,aAAU,EAAc,CAAC,EAAO,EACvD,EAAE,UAAU,MAAwB,EACxC,EAAI,eACJ,CAAC,KAAU,CAAC,EACb;AAGD,SAAgB;AACd,EAAK,KACH,EAAgB,EAAE,MAAM,SAAS,CAAC;IAEnC,CAAC,EAAO,CAAC;CAGZ,IAAM,IAAqB,GAAW,QAAQ,MAAO,EAAG,WAAW,SAAS,EAMtE,KAAyB,YAAY;AACzC,MAAI,CAAC,EAAmB;EAExB,IAAM,IAAY,EAAmB,MAAM,MAAO,EAAG,OAAO,EAAkB;AAC9E,MAAI,CAAC,EAAW;EAChB,IAAM,IAAc,IAAM;AAE1B,IAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAI;AACF,OAAI,CAAC,KAAW,MAAkB,aAAa;AAC7C,QAAI,CAAC,EACH,OAAU,MAAM,2DAA2D;AAG7E,UAAM,EAAa;KACjB,SAAS;KACT,OAAO;KACP,WAAW,EACT,OAAO;MACL,WAAW,EAAI;MACf;MACA,aAAa,EAAU;MACvB,UAAU;OACR,QAAQ;OACR,aAAa,EAAI;OAClB;MACF,EACF;KACD,WAAW,KAAa,KAAA;KACzB,CAAC;;GAIJ,IAAM,IAAS,MAAM,EAclB;IACD,SAAS;IACT,OAAO;IACP,WAAW;KACT,SAAS,KAAW;KACpB,WAAW,EAAI;KACf,aAAa,EAAU;KACvB,SAAS,KAAmB,KAAA;KAC7B;IACD,WAAW,KAAa,KAAA;IACzB,CAAC;AAEF,OAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,sBAAsB;GAGrE,IAAM,IAAgB,EAAO,MAAM;AAEnC,OAAI,GAAe,QACjB,CAAI,EAAc,mBAChB,EAAgB;IACd,MAAM;IACN,MAAM,EAAc,WAAW;IAChC,CAAC,IAEF,IAAmB,EAAU,IAAI,EAAU,KAAK,EAChD,GAAS;QAEN;IACL,IAAM,IAAS,GAAe,SAAS;AAGvC,IADA,EAAgB;KAAE,MAAM;KAAY,OADnB,EAAgB,EAAO;KACa,CAAC,EACtD,IAAqB,MAAM,EAAO,CAAC;;WAE9B,GAAK;GACZ,IAAM,IAAS,aAAe,QAAQ,EAAI,UAAU;AAGpD,GADA,EAAgB;IAAE,MAAM;IAAY,OADnB,EAAgB,EAAO;IACa,CAAC,EACtD,IAAqB,MAAM,EAAO,CAAC;YAC3B;AACR,KAAgB,EAAE,MAAM,iBAAiB,CAAC;;IAQxC,KAA4B,YAAY;AAC5C,MAAI,CAAC,EAAmB;EAExB,IAAM,IAAY,EAAmB,MAAM,MAAO,EAAG,OAAO,EAAkB;AACzE,SAEL;KAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAI;IAgBF,IAAM,IAAS,MAAM,EAElB;KACD,SAAS;KACT,OAAO;KACP,WAnBkB;MAClB,cAAc,CAAC,EAAU,GAAG;MAC5B,OAAO;OACL,SAAS,EAAI,QAAQ,EAAI,KAAK,aAAa,CAAC,QAAQ,QAAQ,IAAI;OAChE,aAAa,EAAI;OACjB,SAAS,EAAI,WAAW;OACxB,MAAM,EAAI,QAAQ;OAClB,UAAU;QACR,WAAW,EAAI;QACf,MAAM,EAAI;QACX;OACF;MACF;KAQC,WAAW,KAAa,KAAA;KACxB,aAAa,EAAU;KACvB,gBAAgB;KACjB,CAAC;AAEF,QAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,sBAAsB;IAGrE,IAAM,IAAgB,EAAO,MAAM;AACnC,QAAI,GAAe,gBAAgB,EAAc,eAAe,GAAG;AAEjE,SAAI;AACF,YAAM,EAAa;OACjB,SAAS;OACT,OAAO;OACP,WAAW,EACT,OAAO;QACL,WAAW,EAAI;QACf,aAAa,EAAU;QACvB,eAAe,EAAU;QACzB,eAAe,EAAU;QACzB,gBAAgB,EAAU;QAC1B,SAAS,EAAI,WAAW;QACxB,UAAU;SACR,MAAM,EAAI;SACV,WAAW,EAAI;SACf,MAAM,EAAI;SACV,MAAM,EAAI;SACV,MAAM,EAAI;SACX;QACF,EACF;OACD,WAAW,KAAa,KAAA;OACzB,CAAC;aACI;AAKR,KADA,IAAmB,EAAU,IAAI,EAAU,KAAK,EAChD,GAAS;WACJ;KACL,IAAM,IAAS,GAAe,UAAU,IAAI,SAAS;AAGrD,KADA,EAAgB;MAAE,MAAM;MAAY,OADnB,EAAgB,EAAO;MACa,CAAC,EACtD,IAAqB,MAAM,EAAO,CAAC;;YAE9B,GAAK;IACZ,IAAM,IAAS,aAAe,QAAQ,EAAI,UAAU;AAGpD,IADA,EAAgB;KAAE,MAAM;KAAY,OADnB,EAAgB,EAAO;KACa,CAAC,EACtD,IAAqB,MAAM,EAAO,CAAC;aAC3B;AACR,MAAgB,EAAE,MAAM,iBAAiB,CAAC;;;IAQxC,WAAuB;AAC3B,EAAI,IACF,EAAgB,EAAE,MAAM,oBAAoB,CAAC,GAExC,GAAe;IASlB,KAA2B,YAAY;AAC3C,MAAI,CAAC,EAAmB;EACxB,IAAM,IAAY,EAAmB,MAAM,MAAO,EAAG,OAAO,EAAkB;AACzE,SAEL;KAAgB,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAI;IACF,IAAM,IAAS,MAAM,EAOlB;KACD,SAAS;KACT,OAAO;KACP,WAAW,EACT,OAAO;MACL,eAAe,EAAI,iBAAiB,EAAI;MACxC,OAAO;MACP,aAAa,EAAU;MACvB,sBAAsB,EAAI,eAAe,EAAE;MAC5C,EACF;KACD,WAAW,KAAa,KAAA;KACzB,CAAC;AAEF,QAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,sBAAsB;IAGrE,IAAM,IAAgB,EAAO,MAAM;AACnC,QAAI,CAAC,EAAe,OAAU,MAAM,sBAAsB;AAI1D,QAAI;AACF,WAAM,EAAa;MACjB,SAAS;MACT,OAAO;MACP,WAAW,EACT,OAAO;OACL,WAAW,EAAI;OACf,aAAa,EAAU;OACvB,eAAe,EAAU;OACzB,eAAe,EAAU;OACzB,gBAAgB,EAAU;OAC1B,SAAS,EAAI,WAAW;OACxB,UAAU;QACR,MAAM,EAAI;QACV,eAAe,EAAI;QACnB,WAAW,EAAI;QACf,MAAM,EAAI;QACV,MAAM,EAAI;QACV,MAAM,EAAI;QACV,gBAAgB,EAAc;QAC/B;OACF,EACF;MACD,WAAW,KAAa,KAAA;MACzB,CAAC;YACI;IAIR,IAAM,IAAc,EAAc,aAAa;AAM/C,IALI,KACF,OAAO,KAAK,GAAG,EAAY,mBAAmB,EAAc,MAAM,SAAS,EAG7E,IAAmB,EAAU,IAAI,EAAU,KAAK,EAChD,GAAS;YACF,GAAK;IACZ,IAAM,IAAS,aAAe,QAAQ,EAAI,UAAU;AAGpD,IADA,EAAgB;KAAE,MAAM;KAAY,OADnB,EAAgB,EAAO;KACa,CAAC,EACtD,IAAqB,MAAM,EAAO,CAAC;aAC3B;AACR,MAAgB,EAAE,MAAM,iBAAiB,CAAC;;;IAOxC,IAAgB,YAAY;AAChC,EAAI,EAAuB,IAAI,EAAQ,GAErC,MAAM,IAA0B,GACvB,MAAkB,eAAe,KAAW,EAAwB,IAAI,EAAQ,GAEzF,MAAM,IAAwB,GAG9B,MAAM,IAA2B;IAI/B,IAAuB,EAAmB,MAAM,MAAO,EAAG,OAAO,EAAkB;AAEzF,QACE,kBAAC,GAAD;EAAQ,MAAM;EAAQ,eAAe,MAAS,CAAC,KAAQ,GAAS;YAC9D,kBAAC,IAAD;GAAe,WAAU;aAAzB;IAEE,kBAAC,GAAD;KAAc,WAAU;eAAxB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,EAAI,OACH,kBAAC,OAAD;OAAK,KAAK,EAAI;OAAM,KAAK,EAAI;OAAM,WAAU;OAAoC,CAAA,GAEjF,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAI,KAAK,OAAO,EAAE;OACf,CAAA,EAER,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;OAAa,WAAU;iBACpB,MAAS,YACN,EAAG,gCAAgC,qBAAqB,GACxD,EAAG,oBAAoB,cAAc;OAC7B,CAAA,EACd,kBAAC,GAAD;OAAmB,WAAU;iBAA2B,EAAI;OAAyB,CAAA,CACjF,EAAA,CAAA,CACF;SAEL,KACC,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD;QAAM,WAAW,MAAS,cAAc,oCAAoC;kBAAI;QAEzE,CAAA;OACP,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;OACnC,kBAAC,QAAD;QAAM,WAAW,MAAS,YAAY,oCAAoC;kBAAI;QAAQ,CAAA;OAClF;QAEK;;IAGd,MAAS,eACR,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,8BACA,2DACD;OACC,CAAA;MAGJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,KACC,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD,EAAS,WAAU,uCAAwC,CAAA;QACvD,CAAA,GACJ,IACF,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,GAAD,EAAa,WAAU,sCAAuC,CAAA;SAC9D,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAG,qCAAqC,4BAA4B;UACnE,CAAA;SACJ,kBAAC,KAAD;UAAG,WAAU;oBAAgC,EAAM;UAAY,CAAA;SAC3D;YACJ,EAAmB,WAAW,IAChC,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,EACrD,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAG,2BAA2B,0BAA0B;SACvD,CAAA,CACA;YAEN,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAmB,KAAK,MACvB,kBAAC,UAAD;SACE,MAAK;SAEL,eACE,EAAgB;UAAE,MAAM;UAAmB,aAAa,EAAU;UAAI,CAAC;SAEzE,WAAW,uFACT,MAAsB,EAAU,KAC5B,4BACA;mBATR;UAYE,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;WAC5B,CAAA;UACN,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,KAAD;YAAG,WAAU;sBAA0C,EAAU;YAAS,CAAA,EACzE,EAAU,OACT,kBAAC,KAAD;YAAG,WAAU;sBAAb,CAAgD,KAAE,EAAU,KAAS;gBACnE,KACA;;UACL,MAAsB,EAAU,MAC/B,kBAAC,GAAD,EAAa,WAAU,+CAAgD,CAAA;UAElE;WAtBF,EAAU,GAsBR,CACT;QACE,CAAA;OAEJ,CAAA;MAIL,KAAyB,EAAoB,SAAS,KACrD,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QACE,SAAQ;QACR,WAAU;kBAET,EAAG,sBAAsB,UAAU;QAC9B,CAAA,EACR,kBAAC,UAAD;QACE,IAAG;QACH,OAAO;QACP,WAAW,MACT,EAAgB;SAAE,MAAM;SAAiB,SAAS,EAAM,OAAO;SAAO,CAAC;QAEzE,WAAU;kBANZ,CAQE,kBAAC,UAAD;SAAQ,OAAM;mBACX,EAAI,UACD,EAAG,gCAAgC,wBAAwB,EACzD,SAAS,EAAI,SACd,CAAC,GACF,EAAG,qBAAqB,SAAS;SAC9B,CAAA,EACR,EACE,QAAQ,MAAM,CAAC,EAAE,SAAS,CAC1B,KAAK,MACJ,kBAAC,UAAD;SAAwB,OAAO,EAAE;mBAC9B,EAAG,gCAAgC,4BAA4B;UAC9D,SAAS,EAAE;UACX,QAAQ,EAAE;UACX,CAAC;SACK,EALI,EAAE,QAKN,CACT,CACG;UACL;;MAEJ;;IAIP,MAAS,aACR,kBAAC,OAAD;KAAK,WAAU;eAAf;MAEG,KACC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAW,WAAU,mCAAoC,CAAA,EACzD,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACG,EAAG,6BAA6B,kBAAkB;SAAE;SACrD,kBAAC,QAAD;UAAM,WAAU;oBAAiC,EAAqB;UAAY,CAAA;SAC7E;UACH;;MAIR,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,IAAD,EAAa,WAAU,mCAAoC,CAAA,EAC3D,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAG,mCAAmC,wBAAwB;QAC7D,CAAA,CACA;;MAEN,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,iCACA,oGACA;QACE,QAAQ,EAAG,+BAA+B,mBAAmB;QAC7D,SAAS,EAAI;QACd,CACF;OACC,CAAA;MAGJ,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAI,eAAe,EAAI,YAAY,SAAS,IAC3C,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAI,YAAY,KAAK,MACpB,kBAAC,MAAD;SAAe,WAAU;mBAAzB,CACE,kBAAC,GAAD,EAAa,WAAU,4CAA6C,CAAA,EACnE,EACE;WAHI,EAGJ,CACL;QACC,CAAA,GAEL,kBAAC,MAAD;QAAI,WAAU;kBAAd;SACE,kBAAC,MAAD;UAAI,WAAU;oBAAd,CACE,kBAAC,GAAD,EAAa,WAAU,4CAA6C,CAAA,EACnE,EACC,kCACA,2DACD,CACE;;SACL,kBAAC,MAAD;UAAI,WAAU;oBAAd,CACE,kBAAC,GAAD,EAAa,WAAU,4CAA6C,CAAA,EACnE,EACC,iCACA,gDACD,CACE;;SACL,kBAAC,MAAD;UAAI,WAAU;oBAAd,CACE,kBAAC,GAAD,EAAa,WAAU,4CAA6C,CAAA,EACnE,EACC,mCACA,yDACD,CACE;;SACF;;OAEH,CAAA;MAEN,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,yBACA,uEACD;OACC,CAAA;MACA;;IAIR,kBAAC,GAAD;KAAc,WAAU;eAAxB;MACG,KACC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,wBAAyB,CAAA,EACzC,kBAAC,QAAD,EAAA,UAAO,GAAmB,CAAA,CACtB;;MAEP,KACC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAa,WAAU,wBAAyB,CAAA,EAChD,kBAAC,QAAD,EAAA,UAAO,GAAoB,CAAA,CACvB;;MAER,kBAAC,OAAD;OAAK,WAAU;iBACZ,MAAS,YACR,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,EAAgB,EAAE,MAAM,mBAAmB,CAAC;QAC3D,UAAU;QACV,WAAU;kBAJZ,CAME,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EAC/B,EAAG,eAAe,OAAO,CACnB;WACT,kBAAC,UAAD;QACE,MAAK;QACL,eAAe,KAAK,GAAe;QACnC,UAAU;QACV,WAAU;kBAET,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,EAC1C,EAAG,yBAAyB,cAAc,CAC1C,EAAA,CAAA,GAEH,EAAG,+BAA+B,mBAAmB;QAEhD,CAAA,CACR,EAAA,CAAA,GAEH,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,UAAU;QACV,WAAU;kBAET,EAAG,iBAAiB,SAAS;QACvB,CAAA,EACT,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,UAAU,CAAC,KAAqB;QAChC,WAAU;kBAET,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,EAC1C,EAAG,yBAAyB,cAAc,CAC1C,EAAA,CAAA,GACD,IACF,kBAAA,GAAA,EAAA,UAAA,CACG,EAAG,mBAAmB,WAAW,EAClC,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA,CAClC,EAAA,CAAA,GAEH,EAAG,yBAAyB,cAAc;QAErC,CAAA,CACR,EAAA,CAAA;OAED,CAAA;MACO;;IACD;;EACT,CAAA"}

package/dist/components/MarkdownEditor.js

@@ -1,117 +1,118 @@
 import { Markdown as e } from "../node_modules/react-markdown/lib/index.js";
-import { useMemo as t, useRef as n, useState as r } from "react";
-import { Bold as i, Code as a, Italic as o, Link as s, List as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useTr as t } from "../shared/hooks/useTr.js";
+import { useMemo as n, useRef as r, useState as i } from "react";
+import { Bold as a, Code as o, Italic as s, Link as c, List as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/MarkdownEditor.tsx
-var d = (e, t, n = t) => {
+var f = (e, t, n = t) => {
 	let r = e.current;
 	if (!r) return;
 	let { selectionStart: i, selectionEnd: a, value: o } = r, s = o.slice(0, i), c = o.slice(i, a), l = o.slice(a);
 	r.value = `${s}${`${t}${c}${n}`}${l}`, r.focus();
 	let u = i + (c.length === 0 ? t.length : c.length + t.length);
 	r.setSelectionRange(u, u), r.dispatchEvent(new Event("input", { bubbles: !0 }));
-}, f = (e, t) => {
+}, p = (e, t) => {
 	let n = e.current;
 	if (!n) return;
 	let { selectionStart: r, selectionEnd: i, value: a } = n, o = a.slice(0, r), s = a.slice(r, i), c = a.slice(i), l = s.split("\n"), u = l.every((e) => e === "" || e.startsWith(t)) ? l.map((e) => e.startsWith(t) ? e.slice(t.length) : e).join("\n") : l.map((e) => `${t}${e}`).join("\n");
 	n.value = `${o}${u}${c}`, n.focus();
 	let d = r, f = r + u.length;
 	n.setSelectionRange(d, f), n.dispatchEvent(new Event("input", { bubbles: !0 }));
-}, p = ({ id: p, value: m, onChange: h, label: g, placeholder: _, rows: v = 5, className: y = "" }) => {
-	let b = n(null), [x, S] = r("write"), C = (e) => `rounded-md px-2.5 py-1 text-xs font-medium transition-colors ${x === e ? "bg-surface-accent text-text-on-accent" : "text-text-secondary hover:bg-surface-hover hover:text-text-primary"}`, w = "inline-flex items-center justify-center rounded-md p-1.5 text-text-secondary transition-colors hover:bg-surface-hover hover:text-text-primary", T = t(() => m, [m]);
-	return /* @__PURE__ */ u("div", {
-		className: `space-y-2 ${y}`,
-		children: [g && /* @__PURE__ */ l("label", {
-			htmlFor: p,
+}, m = ({ id: m, value: h, onChange: g, label: _, placeholder: v, rows: y = 5, className: b = "" }) => {
+	let x = r(null), [S, C] = i("write"), w = t(), T = (e) => `rounded-md px-2.5 py-1 text-xs font-medium transition-colors ${S === e ? "bg-surface-accent text-text-on-accent" : "text-text-secondary hover:bg-surface-hover hover:text-text-primary"}`, E = "inline-flex items-center justify-center rounded-md p-1.5 text-text-secondary transition-colors hover:bg-surface-hover hover:text-text-primary", D = n(() => h, [h]);
+	return /* @__PURE__ */ d("div", {
+		className: `space-y-2 ${b}`,
+		children: [_ && /* @__PURE__ */ u("label", {
+			htmlFor: m,
 			className: "block text-xs text-text-secondary",
-			children: g
-		}), /* @__PURE__ */ u("div", {
+			children: _
+		}), /* @__PURE__ */ d("div", {
 			className: "overflow-hidden rounded-lg border border-border-default bg-surface-default",
-			children: [/* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ d("div", {
 				className: "flex items-center justify-between border-b border-border-default px-2 py-1.5",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ l("button", {
+					children: [/* @__PURE__ */ u("button", {
 						type: "button",
-						onClick: () => S("write"),
-						className: C("write"),
-						"aria-pressed": x === "write",
-						children: "Write"
-					}), /* @__PURE__ */ l("button", {
+						onClick: () => C("write"),
+						className: T("write"),
+						"aria-pressed": S === "write",
+						children: w("common.markdownEditor.write", "Write")
+					}), /* @__PURE__ */ u("button", {
 						type: "button",
-						onClick: () => S("preview"),
-						className: C("preview"),
-						"aria-pressed": x === "preview",
-						children: "Preview"
+						onClick: () => C("preview"),
+						className: T("preview"),
+						"aria-pressed": S === "preview",
+						children: w("common.markdownEditor.preview", "Preview")
 					})]
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ d("div", {
 					className: "flex items-center gap-0.5",
-					"aria-label": "Markdown formatting",
+					"aria-label": w("common.markdownEditor.formatting", "Markdown formatting"),
 					children: [
-						/* @__PURE__ */ l("button", {
+						/* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: () => d(b, "**"),
-							className: w,
-							title: "Bold",
-							"aria-label": "Bold",
-							children: /* @__PURE__ */ l(i, { className: "size-3.5" })
+							onClick: () => f(x, "**"),
+							className: E,
+							title: w("common.markdownEditor.bold", "Bold"),
+							"aria-label": w("common.markdownEditor.bold", "Bold"),
+							children: /* @__PURE__ */ u(a, { className: "size-3.5" })
 						}),
-						/* @__PURE__ */ l("button", {
+						/* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: () => d(b, "_"),
-							className: w,
-							title: "Italic",
-							"aria-label": "Italic",
-							children: /* @__PURE__ */ l(o, { className: "size-3.5" })
+							onClick: () => f(x, "_"),
+							className: E,
+							title: w("common.markdownEditor.italic", "Italic"),
+							"aria-label": w("common.markdownEditor.italic", "Italic"),
+							children: /* @__PURE__ */ u(s, { className: "size-3.5" })
 						}),
-						/* @__PURE__ */ l("button", {
+						/* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: () => d(b, "[", "](url)"),
-							className: w,
-							title: "Link",
-							"aria-label": "Link",
-							children: /* @__PURE__ */ l(s, { className: "size-3.5" })
+							onClick: () => f(x, "[", "](url)"),
+							className: E,
+							title: w("common.markdownEditor.link", "Link"),
+							"aria-label": w("common.markdownEditor.link", "Link"),
+							children: /* @__PURE__ */ u(c, { className: "size-3.5" })
 						}),
-						/* @__PURE__ */ l("button", {
+						/* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: () => d(b, "`"),
-							className: w,
-							title: "Inline code",
-							"aria-label": "Inline code",
-							children: /* @__PURE__ */ l(a, { className: "size-3.5" })
+							onClick: () => f(x, "`"),
+							className: E,
+							title: w("common.markdownEditor.inlineCode", "Inline code"),
+							"aria-label": w("common.markdownEditor.inlineCode", "Inline code"),
+							children: /* @__PURE__ */ u(o, { className: "size-3.5" })
 						}),
-						/* @__PURE__ */ l("button", {
+						/* @__PURE__ */ u("button", {
 							type: "button",
-							onClick: () => f(b, "- "),
-							className: w,
-							title: "Bullet list",
-							"aria-label": "Bullet list",
-							children: /* @__PURE__ */ l(c, { className: "size-3.5" })
+							onClick: () => p(x, "- "),
+							className: E,
+							title: w("common.markdownEditor.bulletList", "Bullet list"),
+							"aria-label": w("common.markdownEditor.bulletList", "Bullet list"),
+							children: /* @__PURE__ */ u(l, { className: "size-3.5" })
 						})
 					]
 				})]
-			}), x === "write" ? /* @__PURE__ */ l("textarea", {
-				ref: b,
-				id: p,
-				value: m,
-				onChange: (e) => h(e.target.value),
-				placeholder: _,
-				rows: v,
+			}), S === "write" ? /* @__PURE__ */ u("textarea", {
+				ref: x,
+				id: m,
+				value: h,
+				onChange: (e) => g(e.target.value),
+				placeholder: v,
+				rows: y,
 				className: "w-full resize-y bg-surface-default px-3 py-2 text-sm text-text-primary placeholder:text-text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"
-			}) : /* @__PURE__ */ l("div", {
+			}) : /* @__PURE__ */ u("div", {
 				className: "min-h-[theme(spacing.32)] bg-surface-default px-3 py-2",
-				children: m.trim() ? /* @__PURE__ */ l("div", {
+				children: h.trim() ? /* @__PURE__ */ u("div", {
 					className: "text-sm text-text-primary",
-					children: /* @__PURE__ */ l(e, { children: T })
-				}) : /* @__PURE__ */ l("p", {
+					children: /* @__PURE__ */ u(e, { children: D })
+				}) : /* @__PURE__ */ u("p", {
 					className: "text-sm text-text-muted italic",
-					children: "Nothing to preview."
+					children: w("common.markdownEditor.nothingToPreview", "Nothing to preview.")
 				})
 			})]
 		})]
 	});
 };
 //#endregion
-export { p as MarkdownEditor };
+export { m as MarkdownEditor };
 
 //# sourceMappingURL=MarkdownEditor.js.map

package/dist/components/MarkdownEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.js","names":[],"sources":["../../src/components/MarkdownEditor.tsx"],"sourcesContent":["import type { FC, ReactNode, RefObject } from 'react';\nimport { useMemo, useRef, useState } from 'react';\nimport { Bold, Italic, Link, Code, List } from 'lucide-react';\nimport Markdown from 'react-markdown';\n\nexport interface MarkdownEditorProps {\n  id?: string;\n  value: string;\n  onChange: (value: string) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  rows?: number;\n  className?: string;\n}\n\ntype Tab = 'write' | 'preview';\n\nconst applyWrap = (\n  textareaRef: RefObject<HTMLTextAreaElement | null>,\n  prefix: string,\n  suffix: string = prefix\n) => {\n  const el = textareaRef.current;\n  if (!el) return;\n\n  const { selectionStart, selectionEnd, value } = el;\n  const before = value.slice(0, selectionStart);\n  const selected = value.slice(selectionStart, selectionEnd);\n  const after = value.slice(selectionEnd);\n\n  const replacement = `${prefix}${selected}${suffix}`;\n  const nextValue = `${before}${replacement}${after}`;\n\n  el.value = nextValue;\n  el.focus();\n\n  const cursorOffset = selected.length === 0 ? prefix.length : selected.length + prefix.length;\n  const nextCursor = selectionStart + cursorOffset;\n  el.setSelectionRange(nextCursor, nextCursor);\n\n  // Dispatch an input event so parent onChange handlers are notified.\n  el.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nconst applyLinePrefix = (textareaRef: RefObject<HTMLTextAreaElement | null>, prefix: string) => {\n  const el = textareaRef.current;\n  if (!el) return;\n\n  const { selectionStart, selectionEnd, value } = el;\n  const before = value.slice(0, selectionStart);\n  const selected = value.slice(selectionStart, selectionEnd);\n  const after = value.slice(selectionEnd);\n\n  const lines = selected.split('\\n');\n  const prefixedLines = lines.every((line) => line === '' || line.startsWith(prefix))\n    ? lines.map((line) => (line.startsWith(prefix) ? line.slice(prefix.length) : line)).join('\\n')\n    : lines.map((line) => `${prefix}${line}`).join('\\n');\n\n  const replacement = prefixedLines;\n  const nextValue = `${before}${replacement}${after}`;\n\n  el.value = nextValue;\n  el.focus();\n\n  const nextCursorStart = selectionStart;\n  const nextCursorEnd = selectionStart + replacement.length;\n  el.setSelectionRange(nextCursorStart, nextCursorEnd);\n\n  el.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nexport const MarkdownEditor: FC<MarkdownEditorProps> = ({\n  id,\n  value,\n  onChange,\n  label,\n  placeholder,\n  rows = 5,\n  className = '',\n}) => {\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [activeTab, setActiveTab] = useState<Tab>('write');\n\n  const tabButtonClass = (tab: Tab) =>\n    `rounded-md px-2.5 py-1 text-xs font-medium transition-colors ${\n      activeTab === tab\n        ? 'bg-surface-accent text-text-on-accent'\n        : 'text-text-secondary hover:bg-surface-hover hover:text-text-primary'\n    }`;\n\n  const toolbarButtonClass =\n    'inline-flex items-center justify-center rounded-md p-1.5 text-text-secondary transition-colors hover:bg-surface-hover hover:text-text-primary';\n\n  const memoizedValue = useMemo(() => value, [value]);\n\n  return (\n    <div className={`space-y-2 ${className}`}>\n      {label && (\n        <label htmlFor={id} className=\"block text-xs text-text-secondary\">\n          {label}\n        </label>\n      )}\n\n      <div className=\"overflow-hidden rounded-lg border border-border-default bg-surface-default\">\n        <div className=\"flex items-center justify-between border-b border-border-default px-2 py-1.5\">\n          <div className=\"flex items-center gap-1\">\n            <button\n              type=\"button\"\n              onClick={() => setActiveTab('write')}\n              className={tabButtonClass('write')}\n              aria-pressed={activeTab === 'write'}\n            >\n              Write\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setActiveTab('preview')}\n              className={tabButtonClass('preview')}\n              aria-pressed={activeTab === 'preview'}\n            >\n              Preview\n            </button>\n          </div>\n\n          <div className=\"flex items-center gap-0.5\" aria-label=\"Markdown formatting\">\n            <button\n              type=\"button\"\n              onClick={() => applyWrap(textareaRef, '**')}\n              className={toolbarButtonClass}\n              title=\"Bold\"\n              aria-label=\"Bold\"\n            >\n              <Bold className=\"size-3.5\" />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => applyWrap(textareaRef, '_')}\n              className={toolbarButtonClass}\n              title=\"Italic\"\n              aria-label=\"Italic\"\n            >\n              <Italic className=\"size-3.5\" />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => applyWrap(textareaRef, '[', '](url)')}\n              className={toolbarButtonClass}\n              title=\"Link\"\n              aria-label=\"Link\"\n            >\n              <Link className=\"size-3.5\" />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => applyWrap(textareaRef, '`')}\n              className={toolbarButtonClass}\n              title=\"Inline code\"\n              aria-label=\"Inline code\"\n            >\n              <Code className=\"size-3.5\" />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => applyLinePrefix(textareaRef, '- ')}\n              className={toolbarButtonClass}\n              title=\"Bullet list\"\n              aria-label=\"Bullet list\"\n            >\n              <List className=\"size-3.5\" />\n            </button>\n          </div>\n        </div>\n\n        {activeTab === 'write' ? (\n          <textarea\n            ref={textareaRef}\n            id={id}\n            value={value}\n            onChange={(e) => onChange(e.target.value)}\n            placeholder={placeholder}\n            rows={rows}\n            className=\"w-full resize-y bg-surface-default px-3 py-2 text-sm text-text-primary placeholder:text-text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n          />\n        ) : (\n          <div className=\"min-h-[theme(spacing.32)] bg-surface-default px-3 py-2\">\n            {value.trim() ? (\n              <div className=\"text-sm text-text-primary\">\n                <Markdown>{memoizedValue}</Markdown>\n              </div>\n            ) : (\n              <p className=\"text-sm text-text-muted italic\">Nothing to preview.</p>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"MarkdownEditor.js","names":[],"sources":["../../src/components/MarkdownEditor.tsx"],"sourcesContent":["import type { FC, ReactNode, RefObject } from 'react';\nimport { useMemo, useRef, useState } from 'react';\nimport { Bold, Italic, Link, Code, List } from 'lucide-react';\nimport Markdown from 'react-markdown';\nimport { useTr } from '../shared/hooks/useTr';\n\nexport interface MarkdownEditorProps {\n  id?: string;\n  value: string;\n  onChange: (value: string) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  rows?: number;\n  className?: string;\n}\n\ntype Tab = 'write' | 'preview';\n\nconst applyWrap = (\n  textareaRef: RefObject<HTMLTextAreaElement | null>,\n  prefix: string,\n  suffix: string = prefix\n) => {\n  const el = textareaRef.current;\n  if (!el) return;\n\n  const { selectionStart, selectionEnd, value } = el;\n  const before = value.slice(0, selectionStart);\n  const selected = value.slice(selectionStart, selectionEnd);\n  const after = value.slice(selectionEnd);\n\n  const replacement = `${prefix}${selected}${suffix}`;\n  const nextValue = `${before}${replacement}${after}`;\n\n  el.value = nextValue;\n  el.focus();\n\n  const cursorOffset = selected.length === 0 ? prefix.length : selected.length + prefix.length;\n  const nextCursor = selectionStart + cursorOffset;\n  el.setSelectionRange(nextCursor, nextCursor);\n\n  // Dispatch an input event so parent onChange handlers are notified.\n  el.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nconst applyLinePrefix = (textareaRef: RefObject<HTMLTextAreaElement | null>, prefix: string) => {\n  const el = textareaRef.current;\n  if (!el) return;\n\n  const { selectionStart, selectionEnd, value } = el;\n  const before = value.slice(0, selectionStart);\n  const selected = value.slice(selectionStart, selectionEnd);\n  const after = value.slice(selectionEnd);\n\n  const lines = selected.split('\\n');\n  const prefixedLines = lines.every((line) => line === '' || line.startsWith(prefix))\n    ? lines.map((line) => (line.startsWith(prefix) ? line.slice(prefix.length) : line)).join('\\n')\n    : lines.map((line) => `${prefix}${line}`).join('\\n');\n\n  const replacement = prefixedLines;\n  const nextValue = `${before}${replacement}${after}`;\n\n  el.value = nextValue;\n  el.focus();\n\n  const nextCursorStart = selectionStart;\n  const nextCursorEnd = selectionStart + replacement.length;\n  el.setSelectionRange(nextCursorStart, nextCursorEnd);\n\n  el.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nexport const MarkdownEditor: FC<MarkdownEditorProps> = ({\n  id,\n  value,\n  onChange,\n  label,\n  placeholder,\n  rows = 5,\n  className = '',\n}) => {\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [activeTab, setActiveTab] = useState<Tab>('write');\n  const tr = useTr();\n\n  const tabButtonClass = (tab: Tab) =>\n    `rounded-md px-2.5 py-1 text-xs font-medium transition-colors ${\n      activeTab === tab\n        ? 'bg-surface-accent text-text-on-accent'\n        : 'text-text-secondary hover:bg-surface-hover hover:text-text-primary'\n    }`;\n\n  const toolbarButtonClass =\n    'inline-flex items-center justify-center rounded-md p-1.5 text-text-secondary transition-colors hover:bg-surface-hover hover:text-text-primary';\n\n  const memoizedValue = useMemo(() => value, [value]);\n\n  return (\n    <div className={`space-y-2 ${className}`}>\n      {label && (\n        <label htmlFor={id} className=\"block text-xs text-text-secondary\">\n          {label}\n        </label>\n      )}\n\n      <div className=\"overflow-hidden rounded-lg border border-border-default bg-surface-default\">\n        <div className=\"flex items-center justify-between border-b border-border-default px-2 py-1.5\">\n          <div className=\"flex items-center gap-1\">\n            <button\n              type=\"button\"\n              onClick={() => setActiveTab('write')}\n              className={tabButtonClass('write')}\n              aria-pressed={activeTab === 'write'}\n            >\n              {tr('common.markdownEditor.write', 'Write')}\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setActiveTab('preview')}\n              className={tabButtonClass('preview')}\n              aria-pressed={activeTab === 'preview'}\n            >\n              {tr('common.markdownEditor.preview', 'Preview')}\n            </button>\n          </div>\n\n          <div\n            className=\"flex items-center gap-0.5\"\n            aria-label={tr('common.markdownEditor.formatting', 'Markdown formatting')}\n          >\n            <button\n              type=\"button\"\n              onClick={() => applyWrap(textareaRef, '**')}\n              className={toolbarButtonClass}\n              title={tr('common.markdownEditor.bold', 'Bold')}\n              aria-label={tr('common.markdownEditor.bold', 'Bold')}\n            >\n              <Bold className=\"size-3.5\" />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => applyWrap(textareaRef, '_')}\n              className={toolbarButtonClass}\n              title={tr('common.markdownEditor.italic', 'Italic')}\n              aria-label={tr('common.markdownEditor.italic', 'Italic')}\n            >\n              <Italic className=\"size-3.5\" />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => applyWrap(textareaRef, '[', '](url)')}\n              className={toolbarButtonClass}\n              title={tr('common.markdownEditor.link', 'Link')}\n              aria-label={tr('common.markdownEditor.link', 'Link')}\n            >\n              <Link className=\"size-3.5\" />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => applyWrap(textareaRef, '`')}\n              className={toolbarButtonClass}\n              title={tr('common.markdownEditor.inlineCode', 'Inline code')}\n              aria-label={tr('common.markdownEditor.inlineCode', 'Inline code')}\n            >\n              <Code className=\"size-3.5\" />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => applyLinePrefix(textareaRef, '- ')}\n              className={toolbarButtonClass}\n              title={tr('common.markdownEditor.bulletList', 'Bullet list')}\n              aria-label={tr('common.markdownEditor.bulletList', 'Bullet list')}\n            >\n              <List className=\"size-3.5\" />\n            </button>\n          </div>\n        </div>\n\n        {activeTab === 'write' ? (\n          <textarea\n            ref={textareaRef}\n            id={id}\n            value={value}\n            onChange={(e) => onChange(e.target.value)}\n            placeholder={placeholder}\n            rows={rows}\n            className=\"w-full resize-y bg-surface-default px-3 py-2 text-sm text-text-primary placeholder:text-text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n          />\n        ) : (\n          <div className=\"min-h-[theme(spacing.32)] bg-surface-default px-3 py-2\">\n            {value.trim() ? (\n              <div className=\"text-sm text-text-primary\">\n                <Markdown>{memoizedValue}</Markdown>\n              </div>\n            ) : (\n              <p className=\"text-sm text-text-muted italic\">\n                {tr('common.markdownEditor.nothingToPreview', 'Nothing to preview.')}\n              </p>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}