@burdenoff/microfe-organization 2026.519.1 → 2026.521.1

package/dist/organization-management/modules/organizations/pages/OrganizationsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationsListPage.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationsListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Building2, Eye, Plus, RefreshCw, SquarePen, Trash2 } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useFeatureFlagDetails } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport {\n  useDeleteOrganization,\n  useMyOrganizations,\n  useOrganizations,\n} from '../hooks/useOrganizations';\nimport { OrganizationStatusBadge } from '../components/OrganizationStatusBadge';\nimport { SearchInput } from '../../../shared/components/input/SearchInput';\nimport { SelectionCheckbox } from '../../../shared/components/input/SelectionCheckbox';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { EmptyState } from '../../../shared/components/feedback/EmptyState';\nimport { useDebouncedValue } from '../../../shared/hooks/useDebouncedValue';\nimport { useConfirmDialog } from '../../../shared/components/dialog/ConfirmDialog';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\nimport {\n  isNative,\n  nativeConfirm,\n  nativeImpact,\n  nativeNotify,\n  nativeToast,\n} from '../../../../utils/nativeBridge';\n\nfunction formatDate(date: string) {\n  return new Date(date).toLocaleDateString();\n}\n\n/**\n * `mode` controls which scope of organizations the page renders:\n *\n * - `'my'` (default) calls `myOrganizations` (gateway @rbac(scopeType:\"self\")).\n *   Use this in product-app shells (e.g. vibecontrols) where the user should\n *   see only orgs they are a member of. Membership IS the access list, so no\n *   client-side permission gate is needed.\n *\n * - `'admin'` calls the legacy `organizations` query (gateway @rbac(scopeType:\n *   \"global\")). Restricted to actors with global `organization:read` (super\n *   admins / service / custom global-admin roles). Use this in the admin app\n *   where operators need the tenant-wide list. Once `allOrganizations` is\n *   published through Hive Cloud + codegen, switch to `useAllOrganizations`.\n */\nexport interface OrganizationsListPageProps {\n  mode?: 'my' | 'admin';\n}\n\nexport function OrganizationsListPage({ mode = 'my' }: OrganizationsListPageProps = {}) {\n  useOrganizationPageView('organizations.list');\n  const tr = useTr();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  // Follow the platform default-allow feature flag policy: unseeded flags must\n  // not disable shipped CRUDL, while an explicit false value still gates create.\n  const createDetails = useFeatureFlagDetails('organization.create');\n  const createEnabled = createDetails ? Boolean(createDetails.value) : true;\n  const [searchQuery, setSearchQuery] = useState('');\n  const debouncedSearchQuery = useDebouncedValue(searchQuery, 300);\n  const [selectedOrganizationIds, setSelectedOrganizationIds] = useState<Set<string>>(new Set());\n  const { openConfirmDialog, ConfirmDialog } = useConfirmDialog();\n\n  // Page size is large enough to cover realistic memberships / tenant-wide\n  // org counts in one round-trip so the client-side search is exhaustive.\n  // If a tenant ever exceeds this, wire in fetchMore/pagination instead of\n  // silently truncating.\n  const ORGANIZATIONS_PAGE_SIZE = 200;\n  const myResult = useMyOrganizations(ORGANIZATIONS_PAGE_SIZE, 0, mode === 'my');\n  const adminResult = useOrganizations(undefined, ORGANIZATIONS_PAGE_SIZE, 0, mode === 'admin');\n  const {\n    organizations: allOrganizations,\n    loading,\n    error,\n    refetch,\n  } = mode === 'admin' ? adminResult : myResult;\n\n  const isSearchFiltered = debouncedSearchQuery.trim().length > 0;\n\n  const organizations = useMemo(() => {\n    const q = debouncedSearchQuery.trim().toLowerCase();\n    if (!q) return allOrganizations;\n    return allOrganizations.filter(\n      (org) => org.name?.toLowerCase().includes(q) || org.slug?.toLowerCase().includes(q)\n    );\n  }, [allOrganizations, debouncedSearchQuery]);\n\n  const { deleteOrganization, loading: deleteLoading } = useDeleteOrganization();\n\n  useEffect(() => {\n    setSelectedOrganizationIds((previousSelection) => {\n      const visibleIds = new Set(organizations.map((organization) => organization.id));\n      const nextSelection = new Set(\n        [...previousSelection].filter((organizationId) => visibleIds.has(organizationId))\n      );\n\n      if (nextSelection.size === previousSelection.size) {\n        return previousSelection;\n      }\n\n      return nextSelection;\n    });\n  }, [organizations]);\n\n  const selectedOrganizations = useMemo(\n    () => organizations.filter((organization) => selectedOrganizationIds.has(organization.id)),\n    [organizations, selectedOrganizationIds]\n  );\n\n  const allVisibleSelected =\n    organizations.length > 0 &&\n    organizations.every((organization) => selectedOrganizationIds.has(organization.id));\n  const partiallySelected =\n    organizations.some((organization) => selectedOrganizationIds.has(organization.id)) &&\n    !allVisibleSelected;\n\n  const executeDelete = async (organizationIds: string[]) => {\n    try {\n      const results = await Promise.allSettled(\n        organizationIds.map(async (organizationId) => {\n          const result = await deleteOrganization(organizationId);\n          if (result.errors?.length) {\n            throw new Error(result.errors[0]?.message ?? 'Failed to delete organization');\n          }\n        })\n      );\n\n      const rejectedResult = results.find((result) => result.status === 'rejected');\n      if (rejectedResult?.status === 'rejected') {\n        throw rejectedResult.reason;\n      }\n\n      setSelectedOrganizationIds(new Set());\n      await refetch();\n      const successMsg =\n        organizationIds.length === 1\n          ? tr('organizations.delete.successSingle', 'Organization deleted successfully')\n          : `${organizationIds.length} ${tr('organizations.delete.successMany', 'organizations deleted successfully')}`;\n      toast.success(successMsg);\n      void nativeNotify('success');\n      if (isNative()) void nativeToast(successMsg);\n    } catch (deleteError) {\n      const errorMsg =\n        deleteError instanceof Error\n          ? deleteError.message\n          : tr('organizations.delete.failed', 'Failed to delete organization');\n      toast.error(errorMsg);\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(errorMsg);\n    }\n  };\n\n  const handleDelete = (organizationId: string, organizationName: string) => {\n    nativeImpact('medium');\n    const title = tr('organizations.delete.title', 'Delete organization');\n    const description = `${tr('organizations.delete.confirmPrefix', 'Delete')} ${organizationName}? ${tr('common.cannotBeUndone', 'This action cannot be undone.')}`;\n    void nativeConfirm({\n      title,\n      message: description,\n      okButtonTitle: tr('common.delete', 'Delete'),\n    }).then((nativeResult) => {\n      if (nativeResult === null) {\n        openConfirmDialog({\n          title,\n          description,\n          confirmText: tr('common.delete', 'Delete'),\n          variant: 'danger',\n          onConfirm: () => {\n            void executeDelete([organizationId]);\n          },\n        });\n      } else if (nativeResult) {\n        void executeDelete([organizationId]);\n      }\n    });\n  };\n\n  const handleBulkDelete = () => {\n    if (selectedOrganizations.length === 0) return;\n\n    openConfirmDialog({\n      title: tr('organizations.delete.bulkTitle', 'Delete selected organizations'),\n      description: `${tr('organizations.delete.bulkPrefix', 'Delete')} ${selectedOrganizations.length} ${tr(\n        selectedOrganizations.length === 1\n          ? 'organizations.delete.bulkSuffixSingle'\n          : 'organizations.delete.bulkSuffixMany',\n        selectedOrganizations.length === 1 ? 'selected organization?' : 'selected organizations?'\n      )} ${tr('common.cannotBeUndone', 'This action cannot be undone.')}`,\n      confirmText: `${tr('common.delete', 'Delete')} ${selectedOrganizations.length}`,\n      variant: 'danger',\n      onConfirm: () => {\n        void executeDelete(selectedOrganizations.map((organization) => organization.id));\n      },\n    });\n  };\n\n  const toggleOrganizationSelection = (organizationId: string, checked: boolean) => {\n    setSelectedOrganizationIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      if (checked) {\n        nextSelection.add(organizationId);\n      } else {\n        nextSelection.delete(organizationId);\n      }\n      return nextSelection;\n    });\n  };\n\n  const toggleAllOrganizations = (checked: boolean) => {\n    setSelectedOrganizationIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      organizations.forEach((organization) => {\n        if (checked) {\n          nextSelection.add(organization.id);\n        } else {\n          nextSelection.delete(organization.id);\n        }\n      });\n      return nextSelection;\n    });\n  };\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  // No client-side list gate: this page calls `myOrganizations`\n  // (@rbac(scopeType: \"self\")), so the data set IS the access list — if the\n  // user is in zero orgs the page renders the empty state, not a deny. The\n  // create/delete/edit buttons keep their own per-action `hasPermission`\n  // checks below to hide actions the user can't perform on a given org.\n\n  if (loading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <LoadingState message={tr('organizations.list.loading', 'Loading organizations...')} />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={error.message}\n          action={{\n            label: tr('common.retry', 'Retry'),\n            onClick: () => {\n              void refetch();\n            },\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300\">\n      <div className=\"mx-auto flex w-full max-w-7xl flex-col gap-6\">\n        <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n          <div className=\"space-y-2\">\n            <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n              {tr('organizations.list.title', 'Organizations')}\n            </h1>\n            <p className=\"max-w-2xl text-[var(--color-text-secondary)]\">\n              {tr(\n                'organizations.list.subtitle',\n                'Manage tenant organizations and the workspaces that belong to them.'\n              )}\n            </p>\n          </div>\n\n          {createEnabled && hasPermission(PERMISSIONS.ORG_CREATE) && (\n            <button\n              onClick={() => navigate(`${basePath}/new`)}\n              className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 active:scale-[0.98]\"\n            >\n              <Plus size={18} aria-hidden=\"true\" />\n              <span className=\"font-medium\">\n                {tr('organizations.create.button', 'Create Organization')}\n              </span>\n            </button>\n          )}\n        </div>\n\n        <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-4 shadow-[var(--shadow-elevation-1)]\">\n          <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center\">\n            <SearchInput\n              value={searchQuery}\n              onChange={setSearchQuery}\n              placeholder={tr('organizations.list.searchPlaceholder', 'Search organizations...')}\n              label={tr('organizations.list.searchLabel', 'Search organizations')}\n              inputId=\"organizations-search\"\n              className=\"flex-1\"\n            />\n\n            <button\n              onClick={() => {\n                void refetch();\n              }}\n              className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-4 py-2 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)] active:scale-95\"\n              aria-label={tr('organizations.list.refresh', 'Refresh organizations')}\n              title={tr('organizations.list.refresh', 'Refresh organizations')}\n            >\n              <RefreshCw size={18} aria-hidden=\"true\" />\n            </button>\n          </div>\n\n          {organizations.length > 0 ? (\n            <div className=\"mt-4 flex flex-col gap-3 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <label className=\"flex items-center gap-2 text-sm text-[var(--color-text-primary)]\">\n                  <SelectionCheckbox\n                    checked={allVisibleSelected}\n                    indeterminate={partiallySelected}\n                    onChange={toggleAllOrganizations}\n                    ariaLabel={tr('organizations.list.selectAll', 'Select all organizations')}\n                  />\n                  <span>{tr('common.selectAllVisible', 'Select all visible')}</span>\n                </label>\n\n                {selectedOrganizationIds.size > 0 ? (\n                  <button\n                    onClick={() => setSelectedOrganizationIds(new Set())}\n                    className=\"text-sm text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]\"\n                  >\n                    {tr('common.clearSelection', 'Clear selection')}\n                  </button>\n                ) : null}\n              </div>\n\n              <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n                <span className=\"text-sm text-[var(--color-text-secondary)]\">\n                  {selectedOrganizationIds.size} {tr('common.selected', 'selected')}\n                </span>\n                {hasPermission(PERMISSIONS.ORG_DELETE) && (\n                  <button\n                    onClick={handleBulkDelete}\n                    disabled={selectedOrganizations.length === 0 || deleteLoading}\n                    className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <Trash2 size={16} aria-hidden=\"true\" />\n                    <span>{tr('common.deleteSelected', 'Delete Selected')}</span>\n                    {selectedOrganizations.length > 0 ? (\n                      <span>({selectedOrganizations.length})</span>\n                    ) : null}\n                  </button>\n                )}\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {organizations.length === 0 ? (\n          <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-6 shadow-[var(--shadow-elevation-1)]\">\n            {isSearchFiltered && allOrganizations.length > 0 ? (\n              <EmptyState\n                icon={<Building2 size={40} aria-hidden=\"true\" />}\n                title={tr('organizations.list.noMatchesTitle', 'No matching organizations')}\n                description={tr(\n                  'organizations.list.noMatchesDescription',\n                  'No organizations match your search. Try a different name or slug, or clear the search.'\n                )}\n                action={{\n                  label: tr('common.clearSearch', 'Clear search'),\n                  onClick: () => setSearchQuery(''),\n                }}\n              />\n            ) : (\n              <EmptyState\n                icon={<Building2 size={40} aria-hidden=\"true\" />}\n                title={tr('organizations.list.emptyTitle', 'No organizations found')}\n                description={tr(\n                  'organizations.list.emptyDescription',\n                  'Create your first organization to start managing workspaces, members, and invites.'\n                )}\n                action={\n                  createEnabled && hasPermission(PERMISSIONS.ORG_CREATE)\n                    ? {\n                        label: tr('organizations.create.button', 'Create Organization'),\n                        onClick: () => navigate(`${basePath}/new`),\n                      }\n                    : undefined\n                }\n              />\n            )}\n          </div>\n        ) : (\n          <>\n            <div className=\"grid gap-4 md:hidden\">\n              {organizations.map((organization) => (\n                <article\n                  key={organization.id}\n                  className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-4 shadow-[var(--shadow-elevation-1)]\"\n                >\n                  <div className=\"flex items-start gap-3\">\n                    <SelectionCheckbox\n                      checked={selectedOrganizationIds.has(organization.id)}\n                      onChange={(checked) => toggleOrganizationSelection(organization.id, checked)}\n                      ariaLabel={`${tr('organizations.list.selectOne', 'Select organization')} ${organization.name}`}\n                    />\n\n                    <div className=\"flex min-w-0 flex-1 gap-3\">\n                      {organization.logo ? (\n                        <img\n                          src={organization.logo}\n                          alt={`${organization.name} ${tr('common.logo', 'logo')}`}\n                          className=\"h-12 w-12 rounded-lg object-cover\"\n                        />\n                      ) : (\n                        <div className=\"flex h-12 w-12 items-center justify-center rounded-lg bg-[var(--color-action-primary-bg)]/12 text-base font-semibold text-[var(--color-action-primary-bg)]\">\n                          {organization.name[0]}\n                        </div>\n                      )}\n\n                      <div className=\"min-w-0 flex-1\">\n                        <div className=\"flex flex-wrap items-start gap-2\">\n                          <h2 className=\"text-base font-semibold text-[var(--color-text-primary)]\">\n                            {organization.name}\n                          </h2>\n                          <OrganizationStatusBadge status={organization.status} />\n                        </div>\n                        <p className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-muted)]\">\n                          /{organization.slug}\n                        </p>\n                        <dl className=\"mt-3 grid grid-cols-2 gap-3 text-sm\">\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('organizations.list.column.workspaces', 'Workspaces')}\n                            </dt>\n                            <dd className=\"font-medium text-[var(--color-text-primary)]\">\n                              {organization.workspaceCount ?? 0}\n                            </dd>\n                          </div>\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('common.created', 'Created')}\n                            </dt>\n                            <dd className=\"font-medium text-[var(--color-text-primary)]\">\n                              {formatDate(organization.createdAt)}\n                            </dd>\n                          </div>\n                        </dl>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div className=\"mt-4 flex flex-wrap gap-2 border-t border-[var(--color-border-default)] pt-4\">\n                    <button\n                      onClick={() => navigate(`${basePath}/${organization.id}`)}\n                      className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n                    >\n                      <Eye size={16} aria-hidden=\"true\" />\n                      {tr('common.view', 'View')}\n                    </button>\n                    {hasPermission(PERMISSIONS.ORG_UPDATE) && (\n                      <button\n                        onClick={() => navigate(`${basePath}/${organization.id}/edit`)}\n                        className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n                      >\n                        <SquarePen size={16} aria-hidden=\"true\" />\n                        {tr('common.edit', 'Edit')}\n                      </button>\n                    )}\n                    {hasPermission(PERMISSIONS.ORG_DELETE) && (\n                      <button\n                        onClick={() => handleDelete(organization.id, organization.name)}\n                        disabled={deleteLoading}\n                        className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-sm text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                      >\n                        <Trash2 size={16} aria-hidden=\"true\" />\n                        {tr('common.delete', 'Delete')}\n                      </button>\n                    )}\n                  </div>\n                </article>\n              ))}\n            </div>\n\n            <div className=\"hidden overflow-hidden rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)] md:block\">\n              <div className=\"overflow-x-auto\">\n                <table className=\"min-w-full\">\n                  <thead className=\"bg-[var(--color-bg-subtle)]\">\n                    <tr>\n                      <th className=\"w-12 px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        <SelectionCheckbox\n                          checked={allVisibleSelected}\n                          indeterminate={partiallySelected}\n                          onChange={toggleAllOrganizations}\n                          ariaLabel={tr('organizations.list.selectAll', 'Select all organizations')}\n                        />\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('organizations.list.column.organization', 'Organization')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('common.status', 'Status')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('organizations.list.column.workspaces', 'Workspaces')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('common.created', 'Created')}\n                      </th>\n                      <th className=\"px-6 py-3 text-right text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('common.actions', 'Actions')}\n                      </th>\n                    </tr>\n                  </thead>\n                  <tbody className=\"divide-y divide-[var(--color-border-default)]\">\n                    {organizations.map((organization) => (\n                      <tr\n                        key={organization.id}\n                        className=\"transition-colors hover:bg-[var(--color-bg-subtle)]\"\n                      >\n                        <td className=\"px-6 py-4 align-top\">\n                          <SelectionCheckbox\n                            checked={selectedOrganizationIds.has(organization.id)}\n                            onChange={(checked) =>\n                              toggleOrganizationSelection(organization.id, checked)\n                            }\n                            ariaLabel={`${tr('organizations.list.selectOne', 'Select organization')} ${organization.name}`}\n                          />\n                        </td>\n                        <td className=\"px-6 py-4\">\n                          <div className=\"flex items-start gap-3\">\n                            {organization.logo ? (\n                              <img\n                                src={organization.logo}\n                                alt={`${organization.name} ${tr('common.logo', 'logo')}`}\n                                className=\"h-10 w-10 rounded-lg object-cover\"\n                              />\n                            ) : (\n                              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-[var(--color-action-primary-bg)]/12 font-semibold text-[var(--color-action-primary-bg)]\">\n                                {organization.name[0]}\n                              </div>\n                            )}\n                            <div className=\"min-w-0\">\n                              <p className=\"font-medium text-[var(--color-text-primary)]\">\n                                {organization.name}\n                              </p>\n                              <p className=\"break-all font-mono text-sm text-[var(--color-text-muted)]\">\n                                /{organization.slug}\n                              </p>\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <OrganizationStatusBadge status={organization.status} />\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-[var(--color-text-primary)]\">\n                          {organization.workspaceCount ?? 0}\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n                          {formatDate(organization.createdAt)}\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <div className=\"flex items-center justify-end gap-2\">\n                            <button\n                              onClick={() => navigate(`${basePath}/${organization.id}`)}\n                              className=\"rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]\"\n                              title={`${tr('common.view', 'View')} ${organization.name}`}\n                              aria-label={`${tr('common.view', 'View')} ${organization.name}`}\n                            >\n                              <Eye size={18} aria-hidden=\"true\" />\n                            </button>\n                            {hasPermission(PERMISSIONS.ORG_UPDATE) && (\n                              <button\n                                onClick={() => navigate(`${basePath}/${organization.id}/edit`)}\n                                className=\"rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]\"\n                                title={`${tr('common.edit', 'Edit')} ${organization.name}`}\n                                aria-label={`${tr('common.edit', 'Edit')} ${organization.name}`}\n                              >\n                                <SquarePen size={18} aria-hidden=\"true\" />\n                              </button>\n                            )}\n                            {hasPermission(PERMISSIONS.ORG_DELETE) && (\n                              <button\n                                onClick={() => handleDelete(organization.id, organization.name)}\n                                disabled={deleteLoading}\n                                className=\"rounded-lg p-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                                title={`${tr('common.delete', 'Delete')} ${organization.name}`}\n                                aria-label={`${tr('common.delete', 'Delete')} ${organization.name}`}\n                              >\n                                <Trash2 size={18} aria-hidden=\"true\" />\n                              </button>\n                            )}\n                          </div>\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </div>\n          </>\n        )}\n      </div>\n\n      {ConfirmDialog}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BA,SAAS,EAAW,GAAc;AAChC,QAAO,IAAI,KAAK,EAAK,CAAC,oBAAoB;;AAqB5C,SAAgB,EAAsB,EAAE,UAAO,SAAqC,EAAE,EAAE;AACtF,GAAwB,qBAAqB;CAC7C,IAAM,IAAK,IAAO,EACZ,EAAE,aAAU,cAAW,qBAAqB,GAAe,EAC3D,EAAE,kBAAe,WAAW,OAAuB,IAAgB,EAGnE,IAAgB,GAAsB,sBAAsB,EAC5D,IAAgB,IAAgB,EAAQ,EAAc,QAAS,IAC/D,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,IAAuB,GAAkB,GAAa,IAAI,EAC1D,CAAC,GAAyB,KAA8B,kBAAsB,IAAI,KAAK,CAAC,EACxF,EAAE,sBAAmB,qBAAkB,GAAkB,EAOzD,IAAW,EAAmB,KAAyB,GAAG,MAAS,KAAK,EACxE,IAAc,EAAiB,KAAA,GAAW,KAAyB,GAAG,MAAS,QAAQ,EACvF,EACJ,eAAe,GACf,aACA,UACA,eACE,MAAS,UAAU,IAAc,GAE/B,KAAmB,EAAqB,MAAM,CAAC,SAAS,GAExD,IAAgB,QAAc;EAClC,IAAM,IAAI,EAAqB,MAAM,CAAC,aAAa;AAEnD,SADK,IACE,EAAiB,QACrB,MAAQ,EAAI,MAAM,aAAa,CAAC,SAAS,EAAE,IAAI,EAAI,MAAM,aAAa,CAAC,SAAS,EAAE,CACpF,GAHc;IAId,CAAC,GAAkB,EAAqB,CAAC,EAEtC,EAAE,wBAAoB,SAAS,MAAkB,GAAuB;AAE9E,SAAgB;AACd,KAA4B,MAAsB;GAChD,IAAM,IAAa,IAAI,IAAI,EAAc,KAAK,MAAiB,EAAa,GAAG,CAAC,EAC1E,IAAgB,IAAI,IACxB,CAAC,GAAG,EAAkB,CAAC,QAAQ,MAAmB,EAAW,IAAI,EAAe,CAAC,CAClF;AAMD,UAJI,EAAc,SAAS,EAAkB,OACpC,IAGF;IACP;IACD,CAAC,EAAc,CAAC;CAEnB,IAAM,IAAwB,QACtB,EAAc,QAAQ,MAAiB,EAAwB,IAAI,EAAa,GAAG,CAAC,EAC1F,CAAC,GAAe,EAAwB,CACzC,EAEK,IACJ,EAAc,SAAS,KACvB,EAAc,OAAO,MAAiB,EAAwB,IAAI,EAAa,GAAG,CAAC,EAC/E,IACJ,EAAc,MAAM,MAAiB,EAAwB,IAAI,EAAa,GAAG,CAAC,IAClF,CAAC,GAEG,IAAgB,OAAO,MAA8B;AACzD,MAAI;GAUF,IAAM,KATU,MAAM,QAAQ,WAC5B,EAAgB,IAAI,OAAO,MAAmB;IAC5C,IAAM,IAAS,MAAM,GAAmB,EAAe;AACvD,QAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,gCAAgC;KAE/E,CACH,EAE8B,MAAM,MAAW,EAAO,WAAW,WAAW;AAC7E,OAAI,GAAgB,WAAW,WAC7B,OAAM,EAAe;AAIvB,GADA,kBAA2B,IAAI,KAAK,CAAC,EACrC,MAAM,GAAS;GACf,IAAM,IACJ,EAAgB,WAAW,IACvB,EAAG,sCAAsC,oCAAoC,GAC7E,GAAG,EAAgB,OAAO,GAAG,EAAG,oCAAoC,qCAAqC;AAG/G,GAFA,EAAM,QAAQ,EAAW,EACpB,EAAa,UAAU,EACxB,GAAU,IAAO,EAAY,EAAW;WACrC,GAAa;GACpB,IAAM,IACJ,aAAuB,QACnB,EAAY,UACZ,EAAG,+BAA+B,gCAAgC;AAGxE,GAFA,EAAM,MAAM,EAAS,EAChB,EAAa,QAAQ,EACtB,GAAU,IAAO,EAAY,EAAS;;IAIxC,KAAgB,GAAwB,MAA6B;AACzE,KAAa,SAAS;EACtB,IAAM,IAAQ,EAAG,8BAA8B,sBAAsB,EAC/D,IAAc,GAAG,EAAG,sCAAsC,SAAS,CAAC,GAAG,EAAiB,IAAI,EAAG,yBAAyB,gCAAgC;AACzJ,KAAc;GACjB;GACA,SAAS;GACT,eAAe,EAAG,iBAAiB,SAAS;GAC7C,CAAC,CAAC,MAAM,MAAiB;AACxB,GAAI,MAAiB,OACnB,EAAkB;IAChB;IACA;IACA,aAAa,EAAG,iBAAiB,SAAS;IAC1C,SAAS;IACT,iBAAiB;AACV,OAAc,CAAC,EAAe,CAAC;;IAEvC,CAAC,GACO,KACJ,EAAc,CAAC,EAAe,CAAC;IAEtC;IAGE,WAAyB;AACzB,IAAsB,WAAW,KAErC,EAAkB;GAChB,OAAO,EAAG,kCAAkC,gCAAgC;GAC5E,aAAa,GAAG,EAAG,mCAAmC,SAAS,CAAC,GAAG,EAAsB,OAAO,GAAG,EACjG,EAAsB,WAAW,IAC7B,0CACA,uCACJ,EAAsB,WAAW,IAAI,2BAA2B,0BACjE,CAAC,GAAG,EAAG,yBAAyB,gCAAgC;GACjE,aAAa,GAAG,EAAG,iBAAiB,SAAS,CAAC,GAAG,EAAsB;GACvE,SAAS;GACT,iBAAiB;AACV,MAAc,EAAsB,KAAK,MAAiB,EAAa,GAAG,CAAC;;GAEnF,CAAC;IAGE,KAA+B,GAAwB,MAAqB;AAChF,KAA4B,MAAsB;GAChD,IAAM,IAAgB,IAAI,IAAI,EAAkB;AAMhD,UALI,IACF,EAAc,IAAI,EAAe,GAEjC,EAAc,OAAO,EAAe,EAE/B;IACP;IAGE,KAA0B,MAAqB;AACnD,KAA4B,MAAsB;GAChD,IAAM,IAAgB,IAAI,IAAI,EAAkB;AAQhD,UAPA,EAAc,SAAS,MAAiB;AACtC,IAAI,IACF,EAAc,IAAI,EAAa,GAAG,GAElC,EAAc,OAAO,EAAa,GAAG;KAEvC,EACK;IACP;;AAyCJ,QAtCI,KAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,6BAA6B,yBAAyB,EAAI,CAAA;EAChF,CAAA,GAUN,KAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,8BAA8B,2BAA2B,EAAI,CAAA;EACnF,CAAA,GAIN,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,IAAD;GACE,SAAS,EAAM;GACf,QAAQ;IACN,OAAO,EAAG,gBAAgB,QAAQ;IAClC,eAAe;AACR,QAAS;;IAEjB;GACD,CAAA;EACE,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,4BAA4B,gBAAgB;OAC7C,CAAA,EACL,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,+BACA,sEACD;OACC,CAAA,CACA;SAEL,KAAiB,EAAc,EAAY,WAAW,IACrD,kBAAC,UAAD;MACE,eAAe,EAAS,GAAG,EAAS,MAAM;MAC1C,WAAU;gBAFZ,CAIE,kBAAC,GAAD;OAAM,MAAM;OAAI,eAAY;OAAS,CAAA,EACrC,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAG,+BAA+B,sBAAsB;OACpD,CAAA,CACA;QAEP;;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,IAAD;OACE,OAAO;OACP,UAAU;OACV,aAAa,EAAG,wCAAwC,0BAA0B;OAClF,OAAO,EAAG,kCAAkC,uBAAuB;OACnE,SAAQ;OACR,WAAU;OACV,CAAA,EAEF,kBAAC,UAAD;OACE,eAAe;AACR,WAAS;;OAEhB,WAAU;OACV,cAAY,EAAG,8BAA8B,wBAAwB;OACrE,OAAO,EAAG,8BAA8B,wBAAwB;iBAEhE,kBAAC,IAAD;QAAW,MAAM;QAAI,eAAY;QAAS,CAAA;OACnC,CAAA,CACL;SAEL,EAAc,SAAS,IACtB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBAAjB,CACE,kBAAC,GAAD;SACE,SAAS;SACT,eAAe;SACf,UAAU;SACV,WAAW,EAAG,gCAAgC,2BAA2B;SACzE,CAAA,EACF,kBAAC,QAAD,EAAA,UAAO,EAAG,2BAA2B,qBAAqB,EAAQ,CAAA,CAC5D;WAEP,EAAwB,OAAO,IAC9B,kBAAC,UAAD;QACE,eAAe,kBAA2B,IAAI,KAAK,CAAC;QACpD,WAAU;kBAET,EAAG,yBAAyB,kBAAkB;QACxC,CAAA,GACP,KACA;UAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACG,EAAwB;SAAK;SAAE,EAAG,mBAAmB,WAAW;SAC5D;WACN,EAAc,EAAY,WAAW,IACpC,kBAAC,UAAD;QACE,SAAS;QACT,UAAU,EAAsB,WAAW,KAAK;QAChD,WAAU;kBAHZ;SAKE,kBAAC,GAAD;UAAQ,MAAM;UAAI,eAAY;UAAS,CAAA;SACvC,kBAAC,QAAD,EAAA,UAAO,EAAG,yBAAyB,kBAAkB,EAAQ,CAAA;SAC5D,EAAsB,SAAS,IAC9B,kBAAC,QAAD,EAAA,UAAA;UAAM;UAAE,EAAsB;UAAO;UAAQ,EAAA,CAAA,GAC3C;SACG;UAEP;SACF;UACJ,KACA;;IAEL,EAAc,WAAW,IACxB,kBAAC,OAAD;KAAK,WAAU;eACZ,MAAoB,EAAiB,SAAS,IAC7C,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD;OAAW,MAAM;OAAI,eAAY;OAAS,CAAA;MAChD,OAAO,EAAG,qCAAqC,4BAA4B;MAC3E,aAAa,EACX,2CACA,yFACD;MACD,QAAQ;OACN,OAAO,EAAG,sBAAsB,eAAe;OAC/C,eAAe,EAAe,GAAG;OAClC;MACD,CAAA,GAEF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD;OAAW,MAAM;OAAI,eAAY;OAAS,CAAA;MAChD,OAAO,EAAG,iCAAiC,yBAAyB;MACpE,aAAa,EACX,uCACA,qFACD;MACD,QACE,KAAiB,EAAc,EAAY,WAAW,GAClD;OACE,OAAO,EAAG,+BAA+B,sBAAsB;OAC/D,eAAe,EAAS,GAAG,EAAS,MAAM;OAC3C,GACD,KAAA;MAEN,CAAA;KAEA,CAAA,GAEN,kBAAA,IAAA,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAc,KAAK,MAClB,kBAAC,WAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,SAAS,EAAwB,IAAI,EAAa,GAAG;QACrD,WAAW,MAAY,EAA4B,EAAa,IAAI,EAAQ;QAC5E,WAAW,GAAG,EAAG,gCAAgC,sBAAsB,CAAC,GAAG,EAAa;QACxF,CAAA,EAEF,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,EAAa,OACZ,kBAAC,OAAD;SACE,KAAK,EAAa;SAClB,KAAK,GAAG,EAAa,KAAK,GAAG,EAAG,eAAe,OAAO;SACtD,WAAU;SACV,CAAA,GAEF,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAa,KAAK;SACf,CAAA,EAGR,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,MAAD;YAAI,WAAU;sBACX,EAAa;YACX,CAAA,EACL,kBAAC,GAAD,EAAyB,QAAQ,EAAa,QAAU,CAAA,CACpD;;UACN,kBAAC,KAAD;WAAG,WAAU;qBAAb,CAA+E,KAC3E,EAAa,KACb;;UACJ,kBAAC,MAAD;WAAI,WAAU;qBAAd,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;YAAI,WAAU;sBACX,EAAG,wCAAwC,aAAa;YACtD,CAAA,EACL,kBAAC,MAAD;YAAI,WAAU;sBACX,EAAa,kBAAkB;YAC7B,CAAA,CACD,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;YAAI,WAAU;sBACX,EAAG,kBAAkB,UAAU;YAC7B,CAAA,EACL,kBAAC,MAAD;YAAI,WAAU;sBACX,EAAW,EAAa,UAAU;YAChC,CAAA,CACD,EAAA,CAAA,CACH;;UACD;WACF;UACF;UAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,UAAD;SACE,eAAe,EAAS,GAAG,EAAS,GAAG,EAAa,KAAK;SACzD,WAAU;mBAFZ,CAIE,kBAAC,GAAD;UAAK,MAAM;UAAI,eAAY;UAAS,CAAA,EACnC,EAAG,eAAe,OAAO,CACnB;;QACR,EAAc,EAAY,WAAW,IACpC,kBAAC,UAAD;SACE,eAAe,EAAS,GAAG,EAAS,GAAG,EAAa,GAAG,OAAO;SAC9D,WAAU;mBAFZ,CAIE,kBAAC,GAAD;UAAW,MAAM;UAAI,eAAY;UAAS,CAAA,EACzC,EAAG,eAAe,OAAO,CACnB;;QAEV,EAAc,EAAY,WAAW,IACpC,kBAAC,UAAD;SACE,eAAe,EAAa,EAAa,IAAI,EAAa,KAAK;SAC/D,UAAU;SACV,WAAU;mBAHZ,CAKE,kBAAC,GAAD;UAAQ,MAAM;UAAI,eAAY;UAAS,CAAA,EACtC,EAAG,iBAAiB,SAAS,CACvB;;QAEP;SACE;QAnFH,EAAa,GAmFV,CACV;KACE,CAAA,EAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,SAAD;QAAO,WAAU;kBACf,kBAAC,MAAD,EAAA,UAAA;SACE,kBAAC,MAAD;UAAI,WAAU;oBACZ,kBAAC,GAAD;WACE,SAAS;WACT,eAAe;WACf,UAAU;WACV,WAAW,EAAG,gCAAgC,2BAA2B;WACzE,CAAA;UACC,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAG,0CAA0C,eAAe;UAC1D,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAG,iBAAiB,SAAS;UAC3B,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAG,wCAAwC,aAAa;UACtD,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAG,kBAAkB,UAAU;UAC7B,CAAA;SACL,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAG,kBAAkB,UAAU;UAC7B,CAAA;SACF,EAAA,CAAA;QACC,CAAA,EACR,kBAAC,SAAD;QAAO,WAAU;kBACd,EAAc,KAAK,MAClB,kBAAC,MAAD;SAEE,WAAU;mBAFZ;UAIE,kBAAC,MAAD;WAAI,WAAU;qBACZ,kBAAC,GAAD;YACE,SAAS,EAAwB,IAAI,EAAa,GAAG;YACrD,WAAW,MACT,EAA4B,EAAa,IAAI,EAAQ;YAEvD,WAAW,GAAG,EAAG,gCAAgC,sBAAsB,CAAC,GAAG,EAAa;YACxF,CAAA;WACC,CAAA;UACL,kBAAC,MAAD;WAAI,WAAU;qBACZ,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACG,EAAa,OACZ,kBAAC,OAAD;aACE,KAAK,EAAa;aAClB,KAAK,GAAG,EAAa,KAAK,GAAG,EAAG,eAAe,OAAO;aACtD,WAAU;aACV,CAAA,GAEF,kBAAC,OAAD;aAAK,WAAU;uBACZ,EAAa,KAAK;aACf,CAAA,EAER,kBAAC,OAAD;aAAK,WAAU;uBAAf,CACE,kBAAC,KAAD;cAAG,WAAU;wBACV,EAAa;cACZ,CAAA,EACJ,kBAAC,KAAD;cAAG,WAAU;wBAAb,CAA0E,KACtE,EAAa,KACb;gBACA;eACF;;WACH,CAAA;UACL,kBAAC,MAAD;WAAI,WAAU;qBACZ,kBAAC,GAAD,EAAyB,QAAQ,EAAa,QAAU,CAAA;WACrD,CAAA;UACL,kBAAC,MAAD;WAAI,WAAU;qBACX,EAAa,kBAAkB;WAC7B,CAAA;UACL,kBAAC,MAAD;WAAI,WAAU;qBACX,EAAW,EAAa,UAAU;WAChC,CAAA;UACL,kBAAC,MAAD;WAAI,WAAU;qBACZ,kBAAC,OAAD;YAAK,WAAU;sBAAf;aACE,kBAAC,UAAD;cACE,eAAe,EAAS,GAAG,EAAS,GAAG,EAAa,KAAK;cACzD,WAAU;cACV,OAAO,GAAG,EAAG,eAAe,OAAO,CAAC,GAAG,EAAa;cACpD,cAAY,GAAG,EAAG,eAAe,OAAO,CAAC,GAAG,EAAa;wBAEzD,kBAAC,GAAD;eAAK,MAAM;eAAI,eAAY;eAAS,CAAA;cAC7B,CAAA;aACR,EAAc,EAAY,WAAW,IACpC,kBAAC,UAAD;cACE,eAAe,EAAS,GAAG,EAAS,GAAG,EAAa,GAAG,OAAO;cAC9D,WAAU;cACV,OAAO,GAAG,EAAG,eAAe,OAAO,CAAC,GAAG,EAAa;cACpD,cAAY,GAAG,EAAG,eAAe,OAAO,CAAC,GAAG,EAAa;wBAEzD,kBAAC,GAAD;eAAW,MAAM;eAAI,eAAY;eAAS,CAAA;cACnC,CAAA;aAEV,EAAc,EAAY,WAAW,IACpC,kBAAC,UAAD;cACE,eAAe,EAAa,EAAa,IAAI,EAAa,KAAK;cAC/D,UAAU;cACV,WAAU;cACV,OAAO,GAAG,EAAG,iBAAiB,SAAS,CAAC,GAAG,EAAa;cACxD,cAAY,GAAG,EAAG,iBAAiB,SAAS,CAAC,GAAG,EAAa;wBAE7D,kBAAC,GAAD;eAAQ,MAAM;eAAI,eAAY;eAAS,CAAA;cAChC,CAAA;aAEP;;WACH,CAAA;UACF;WA7EE,EAAa,GA6Ef,CACL;QACI,CAAA,CACF;;MACJ,CAAA;KACF,CAAA,CACL,EAAA,CAAA;IAED;MAEL,EACG"}
+{"version":3,"file":"OrganizationsListPage.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationsListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Building2, Eye, Mail, Plus, RefreshCw, SquarePen, Trash2 } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useFeatureFlagDetails } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport {\n  useDeleteOrganization,\n  useMyOrganizations,\n  useOrganizations,\n} from '../hooks/useOrganizations';\nimport { useMyInvites } from '../../members/hooks/useInvites';\nimport { InviteStatus } from '../../../../generated/global-types';\nimport { OrganizationStatusBadge } from '../components/OrganizationStatusBadge';\nimport { SearchInput } from '../../../shared/components/input/SearchInput';\nimport { SelectionCheckbox } from '../../../shared/components/input/SelectionCheckbox';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { EmptyState } from '../../../shared/components/feedback/EmptyState';\nimport { useDebouncedValue } from '../../../shared/hooks/useDebouncedValue';\nimport { useConfirmDialog } from '../../../shared/components/dialog/ConfirmDialog';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\nimport {\n  isNative,\n  nativeConfirm,\n  nativeImpact,\n  nativeNotify,\n  nativeToast,\n} from '../../../../utils/nativeBridge';\n\nfunction formatDate(date: string) {\n  return new Date(date).toLocaleDateString();\n}\n\n/**\n * `mode` controls which scope of organizations the page renders:\n *\n * - `'my'` (default) calls `myOrganizations` (gateway @rbac(scopeType:\"self\")).\n *   Use this in product-app shells (e.g. vibecontrols) where the user should\n *   see only orgs they are a member of. Membership IS the access list, so no\n *   client-side permission gate is needed.\n *\n * - `'admin'` calls the legacy `organizations` query (gateway @rbac(scopeType:\n *   \"global\")). Restricted to actors with global `organization:read` (super\n *   admins / service / custom global-admin roles). Use this in the admin app\n *   where operators need the tenant-wide list. Once `allOrganizations` is\n *   published through Hive Cloud + codegen, switch to `useAllOrganizations`.\n */\nexport interface OrganizationsListPageProps {\n  mode?: 'my' | 'admin';\n}\n\nexport function OrganizationsListPage({ mode = 'my' }: OrganizationsListPageProps = {}) {\n  useOrganizationPageView('organizations.list');\n  const tr = useTr();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  // Follow the platform default-allow feature flag policy: unseeded flags must\n  // not disable shipped CRUDL, while an explicit false value still gates create.\n  const createDetails = useFeatureFlagDetails('organization.create');\n  const createEnabled = createDetails ? Boolean(createDetails.value) : true;\n  const [searchQuery, setSearchQuery] = useState('');\n  const debouncedSearchQuery = useDebouncedValue(searchQuery, 300);\n  const [selectedOrganizationIds, setSelectedOrganizationIds] = useState<Set<string>>(new Set());\n  const { openConfirmDialog, ConfirmDialog } = useConfirmDialog();\n\n  // Show a count badge of pending invites alongside the Invitations link.\n  // Skipped in 'admin' mode since admins land here via tenant-wide management\n  // rather than personal invites.\n  const { total: pendingInvitesCount } = useMyInvites(InviteStatus.Pending, 1, 0, mode === 'my');\n\n  // Page size is large enough to cover realistic memberships / tenant-wide\n  // org counts in one round-trip so the client-side search is exhaustive.\n  // If a tenant ever exceeds this, wire in fetchMore/pagination instead of\n  // silently truncating.\n  const ORGANIZATIONS_PAGE_SIZE = 200;\n  const myResult = useMyOrganizations(ORGANIZATIONS_PAGE_SIZE, 0, mode === 'my');\n  const adminResult = useOrganizations(undefined, ORGANIZATIONS_PAGE_SIZE, 0, mode === 'admin');\n  const {\n    organizations: allOrganizations,\n    loading,\n    error,\n    refetch,\n  } = mode === 'admin' ? adminResult : myResult;\n\n  const isSearchFiltered = debouncedSearchQuery.trim().length > 0;\n\n  const organizations = useMemo(() => {\n    const q = debouncedSearchQuery.trim().toLowerCase();\n    if (!q) return allOrganizations;\n    return allOrganizations.filter(\n      (org) => org.name?.toLowerCase().includes(q) || org.slug?.toLowerCase().includes(q)\n    );\n  }, [allOrganizations, debouncedSearchQuery]);\n\n  const { deleteOrganization, loading: deleteLoading } = useDeleteOrganization();\n\n  useEffect(() => {\n    setSelectedOrganizationIds((previousSelection) => {\n      const visibleIds = new Set(organizations.map((organization) => organization.id));\n      const nextSelection = new Set(\n        [...previousSelection].filter((organizationId) => visibleIds.has(organizationId))\n      );\n\n      if (nextSelection.size === previousSelection.size) {\n        return previousSelection;\n      }\n\n      return nextSelection;\n    });\n  }, [organizations]);\n\n  const selectedOrganizations = useMemo(\n    () => organizations.filter((organization) => selectedOrganizationIds.has(organization.id)),\n    [organizations, selectedOrganizationIds]\n  );\n\n  const allVisibleSelected =\n    organizations.length > 0 &&\n    organizations.every((organization) => selectedOrganizationIds.has(organization.id));\n  const partiallySelected =\n    organizations.some((organization) => selectedOrganizationIds.has(organization.id)) &&\n    !allVisibleSelected;\n\n  const executeDelete = async (organizationIds: string[]) => {\n    try {\n      const results = await Promise.allSettled(\n        organizationIds.map(async (organizationId) => {\n          const result = await deleteOrganization(organizationId);\n          if (result.errors?.length) {\n            throw new Error(result.errors[0]?.message ?? 'Failed to delete organization');\n          }\n        })\n      );\n\n      const rejectedResult = results.find((result) => result.status === 'rejected');\n      if (rejectedResult?.status === 'rejected') {\n        throw rejectedResult.reason;\n      }\n\n      setSelectedOrganizationIds(new Set());\n      await refetch();\n      const successMsg =\n        organizationIds.length === 1\n          ? tr('organizations.delete.successSingle', 'Organization deleted successfully')\n          : `${organizationIds.length} ${tr('organizations.delete.successMany', 'organizations deleted successfully')}`;\n      toast.success(successMsg);\n      void nativeNotify('success');\n      if (isNative()) void nativeToast(successMsg);\n    } catch (deleteError) {\n      const errorMsg =\n        deleteError instanceof Error\n          ? deleteError.message\n          : tr('organizations.delete.failed', 'Failed to delete organization');\n      toast.error(errorMsg);\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(errorMsg);\n    }\n  };\n\n  const handleDelete = (organizationId: string, organizationName: string) => {\n    nativeImpact('medium');\n    const title = tr('organizations.delete.title', 'Delete organization');\n    const description = `${tr('organizations.delete.confirmPrefix', 'Delete')} ${organizationName}? ${tr('common.cannotBeUndone', 'This action cannot be undone.')}`;\n    void nativeConfirm({\n      title,\n      message: description,\n      okButtonTitle: tr('common.delete', 'Delete'),\n    }).then((nativeResult) => {\n      if (nativeResult === null) {\n        openConfirmDialog({\n          title,\n          description,\n          confirmText: tr('common.delete', 'Delete'),\n          variant: 'danger',\n          onConfirm: () => {\n            void executeDelete([organizationId]);\n          },\n        });\n      } else if (nativeResult) {\n        void executeDelete([organizationId]);\n      }\n    });\n  };\n\n  const handleBulkDelete = () => {\n    if (selectedOrganizations.length === 0) return;\n\n    openConfirmDialog({\n      title: tr('organizations.delete.bulkTitle', 'Delete selected organizations'),\n      description: `${tr('organizations.delete.bulkPrefix', 'Delete')} ${selectedOrganizations.length} ${tr(\n        selectedOrganizations.length === 1\n          ? 'organizations.delete.bulkSuffixSingle'\n          : 'organizations.delete.bulkSuffixMany',\n        selectedOrganizations.length === 1 ? 'selected organization?' : 'selected organizations?'\n      )} ${tr('common.cannotBeUndone', 'This action cannot be undone.')}`,\n      confirmText: `${tr('common.delete', 'Delete')} ${selectedOrganizations.length}`,\n      variant: 'danger',\n      onConfirm: () => {\n        void executeDelete(selectedOrganizations.map((organization) => organization.id));\n      },\n    });\n  };\n\n  const toggleOrganizationSelection = (organizationId: string, checked: boolean) => {\n    setSelectedOrganizationIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      if (checked) {\n        nextSelection.add(organizationId);\n      } else {\n        nextSelection.delete(organizationId);\n      }\n      return nextSelection;\n    });\n  };\n\n  const toggleAllOrganizations = (checked: boolean) => {\n    setSelectedOrganizationIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      organizations.forEach((organization) => {\n        if (checked) {\n          nextSelection.add(organization.id);\n        } else {\n          nextSelection.delete(organization.id);\n        }\n      });\n      return nextSelection;\n    });\n  };\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  // No client-side list gate: this page calls `myOrganizations`\n  // (@rbac(scopeType: \"self\")), so the data set IS the access list — if the\n  // user is in zero orgs the page renders the empty state, not a deny. The\n  // create/delete/edit buttons keep their own per-action `hasPermission`\n  // checks below to hide actions the user can't perform on a given org.\n\n  if (loading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <LoadingState message={tr('organizations.list.loading', 'Loading organizations...')} />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={error.message}\n          action={{\n            label: tr('common.retry', 'Retry'),\n            onClick: () => {\n              void refetch();\n            },\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300\">\n      <div className=\"mx-auto flex w-full max-w-7xl flex-col gap-6\">\n        <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n          <div className=\"space-y-2\">\n            <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n              {tr('organizations.list.title', 'Organizations')}\n            </h1>\n            <p className=\"max-w-2xl text-[var(--color-text-secondary)]\">\n              {tr(\n                'organizations.list.subtitle',\n                'Manage tenant organizations and the workspaces that belong to them.'\n              )}\n            </p>\n          </div>\n\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {mode === 'my' && (\n              <button\n                onClick={() => navigate(`${basePath}/invites`)}\n                className=\"relative inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-4 py-2.5 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)] active:scale-[0.98]\"\n                aria-label={tr('organizations.invitations.button', 'Invitations')}\n              >\n                <Mail size={18} aria-hidden=\"true\" />\n                <span className=\"font-medium\">\n                  {tr('organizations.invitations.button', 'Invitations')}\n                </span>\n                {pendingInvitesCount > 0 && (\n                  <span\n                    className=\"ml-1 inline-flex min-w-[1.25rem] items-center justify-center rounded-full bg-[var(--color-action-primary-bg)] px-1.5 py-0.5 text-xs font-semibold text-[var(--color-action-primary-text)]\"\n                    aria-label={`${pendingInvitesCount} pending`}\n                  >\n                    {pendingInvitesCount}\n                  </span>\n                )}\n              </button>\n            )}\n\n            {createEnabled && hasPermission(PERMISSIONS.ORG_CREATE) && (\n              <button\n                onClick={() => navigate(`${basePath}/new`)}\n                className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 active:scale-[0.98]\"\n              >\n                <Plus size={18} aria-hidden=\"true\" />\n                <span className=\"font-medium\">\n                  {tr('organizations.create.button', 'Create Organization')}\n                </span>\n              </button>\n            )}\n          </div>\n        </div>\n\n        <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-4 shadow-[var(--shadow-elevation-1)]\">\n          <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center\">\n            <SearchInput\n              value={searchQuery}\n              onChange={setSearchQuery}\n              placeholder={tr('organizations.list.searchPlaceholder', 'Search organizations...')}\n              label={tr('organizations.list.searchLabel', 'Search organizations')}\n              inputId=\"organizations-search\"\n              className=\"flex-1\"\n            />\n\n            <button\n              onClick={() => {\n                void refetch();\n              }}\n              className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-4 py-2 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)] active:scale-95\"\n              aria-label={tr('organizations.list.refresh', 'Refresh organizations')}\n              title={tr('organizations.list.refresh', 'Refresh organizations')}\n            >\n              <RefreshCw size={18} aria-hidden=\"true\" />\n            </button>\n          </div>\n\n          {organizations.length > 0 ? (\n            <div className=\"mt-4 flex flex-col gap-3 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <label className=\"flex items-center gap-2 text-sm text-[var(--color-text-primary)]\">\n                  <SelectionCheckbox\n                    checked={allVisibleSelected}\n                    indeterminate={partiallySelected}\n                    onChange={toggleAllOrganizations}\n                    ariaLabel={tr('organizations.list.selectAll', 'Select all organizations')}\n                  />\n                  <span>{tr('common.selectAllVisible', 'Select all visible')}</span>\n                </label>\n\n                {selectedOrganizationIds.size > 0 ? (\n                  <button\n                    onClick={() => setSelectedOrganizationIds(new Set())}\n                    className=\"text-sm text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]\"\n                  >\n                    {tr('common.clearSelection', 'Clear selection')}\n                  </button>\n                ) : null}\n              </div>\n\n              <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n                <span className=\"text-sm text-[var(--color-text-secondary)]\">\n                  {selectedOrganizationIds.size} {tr('common.selected', 'selected')}\n                </span>\n                {hasPermission(PERMISSIONS.ORG_DELETE) && (\n                  <button\n                    onClick={handleBulkDelete}\n                    disabled={selectedOrganizations.length === 0 || deleteLoading}\n                    className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <Trash2 size={16} aria-hidden=\"true\" />\n                    <span>{tr('common.deleteSelected', 'Delete Selected')}</span>\n                    {selectedOrganizations.length > 0 ? (\n                      <span>({selectedOrganizations.length})</span>\n                    ) : null}\n                  </button>\n                )}\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {organizations.length === 0 ? (\n          <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-6 shadow-[var(--shadow-elevation-1)]\">\n            {isSearchFiltered && allOrganizations.length > 0 ? (\n              <EmptyState\n                icon={<Building2 size={40} aria-hidden=\"true\" />}\n                title={tr('organizations.list.noMatchesTitle', 'No matching organizations')}\n                description={tr(\n                  'organizations.list.noMatchesDescription',\n                  'No organizations match your search. Try a different name or slug, or clear the search.'\n                )}\n                action={{\n                  label: tr('common.clearSearch', 'Clear search'),\n                  onClick: () => setSearchQuery(''),\n                }}\n              />\n            ) : (\n              <EmptyState\n                icon={<Building2 size={40} aria-hidden=\"true\" />}\n                title={tr('organizations.list.emptyTitle', 'No organizations found')}\n                description={tr(\n                  'organizations.list.emptyDescription',\n                  'Create your first organization to start managing workspaces, members, and invites.'\n                )}\n                action={\n                  createEnabled && hasPermission(PERMISSIONS.ORG_CREATE)\n                    ? {\n                        label: tr('organizations.create.button', 'Create Organization'),\n                        onClick: () => navigate(`${basePath}/new`),\n                      }\n                    : undefined\n                }\n              />\n            )}\n          </div>\n        ) : (\n          <>\n            <div className=\"grid gap-4 md:hidden\">\n              {organizations.map((organization) => (\n                <article\n                  key={organization.id}\n                  className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-4 shadow-[var(--shadow-elevation-1)]\"\n                >\n                  <div className=\"flex items-start gap-3\">\n                    <SelectionCheckbox\n                      checked={selectedOrganizationIds.has(organization.id)}\n                      onChange={(checked) => toggleOrganizationSelection(organization.id, checked)}\n                      ariaLabel={`${tr('organizations.list.selectOne', 'Select organization')} ${organization.name}`}\n                    />\n\n                    <div className=\"flex min-w-0 flex-1 gap-3\">\n                      {organization.logo ? (\n                        <img\n                          src={organization.logo}\n                          alt={`${organization.name} ${tr('common.logo', 'logo')}`}\n                          className=\"h-12 w-12 rounded-lg object-cover\"\n                        />\n                      ) : (\n                        <div className=\"flex h-12 w-12 items-center justify-center rounded-lg bg-[var(--color-action-primary-bg)]/12 text-base font-semibold text-[var(--color-action-primary-bg)]\">\n                          {organization.name[0]}\n                        </div>\n                      )}\n\n                      <div className=\"min-w-0 flex-1\">\n                        <div className=\"flex flex-wrap items-start gap-2\">\n                          <h2 className=\"text-base font-semibold text-[var(--color-text-primary)]\">\n                            {organization.name}\n                          </h2>\n                          <OrganizationStatusBadge status={organization.status} />\n                        </div>\n                        <p className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-muted)]\">\n                          /{organization.slug}\n                        </p>\n                        <dl className=\"mt-3 grid grid-cols-2 gap-3 text-sm\">\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('organizations.list.column.workspaces', 'Workspaces')}\n                            </dt>\n                            <dd className=\"font-medium text-[var(--color-text-primary)]\">\n                              {organization.workspaceCount ?? 0}\n                            </dd>\n                          </div>\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('common.created', 'Created')}\n                            </dt>\n                            <dd className=\"font-medium text-[var(--color-text-primary)]\">\n                              {formatDate(organization.createdAt)}\n                            </dd>\n                          </div>\n                        </dl>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div className=\"mt-4 flex flex-wrap gap-2 border-t border-[var(--color-border-default)] pt-4\">\n                    <button\n                      onClick={() => navigate(`${basePath}/${organization.id}`)}\n                      className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n                    >\n                      <Eye size={16} aria-hidden=\"true\" />\n                      {tr('common.view', 'View')}\n                    </button>\n                    {hasPermission(PERMISSIONS.ORG_UPDATE) && (\n                      <button\n                        onClick={() => navigate(`${basePath}/${organization.id}/edit`)}\n                        className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n                      >\n                        <SquarePen size={16} aria-hidden=\"true\" />\n                        {tr('common.edit', 'Edit')}\n                      </button>\n                    )}\n                    {hasPermission(PERMISSIONS.ORG_DELETE) && (\n                      <button\n                        onClick={() => handleDelete(organization.id, organization.name)}\n                        disabled={deleteLoading}\n                        className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-sm text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                      >\n                        <Trash2 size={16} aria-hidden=\"true\" />\n                        {tr('common.delete', 'Delete')}\n                      </button>\n                    )}\n                  </div>\n                </article>\n              ))}\n            </div>\n\n            <div className=\"hidden overflow-hidden rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)] md:block\">\n              <div className=\"overflow-x-auto\">\n                <table className=\"min-w-full\">\n                  <thead className=\"bg-[var(--color-bg-subtle)]\">\n                    <tr>\n                      <th className=\"w-12 px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        <SelectionCheckbox\n                          checked={allVisibleSelected}\n                          indeterminate={partiallySelected}\n                          onChange={toggleAllOrganizations}\n                          ariaLabel={tr('organizations.list.selectAll', 'Select all organizations')}\n                        />\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('organizations.list.column.organization', 'Organization')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('common.status', 'Status')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('organizations.list.column.workspaces', 'Workspaces')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('common.created', 'Created')}\n                      </th>\n                      <th className=\"px-6 py-3 text-right text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('common.actions', 'Actions')}\n                      </th>\n                    </tr>\n                  </thead>\n                  <tbody className=\"divide-y divide-[var(--color-border-default)]\">\n                    {organizations.map((organization) => (\n                      <tr\n                        key={organization.id}\n                        className=\"transition-colors hover:bg-[var(--color-bg-subtle)]\"\n                      >\n                        <td className=\"px-6 py-4 align-top\">\n                          <SelectionCheckbox\n                            checked={selectedOrganizationIds.has(organization.id)}\n                            onChange={(checked) =>\n                              toggleOrganizationSelection(organization.id, checked)\n                            }\n                            ariaLabel={`${tr('organizations.list.selectOne', 'Select organization')} ${organization.name}`}\n                          />\n                        </td>\n                        <td className=\"px-6 py-4\">\n                          <div className=\"flex items-start gap-3\">\n                            {organization.logo ? (\n                              <img\n                                src={organization.logo}\n                                alt={`${organization.name} ${tr('common.logo', 'logo')}`}\n                                className=\"h-10 w-10 rounded-lg object-cover\"\n                              />\n                            ) : (\n                              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-[var(--color-action-primary-bg)]/12 font-semibold text-[var(--color-action-primary-bg)]\">\n                                {organization.name[0]}\n                              </div>\n                            )}\n                            <div className=\"min-w-0\">\n                              <p className=\"font-medium text-[var(--color-text-primary)]\">\n                                {organization.name}\n                              </p>\n                              <p className=\"break-all font-mono text-sm text-[var(--color-text-muted)]\">\n                                /{organization.slug}\n                              </p>\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <OrganizationStatusBadge status={organization.status} />\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-[var(--color-text-primary)]\">\n                          {organization.workspaceCount ?? 0}\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n                          {formatDate(organization.createdAt)}\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <div className=\"flex items-center justify-end gap-2\">\n                            <button\n                              onClick={() => navigate(`${basePath}/${organization.id}`)}\n                              className=\"rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]\"\n                              title={`${tr('common.view', 'View')} ${organization.name}`}\n                              aria-label={`${tr('common.view', 'View')} ${organization.name}`}\n                            >\n                              <Eye size={18} aria-hidden=\"true\" />\n                            </button>\n                            {hasPermission(PERMISSIONS.ORG_UPDATE) && (\n                              <button\n                                onClick={() => navigate(`${basePath}/${organization.id}/edit`)}\n                                className=\"rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]\"\n                                title={`${tr('common.edit', 'Edit')} ${organization.name}`}\n                                aria-label={`${tr('common.edit', 'Edit')} ${organization.name}`}\n                              >\n                                <SquarePen size={18} aria-hidden=\"true\" />\n                              </button>\n                            )}\n                            {hasPermission(PERMISSIONS.ORG_DELETE) && (\n                              <button\n                                onClick={() => handleDelete(organization.id, organization.name)}\n                                disabled={deleteLoading}\n                                className=\"rounded-lg p-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                                title={`${tr('common.delete', 'Delete')} ${organization.name}`}\n                                aria-label={`${tr('common.delete', 'Delete')} ${organization.name}`}\n                              >\n                                <Trash2 size={18} aria-hidden=\"true\" />\n                              </button>\n                            )}\n                          </div>\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </div>\n          </>\n        )}\n      </div>\n\n      {ConfirmDialog}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/workspaces/components/WorkspaceForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceForm.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/workspaces/components/WorkspaceForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAMtF,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG,oBAAoB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,wBAAgC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,kBAAkB,2CAiapB"}
+{"version":3,"file":"WorkspaceForm.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/workspaces/components/WorkspaceForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAOtF,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG,oBAAoB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,wBAAgC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,kBAAkB,2CA8bpB"}