@burdenoff/microfe-organization 2026.518.3 → 2026.520.1

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceForm.js","names":[],"sources":["../../../../../src/organization-management/modules/workspaces/components/WorkspaceForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Building, Home, Loader2 } from 'lucide-react';\nimport { ZodError } from 'zod';\nimport type { CreateWorkspaceInput, UpdateWorkspaceInput, Workspace } from '../types';\nimport { createWorkspaceSchema, updateWorkspaceSchema } from '../schemas';\nimport { useOrganizations } from '../../organizations/hooks/useOrganizations';\nimport { useTenants } from '../hooks/useWorkspaces';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface WorkspaceFormProps {\n  workspace?: Workspace | null;\n  tenantId?: string;\n  tenantName?: string;\n  organizationId?: string;\n  organizationName?: string;\n  showOrganizationSelector?: boolean;\n  onSubmit: (data: CreateWorkspaceInput | UpdateWorkspaceInput) => Promise<void>;\n  onCancel: () => void;\n  loading?: boolean;\n}\n\nexport function WorkspaceForm({\n  workspace,\n  tenantId,\n  tenantName,\n  organizationId,\n  organizationName,\n  showOrganizationSelector = false,\n  onSubmit,\n  onCancel,\n  loading,\n}: WorkspaceFormProps) {\n  const tr = useTr();\n  const [formData, setFormData] = useState({\n    name: workspace?.name || '',\n    slug: workspace?.slug || '',\n    type: workspace?.type || 'PERSONAL',\n    tenantId: tenantId || workspace?.tenantId || '',\n    organizationId: organizationId || workspace?.organizationId || '',\n  });\n\n  const [errors, setErrors] = useState<Record<string, string>>({});\n\n  const shouldLoadTenants = !workspace && showOrganizationSelector && !tenantId;\n  const shouldLoadOrganizations = !workspace && showOrganizationSelector && !organizationId;\n\n  const { tenants, loading: tenantsLoading } = useTenants(100, 0, shouldLoadTenants);\n  const { organizations, loading: organizationsLoading } = useOrganizations(\n    formData.tenantId ? { tenantId: formData.tenantId } : undefined,\n    100,\n    0,\n    shouldLoadOrganizations\n  );\n\n  useEffect(() => {\n    if (tenantId && tenantId !== formData.tenantId) {\n      setFormData((previousState) => ({ ...previousState, tenantId }));\n    }\n  }, [formData.tenantId, tenantId]);\n\n  useEffect(() => {\n    if (organizationId && organizationId !== formData.organizationId) {\n      setFormData((previousState) => ({ ...previousState, organizationId }));\n    }\n  }, [formData.organizationId, organizationId]);\n\n  useEffect(() => {\n    if (!showOrganizationSelector || organizationId || workspace) {\n      return;\n    }\n\n    setFormData((previousState) => {\n      if (!previousState.organizationId) {\n        return previousState;\n      }\n\n      const hasMatchingOrganization = organizations.some(\n        (organization) => organization.id === previousState.organizationId\n      );\n\n      if (hasMatchingOrganization) {\n        return previousState;\n      }\n\n      return { ...previousState, organizationId: '' };\n    });\n  }, [organizationId, organizations, showOrganizationSelector, workspace]);\n\n  const selectedTenantLabel = useMemo(() => {\n    if (tenantName) return tenantName;\n\n    const selectedTenant = tenants.find((tenant) => tenant.id === formData.tenantId);\n    return selectedTenant?.name ?? formData.tenantId;\n  }, [formData.tenantId, tenantName, tenants]);\n\n  const selectedOrganizationLabel = useMemo(() => {\n    if (organizationName) return organizationName;\n\n    const selectedOrganization = organizations.find(\n      (organization) => organization.id === formData.organizationId\n    );\n    return selectedOrganization?.name ?? formData.organizationId;\n  }, [formData.organizationId, organizationName, organizations]);\n\n  const validate = () => {\n    try {\n      const schema = workspace ? updateWorkspaceSchema : createWorkspaceSchema;\n      schema.parse(formData);\n      setErrors({});\n      return true;\n    } catch (validationError) {\n      if (validationError instanceof ZodError) {\n        const nextErrors: Record<string, string> = {};\n        validationError.issues.forEach((issue) => {\n          const path = issue.path.join('.');\n          nextErrors[path] = issue.message;\n        });\n        setErrors(nextErrors);\n      }\n\n      return false;\n    }\n  };\n\n  const handleSubmit = async (event: React.FormEvent) => {\n    event.preventDefault();\n\n    if (!validate()) {\n      return;\n    }\n\n    const submitData = workspace\n      ? {\n          name: formData.name !== workspace.name ? formData.name : undefined,\n          type: formData.type !== workspace.type ? formData.type : undefined,\n        }\n      : {\n          tenantId: formData.tenantId,\n          organizationId: formData.organizationId,\n          name: formData.name,\n          slug: formData.slug,\n          type: formData.type || undefined,\n        };\n\n    await onSubmit(submitData);\n  };\n\n  return (\n    <form onSubmit={handleSubmit} className=\"space-y-6\">\n      {!workspace ? (\n        <>\n          <div>\n            <label\n              htmlFor=\"tenantId\"\n              className=\"mb-1 block text-sm font-medium text-[var(--color-text-primary)]\"\n            >\n              {tr('organizations.form.tenant', 'Tenant')}{' '}\n              <span className=\"text-[var(--color-status-error-text)]\">*</span>\n            </label>\n\n            {showOrganizationSelector && !tenantId ? (\n              <div className=\"relative\">\n                <select\n                  id=\"tenantId\"\n                  value={formData.tenantId}\n                  onChange={(event) =>\n                    setFormData((previousState) => ({\n                      ...previousState,\n                      tenantId: event.target.value,\n                      organizationId: '',\n                    }))\n                  }\n                  className=\"w-full appearance-none rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] py-2 pl-10 pr-10 text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n                  disabled={loading || tenantsLoading}\n                  required\n                >\n                  <option value=\"\">\n                    {tr('workspaces.form.selectTenant', 'Select a tenant...')}\n                  </option>\n                  {tenants.map((tenant) => (\n                    <option key={tenant.id} value={tenant.id}>\n                      {tenant.name} ({tenant.slug})\n                    </option>\n                  ))}\n                </select>\n                <Home\n                  size={18}\n                  className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\"\n                />\n                <div className=\"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\">\n                  <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M19 9l-7 7-7-7\"\n                    />\n                  </svg>\n                </div>\n                {tenantsLoading ? (\n                  <div className=\"absolute right-10 top-1/2 -translate-y-1/2\">\n                    <Loader2 size={16} className=\"animate-spin text-[var(--color-text-muted)]\" />\n                  </div>\n                ) : null}\n              </div>\n            ) : (\n              <div className=\"relative\">\n                <input\n                  id=\"tenantId\"\n                  type=\"text\"\n                  value={selectedTenantLabel}\n                  onChange={(event) =>\n                    setFormData((previousState) => ({\n                      ...previousState,\n                      tenantId: event.target.value,\n                    }))\n                  }\n                  className=\"w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] py-2 pl-10 pr-4 text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n                  placeholder={tr('organizations.form.tenantPlaceholder', 'Enter tenant ID')}\n                  disabled={loading || Boolean(tenantId)}\n                  required\n                  autoComplete=\"off\"\n                />\n                <Home\n                  size={18}\n                  className=\"absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\"\n                />\n              </div>\n            )}\n\n            {(tenantId || formData.tenantId) && (\n              <p className=\"mt-1 text-xs text-[var(--color-text-muted)]\">\n                {tr(\n                  'workspaces.form.creatingUnderTenant',\n                  'Creating workspace under the selected tenant.'\n                )}\n              </p>\n            )}\n            {errors.tenantId ? (\n              <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">\n                {errors.tenantId}\n              </p>\n            ) : null}\n          </div>\n\n          <div>\n            <label\n              htmlFor=\"organizationId\"\n              className=\"mb-1 block text-sm font-medium text-[var(--color-text-primary)]\"\n            >\n              {tr('common.organization', 'Organization')}{' '}\n              <span className=\"text-[var(--color-status-error-text)]\">*</span>\n            </label>\n\n            {showOrganizationSelector && !organizationId ? (\n              <div className=\"relative\">\n                <select\n                  id=\"organizationId\"\n                  value={formData.organizationId}\n                  onChange={(event) =>\n                    setFormData((previousState) => ({\n                      ...previousState,\n                      organizationId: event.target.value,\n                    }))\n                  }\n                  className=\"w-full appearance-none rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] py-2 pl-10 pr-10 text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n                  disabled={loading || organizationsLoading || !formData.tenantId}\n                  required\n                >\n                  <option value=\"\">\n                    {formData.tenantId\n                      ? tr('workspaces.form.selectOrganization', 'Select an organization...')\n                      : tr('workspaces.form.selectTenantFirst', 'Select a tenant first')}\n                  </option>\n                  {organizations.map((organization) => (\n                    <option key={organization.id} value={organization.id}>\n                      {organization.name} ({organization.slug})\n                    </option>\n                  ))}\n                </select>\n                <Building\n                  size={18}\n                  className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\"\n                />\n                <div className=\"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\">\n                  <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M19 9l-7 7-7-7\"\n                    />\n                  </svg>\n                </div>\n                {organizationsLoading ? (\n                  <div className=\"absolute right-10 top-1/2 -translate-y-1/2\">\n                    <Loader2 size={16} className=\"animate-spin text-[var(--color-text-muted)]\" />\n                  </div>\n                ) : null}\n              </div>\n            ) : (\n              <div className=\"relative\">\n                <input\n                  id=\"organizationId\"\n                  type=\"text\"\n                  value={selectedOrganizationLabel}\n                  onChange={(event) =>\n                    setFormData((previousState) => ({\n                      ...previousState,\n                      organizationId: event.target.value,\n                    }))\n                  }\n                  className=\"w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] py-2 pl-10 pr-4 text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n                  placeholder={tr('workspaces.form.orgIdPlaceholder', 'Enter organization ID')}\n                  disabled={loading || Boolean(organizationId)}\n                  required\n                  autoComplete=\"off\"\n                />\n                <Building\n                  size={18}\n                  className=\"absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\"\n                />\n              </div>\n            )}\n\n            {(organizationId || formData.organizationId) && (\n              <p className=\"mt-1 text-xs text-[var(--color-text-muted)]\">\n                {tr(\n                  'workspaces.form.creatingUnderOrg',\n                  'Creating workspace under the selected organization.'\n                )}\n              </p>\n            )}\n            {errors.organizationId ? (\n              <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">\n                {errors.organizationId}\n              </p>\n            ) : null}\n          </div>\n        </>\n      ) : null}\n\n      <div>\n        <label\n          htmlFor=\"name\"\n          className=\"mb-1 block text-sm font-medium text-[var(--color-text-primary)]\"\n        >\n          {tr('workspaces.form.name', 'Workspace Name')}{' '}\n          <span className=\"text-[var(--color-status-error-text)]\">*</span>\n        </label>\n        <input\n          id=\"name\"\n          type=\"text\"\n          value={formData.name}\n          onChange={(event) =>\n            setFormData((previousState) => ({ ...previousState, name: event.target.value }))\n          }\n          className=\"w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n          placeholder={tr('workspaces.form.namePlaceholder', 'Enter workspace name')}\n          disabled={loading}\n          required\n          autoComplete=\"organization-title\"\n        />\n        {errors.name ? (\n          <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">{errors.name}</p>\n        ) : null}\n      </div>\n\n      <div>\n        <label\n          htmlFor=\"slug\"\n          className=\"mb-1 block text-sm font-medium text-[var(--color-text-primary)]\"\n        >\n          {tr('common.slug', 'Slug')}{' '}\n          <span className=\"text-[var(--color-status-error-text)]\">*</span>\n        </label>\n        <input\n          id=\"slug\"\n          type=\"text\"\n          value={formData.slug}\n          onChange={(event) =>\n            setFormData((previousState) => ({\n              ...previousState,\n              slug: event.target.value.toLowerCase().replace(/\\s+/g, '-'),\n            }))\n          }\n          className=\"w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n          placeholder={tr('workspaces.form.slugPlaceholder', 'workspace-slug')}\n          disabled={loading || Boolean(workspace)}\n          required={!workspace}\n          autoComplete=\"off\"\n        />\n        <p className=\"mt-1 text-xs text-[var(--color-text-muted)]\">\n          {tr(\n            'organizations.form.slugImmutable',\n            'Lowercase letters, numbers, and hyphens only. Cannot be changed after creation.'\n          )}\n        </p>\n        {errors.slug ? (\n          <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">{errors.slug}</p>\n        ) : null}\n      </div>\n\n      <div>\n        <label\n          htmlFor=\"type\"\n          className=\"mb-1 block text-sm font-medium text-[var(--color-text-primary)]\"\n        >\n          {tr('workspaces.list.column.type', 'Type')}\n        </label>\n        <select\n          id=\"type\"\n          value={formData.type}\n          onChange={(event) =>\n            setFormData((previousState) => ({ ...previousState, type: event.target.value }))\n          }\n          className=\"w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n          disabled={loading}\n        >\n          <option value=\"PERSONAL\">{tr('workspaces.type.personal', 'Personal')}</option>\n          <option value=\"TEAM\">{tr('workspaces.type.team', 'Team')}</option>\n          <option value=\"ENTERPRISE\">{tr('workspaces.type.enterprise', 'Enterprise')}</option>\n        </select>\n      </div>\n\n      <div className=\"flex flex-col gap-3 border-t border-[var(--color-border-default)] pt-4 sm:flex-row\">\n        <button\n          type=\"submit\"\n          disabled={loading}\n          className=\"inline-flex items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-6 py-2.5 font-medium text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 hover:scale-[1.02] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 sm:min-w-[220px]\"\n        >\n          {loading ? <Loader2 size={16} className=\"animate-spin\" /> : null}\n          {workspace\n            ? tr('workspaces.form.updateSubmit', 'Update Workspace')\n            : tr('workspaces.create.button', 'Create Workspace')}\n        </button>\n\n        <button\n          type=\"button\"\n          onClick={onCancel}\n          disabled={loading}\n          className=\"rounded-lg border border-[var(--color-border-default)] bg-transparent px-6 py-2.5 font-medium text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 sm:min-w-[140px]\"\n        >\n          {tr('common.cancel', 'Cancel')}\n        </button>\n      </div>\n    </form>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkspaceForm.js","names":[],"sources":["../../../../../src/organization-management/modules/workspaces/components/WorkspaceForm.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Building, Home, Loader2 } from 'lucide-react';\nimport { ZodError } from 'zod';\nimport type { CreateWorkspaceInput, UpdateWorkspaceInput, Workspace } from '../types';\nimport { createWorkspaceSchema, updateWorkspaceSchema } from '../schemas';\nimport { useOrganizations } from '../../organizations/hooks/useOrganizations';\nimport { useOrgsWithPermission } from '../../organizations/hooks/useOrgsWithPermission';\nimport { useTenants } from '../hooks/useWorkspaces';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ninterface WorkspaceFormProps {\n  workspace?: Workspace | null;\n  tenantId?: string;\n  tenantName?: string;\n  organizationId?: string;\n  organizationName?: string;\n  showOrganizationSelector?: boolean;\n  onSubmit: (data: CreateWorkspaceInput | UpdateWorkspaceInput) => Promise<void>;\n  onCancel: () => void;\n  loading?: boolean;\n}\n\nexport function WorkspaceForm({\n  workspace,\n  tenantId,\n  tenantName,\n  organizationId,\n  organizationName,\n  showOrganizationSelector = false,\n  onSubmit,\n  onCancel,\n  loading,\n}: WorkspaceFormProps) {\n  const tr = useTr();\n  const [formData, setFormData] = useState({\n    name: workspace?.name || '',\n    slug: workspace?.slug || '',\n    type: workspace?.type || 'PERSONAL',\n    tenantId: tenantId || workspace?.tenantId || '',\n    organizationId: organizationId || workspace?.organizationId || '',\n  });\n\n  const [errors, setErrors] = useState<Record<string, string>>({});\n\n  const shouldLoadTenants = !workspace && showOrganizationSelector && !tenantId;\n  const shouldLoadOrganizations = !workspace && showOrganizationSelector && !organizationId;\n\n  const { tenants, loading: tenantsLoading } = useTenants(100, 0, shouldLoadTenants);\n  const { organizations, loading: organizationsLoading } = useOrganizations(\n    formData.tenantId ? { tenantId: formData.tenantId } : undefined,\n    100,\n    0,\n    shouldLoadOrganizations\n  );\n\n  // Hide orgs where the user can't actually create a workspace, so the\n  // dropdown only surfaces options the gateway @rbac(workspace:create) will\n  // accept. Membership alone isn't enough — a Viewer of an org is a member\n  // but has workspace=VIEWER (no create). The bulk checkPermissions call is\n  // one round-trip regardless of how many orgs are on the list.\n  const allOrgIds = useMemo(\n    () => organizations.map((organization) => organization.id),\n    [organizations]\n  );\n  const { allowedIds: workspaceCreateAllowedOrgIds, loading: permissionCheckLoading } =\n    useOrgsWithPermission(allOrgIds, 'workspace', 'create');\n  const filterByPermission = !workspace && showOrganizationSelector && !organizationId;\n  const permittedOrganizations = useMemo(\n    () =>\n      filterByPermission\n        ? organizations.filter((organization) => workspaceCreateAllowedOrgIds.has(organization.id))\n        : organizations,\n    [organizations, workspaceCreateAllowedOrgIds, filterByPermission]\n  );\n\n  useEffect(() => {\n    if (tenantId && tenantId !== formData.tenantId) {\n      setFormData((previousState) => ({ ...previousState, tenantId }));\n    }\n  }, [formData.tenantId, tenantId]);\n\n  useEffect(() => {\n    if (organizationId && organizationId !== formData.organizationId) {\n      setFormData((previousState) => ({ ...previousState, organizationId }));\n    }\n  }, [formData.organizationId, organizationId]);\n\n  useEffect(() => {\n    if (!showOrganizationSelector || organizationId || workspace) {\n      return;\n    }\n\n    setFormData((previousState) => {\n      if (!previousState.organizationId) {\n        return previousState;\n      }\n\n      const hasMatchingOrganization = permittedOrganizations.some(\n        (organization) => organization.id === previousState.organizationId\n      );\n\n      if (hasMatchingOrganization) {\n        return previousState;\n      }\n\n      return { ...previousState, organizationId: '' };\n    });\n  }, [organizationId, permittedOrganizations, showOrganizationSelector, workspace]);\n\n  const selectedTenantLabel = useMemo(() => {\n    if (tenantName) return tenantName;\n\n    const selectedTenant = tenants.find((tenant) => tenant.id === formData.tenantId);\n    return selectedTenant?.name ?? formData.tenantId;\n  }, [formData.tenantId, tenantName, tenants]);\n\n  const selectedOrganizationLabel = useMemo(() => {\n    if (organizationName) return organizationName;\n\n    const selectedOrganization = permittedOrganizations.find(\n      (organization) => organization.id === formData.organizationId\n    );\n    return selectedOrganization?.name ?? formData.organizationId;\n  }, [formData.organizationId, organizationName, permittedOrganizations]);\n\n  const validate = () => {\n    try {\n      const schema = workspace ? updateWorkspaceSchema : createWorkspaceSchema;\n      schema.parse(formData);\n      setErrors({});\n      return true;\n    } catch (validationError) {\n      if (validationError instanceof ZodError) {\n        const nextErrors: Record<string, string> = {};\n        validationError.issues.forEach((issue) => {\n          const path = issue.path.join('.');\n          nextErrors[path] = issue.message;\n        });\n        setErrors(nextErrors);\n      }\n\n      return false;\n    }\n  };\n\n  const handleSubmit = async (event: React.FormEvent) => {\n    event.preventDefault();\n\n    if (!validate()) {\n      return;\n    }\n\n    const submitData = workspace\n      ? {\n          name: formData.name !== workspace.name ? formData.name : undefined,\n          type: formData.type !== workspace.type ? formData.type : undefined,\n        }\n      : {\n          tenantId: formData.tenantId,\n          organizationId: formData.organizationId,\n          name: formData.name,\n          slug: formData.slug,\n          type: formData.type || undefined,\n        };\n\n    await onSubmit(submitData);\n  };\n\n  return (\n    <form onSubmit={handleSubmit} className=\"space-y-6\">\n      {!workspace ? (\n        <>\n          <div>\n            <label\n              htmlFor=\"tenantId\"\n              className=\"mb-1 block text-sm font-medium text-[var(--color-text-primary)]\"\n            >\n              {tr('organizations.form.tenant', 'Tenant')}{' '}\n              <span className=\"text-[var(--color-status-error-text)]\">*</span>\n            </label>\n\n            {showOrganizationSelector && !tenantId ? (\n              <div className=\"relative\">\n                <select\n                  id=\"tenantId\"\n                  value={formData.tenantId}\n                  onChange={(event) =>\n                    setFormData((previousState) => ({\n                      ...previousState,\n                      tenantId: event.target.value,\n                      organizationId: '',\n                    }))\n                  }\n                  className=\"w-full appearance-none rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] py-2 pl-10 pr-10 text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n                  disabled={loading || tenantsLoading}\n                  required\n                >\n                  <option value=\"\">\n                    {tr('workspaces.form.selectTenant', 'Select a tenant...')}\n                  </option>\n                  {tenants.map((tenant) => (\n                    <option key={tenant.id} value={tenant.id}>\n                      {tenant.name} ({tenant.slug})\n                    </option>\n                  ))}\n                </select>\n                <Home\n                  size={18}\n                  className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\"\n                />\n                <div className=\"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\">\n                  <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M19 9l-7 7-7-7\"\n                    />\n                  </svg>\n                </div>\n                {tenantsLoading ? (\n                  <div className=\"absolute right-10 top-1/2 -translate-y-1/2\">\n                    <Loader2 size={16} className=\"animate-spin text-[var(--color-text-muted)]\" />\n                  </div>\n                ) : null}\n              </div>\n            ) : (\n              <div className=\"relative\">\n                <input\n                  id=\"tenantId\"\n                  type=\"text\"\n                  value={selectedTenantLabel}\n                  onChange={(event) =>\n                    setFormData((previousState) => ({\n                      ...previousState,\n                      tenantId: event.target.value,\n                    }))\n                  }\n                  className=\"w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] py-2 pl-10 pr-4 text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n                  placeholder={tr('organizations.form.tenantPlaceholder', 'Enter tenant ID')}\n                  disabled={loading || Boolean(tenantId)}\n                  required\n                  autoComplete=\"off\"\n                />\n                <Home\n                  size={18}\n                  className=\"absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\"\n                />\n              </div>\n            )}\n\n            {(tenantId || formData.tenantId) && (\n              <p className=\"mt-1 text-xs text-[var(--color-text-muted)]\">\n                {tr(\n                  'workspaces.form.creatingUnderTenant',\n                  'Creating workspace under the selected tenant.'\n                )}\n              </p>\n            )}\n            {errors.tenantId ? (\n              <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">\n                {errors.tenantId}\n              </p>\n            ) : null}\n          </div>\n\n          <div>\n            <label\n              htmlFor=\"organizationId\"\n              className=\"mb-1 block text-sm font-medium text-[var(--color-text-primary)]\"\n            >\n              {tr('common.organization', 'Organization')}{' '}\n              <span className=\"text-[var(--color-status-error-text)]\">*</span>\n            </label>\n\n            {showOrganizationSelector && !organizationId ? (\n              <div className=\"relative\">\n                <select\n                  id=\"organizationId\"\n                  value={formData.organizationId}\n                  onChange={(event) =>\n                    setFormData((previousState) => ({\n                      ...previousState,\n                      organizationId: event.target.value,\n                    }))\n                  }\n                  className=\"w-full appearance-none rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] py-2 pl-10 pr-10 text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n                  disabled={\n                    loading || organizationsLoading || permissionCheckLoading || !formData.tenantId\n                  }\n                  required\n                >\n                  <option value=\"\">\n                    {!formData.tenantId\n                      ? tr('workspaces.form.selectTenantFirst', 'Select a tenant first')\n                      : permittedOrganizations.length === 0 &&\n                          !organizationsLoading &&\n                          !permissionCheckLoading\n                        ? tr(\n                            'workspaces.form.noOrganizationsAvailable',\n                            'No organizations available — you need workspace create permission'\n                          )\n                        : tr('workspaces.form.selectOrganization', 'Select an organization...')}\n                  </option>\n                  {permittedOrganizations.map((organization) => (\n                    <option key={organization.id} value={organization.id}>\n                      {organization.name} ({organization.slug})\n                    </option>\n                  ))}\n                </select>\n                <Building\n                  size={18}\n                  className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\"\n                />\n                <div className=\"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\">\n                  <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M19 9l-7 7-7-7\"\n                    />\n                  </svg>\n                </div>\n                {organizationsLoading || permissionCheckLoading ? (\n                  <div className=\"absolute right-10 top-1/2 -translate-y-1/2\">\n                    <Loader2 size={16} className=\"animate-spin text-[var(--color-text-muted)]\" />\n                  </div>\n                ) : null}\n              </div>\n            ) : (\n              <div className=\"relative\">\n                <input\n                  id=\"organizationId\"\n                  type=\"text\"\n                  value={selectedOrganizationLabel}\n                  onChange={(event) =>\n                    setFormData((previousState) => ({\n                      ...previousState,\n                      organizationId: event.target.value,\n                    }))\n                  }\n                  className=\"w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] py-2 pl-10 pr-4 text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n                  placeholder={tr('workspaces.form.orgIdPlaceholder', 'Enter organization ID')}\n                  disabled={loading || Boolean(organizationId)}\n                  required\n                  autoComplete=\"off\"\n                />\n                <Building\n                  size={18}\n                  className=\"absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-muted)]\"\n                />\n              </div>\n            )}\n\n            {(organizationId || formData.organizationId) && (\n              <p className=\"mt-1 text-xs text-[var(--color-text-muted)]\">\n                {tr(\n                  'workspaces.form.creatingUnderOrg',\n                  'Creating workspace under the selected organization.'\n                )}\n              </p>\n            )}\n            {errors.organizationId ? (\n              <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">\n                {errors.organizationId}\n              </p>\n            ) : null}\n          </div>\n        </>\n      ) : null}\n\n      <div>\n        <label\n          htmlFor=\"name\"\n          className=\"mb-1 block text-sm font-medium text-[var(--color-text-primary)]\"\n        >\n          {tr('workspaces.form.name', 'Workspace Name')}{' '}\n          <span className=\"text-[var(--color-status-error-text)]\">*</span>\n        </label>\n        <input\n          id=\"name\"\n          type=\"text\"\n          value={formData.name}\n          onChange={(event) =>\n            setFormData((previousState) => ({ ...previousState, name: event.target.value }))\n          }\n          className=\"w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n          placeholder={tr('workspaces.form.namePlaceholder', 'Enter workspace name')}\n          disabled={loading}\n          required\n          autoComplete=\"organization-title\"\n        />\n        {errors.name ? (\n          <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">{errors.name}</p>\n        ) : null}\n      </div>\n\n      <div>\n        <label\n          htmlFor=\"slug\"\n          className=\"mb-1 block text-sm font-medium text-[var(--color-text-primary)]\"\n        >\n          {tr('common.slug', 'Slug')}{' '}\n          <span className=\"text-[var(--color-status-error-text)]\">*</span>\n        </label>\n        <input\n          id=\"slug\"\n          type=\"text\"\n          value={formData.slug}\n          onChange={(event) =>\n            setFormData((previousState) => ({\n              ...previousState,\n              slug: event.target.value.toLowerCase().replace(/\\s+/g, '-'),\n            }))\n          }\n          className=\"w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-[var(--color-text-primary)] placeholder:text-[var(--color-text-muted)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n          placeholder={tr('workspaces.form.slugPlaceholder', 'workspace-slug')}\n          disabled={loading || Boolean(workspace)}\n          required={!workspace}\n          autoComplete=\"off\"\n        />\n        <p className=\"mt-1 text-xs text-[var(--color-text-muted)]\">\n          {tr(\n            'organizations.form.slugImmutable',\n            'Lowercase letters, numbers, and hyphens only. Cannot be changed after creation.'\n          )}\n        </p>\n        {errors.slug ? (\n          <p className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">{errors.slug}</p>\n        ) : null}\n      </div>\n\n      <div>\n        <label\n          htmlFor=\"type\"\n          className=\"mb-1 block text-sm font-medium text-[var(--color-text-primary)]\"\n        >\n          {tr('workspaces.list.column.type', 'Type')}\n        </label>\n        <select\n          id=\"type\"\n          value={formData.type}\n          onChange={(event) =>\n            setFormData((previousState) => ({ ...previousState, type: event.target.value }))\n          }\n          className=\"w-full rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-[var(--color-border-focus)] disabled:cursor-not-allowed disabled:bg-[var(--color-bg-muted)]\"\n          disabled={loading}\n        >\n          <option value=\"PERSONAL\">{tr('workspaces.type.personal', 'Personal')}</option>\n          <option value=\"TEAM\">{tr('workspaces.type.team', 'Team')}</option>\n          <option value=\"ENTERPRISE\">{tr('workspaces.type.enterprise', 'Enterprise')}</option>\n        </select>\n      </div>\n\n      <div className=\"flex flex-col gap-3 border-t border-[var(--color-border-default)] pt-4 sm:flex-row\">\n        <button\n          type=\"submit\"\n          disabled={loading}\n          className=\"inline-flex items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-6 py-2.5 font-medium text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90 hover:scale-[1.02] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 sm:min-w-[220px]\"\n        >\n          {loading ? <Loader2 size={16} className=\"animate-spin\" /> : null}\n          {workspace\n            ? tr('workspaces.form.updateSubmit', 'Update Workspace')\n            : tr('workspaces.create.button', 'Create Workspace')}\n        </button>\n\n        <button\n          type=\"button\"\n          onClick={onCancel}\n          disabled={loading}\n          className=\"rounded-lg border border-[var(--color-border-default)] bg-transparent px-6 py-2.5 font-medium text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 sm:min-w-[140px]\"\n        >\n          {tr('common.cancel', 'Cancel')}\n        </button>\n      </div>\n    </form>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/workspaces/pages/WorkspaceCreatePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceCreatePage.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspaceCreatePage.tsx"],"names":[],"mappings":"AAaA,wBAAgB,mBAAmB,4CAuHlC"}
+{"version":3,"file":"WorkspaceCreatePage.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspaceCreatePage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,mBAAmB,4CA6HlC"}

package/dist/organization-management/modules/workspaces/pages/WorkspaceCreatePage.js

@@ -3,80 +3,73 @@ import { toast as t } from "../../../../node_modules/sonner/dist/index.js";
 import { useOrganization as n } from "../../organizations/hooks/useOrganizations.js";
 import { useTr as r } from "../../../shared/hooks/useTr.js";
 import { LoadingState as i } from "../../../shared/components/feedback/LoadingState.js";
-import { PERMISSIONS as a } from "../../../constants/permissions.js";
-import { useCreateWorkspace as o } from "../hooks/useWorkspaces.js";
-import { WorkspaceForm as s } from "../components/WorkspaceForm.js";
-import { ArrowLeft as c } from "lucide-react";
-import { usePermissions as l } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useSearchParams as f } from "react-router-dom";
+import { useCreateWorkspace as a } from "../hooks/useWorkspaces.js";
+import { WorkspaceForm as o } from "../components/WorkspaceForm.js";
+import { ArrowLeft as s } from "lucide-react";
+import { usePermissions as c } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useSearchParams as d } from "react-router-dom";
 //#region src/organization-management/modules/workspaces/pages/WorkspaceCreatePage.tsx
-function p() {
-	let p = r(), { navigate: m, basePath: h = "/organizations" } = e(), { hasPermission: g, isLoading: _ } = l(), { createWorkspace: v, loading: y } = o(), [b] = f(), x = b.get("organizationId") || void 0, { organization: S } = n(x || ""), C = async (e) => {
+function f() {
+	let f = r(), { navigate: p, basePath: m = "/organizations" } = e(), { isLoading: h } = c(), { createWorkspace: g, loading: _ } = a(), [v] = d(), y = v.get("organizationId") || void 0, { organization: b } = n(y || ""), x = async (e) => {
 		try {
-			let n = await v(e);
-			if (n.data?.createWorkspace) t.success(p("workspaces.create.success", "Workspace created successfully")), m(x ? `${h}/${x}` : `${h}/workspaces/${n.data.createWorkspace.id}`);
+			let n = await g(e);
+			if (n.data?.createWorkspace) t.success(f("workspaces.create.success", "Workspace created successfully")), p(y ? `${m}/${y}` : `${m}/workspaces/${n.data.createWorkspace.id}`);
 			else if (n.errors && n.errors.length > 0) {
-				let e = n.errors[0]?.message || p("workspaces.create.failed", "Failed to create workspace");
-				n.errors[0]?.extensions?.code === "UNAUTHENTICATED" ? t.error(p("common.authRequired", "Authentication required. Please log in again.")) : t.error(e);
+				let e = n.errors[0]?.message || f("workspaces.create.failed", "Failed to create workspace");
+				n.errors[0]?.extensions?.code === "UNAUTHENTICATED" ? t.error(f("common.authRequired", "Authentication required. Please log in again.")) : t.error(e);
 			}
 		} catch (e) {
-			let n = e instanceof Error ? e.message : p("common.unexpectedError", "An unexpected error occurred");
+			let n = e instanceof Error ? e.message : f("common.unexpectedError", "An unexpected error occurred");
 			t.error(n);
 		}
-	}, w = () => {
-		m(x ? `${h}/${x}` : `${h}/workspaces`);
+	}, S = () => {
+		p(y ? `${m}/${y}` : `${m}/workspaces`);
 	};
-	return _ ? /* @__PURE__ */ u("div", {
+	return h ? /* @__PURE__ */ l("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ u(i, { message: p("common.loadingPermissions", "Loading permissions...") })
-	}) : g(a.WORKSPACE_CREATE) ? /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ l(i, { message: f("common.loadingPermissions", "Loading permissions...") })
+	}) : /* @__PURE__ */ u("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-300",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ u("div", {
 			className: "mb-6",
 			children: [
-				/* @__PURE__ */ d("button", {
-					onClick: w,
+				/* @__PURE__ */ u("button", {
+					onClick: S,
 					className: "\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n            active:scale-[0.98]\n            transition-all duration-200\n          ",
-					children: [/* @__PURE__ */ u(c, { size: 20 }), /* @__PURE__ */ u("span", {
+					children: [/* @__PURE__ */ l(s, { size: 20 }), /* @__PURE__ */ l("span", {
 						className: "text-sm font-medium",
-						children: x ? `${p("common.backTo", "Back to")} ${S?.name || p("common.organization", "Organization")}` : p("workspaces.create.backToWorkspaces", "Back to Workspaces")
+						children: y ? `${f("common.backTo", "Back to")} ${b?.name || f("common.organization", "Organization")}` : f("workspaces.create.backToWorkspaces", "Back to Workspaces")
 					})]
 				}),
-				/* @__PURE__ */ u("h1", {
+				/* @__PURE__ */ l("h1", {
 					className: "text-3xl font-bold text-[var(--color-text-primary)] mb-2",
-					children: p("workspaces.create.title", "Create Workspace")
+					children: f("workspaces.create.title", "Create Workspace")
 				}),
-				/* @__PURE__ */ u("p", {
+				/* @__PURE__ */ l("p", {
 					className: "text-[var(--color-text-secondary)]",
-					children: x && S ? `${p("workspaces.create.subtitleForOrg", "Add a new workspace to")} ${S.name}` : p("workspaces.create.subtitle", "Add a new workspace to an organization")
+					children: y && b ? `${f("workspaces.create.subtitleForOrg", "Add a new workspace to")} ${b.name}` : f("workspaces.create.subtitle", "Add a new workspace to an organization")
 				})
 			]
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: "max-w-2xl",
-			children: /* @__PURE__ */ u("div", {
+			children: /* @__PURE__ */ l("div", {
 				className: "bg-[var(--color-bg-surface)] border border-[var(--color-border-default)] rounded-lg p-6 shadow-[var(--shadow-elevation-1)]",
-				children: /* @__PURE__ */ u(s, {
-					tenantId: S?.tenantId,
-					tenantName: S?.tenantId,
-					organizationId: x,
-					organizationName: S?.name,
-					showOrganizationSelector: !x,
-					onSubmit: C,
-					onCancel: w,
-					loading: y
+				children: /* @__PURE__ */ l(o, {
+					tenantId: b?.tenantId,
+					tenantName: b?.tenantId,
+					organizationId: y,
+					organizationName: b?.name,
+					showOrganizationSelector: !y,
+					onSubmit: x,
+					onCancel: S,
+					loading: _
 				})
 			})
 		})]
-	}) : /* @__PURE__ */ u("div", {
-		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ u("div", {
-			className: "p-8 text-center text-[var(--color-text-secondary)]",
-			children: p("workspaces.create.noPermission", "You don't have permission to create workspaces.")
-		})
 	});
 }
 //#endregion
-export { p as WorkspaceCreatePage };
+export { f as WorkspaceCreatePage };
 
 //# sourceMappingURL=WorkspaceCreatePage.js.map

package/dist/organization-management/modules/workspaces/pages/WorkspaceCreatePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceCreatePage.js","names":[],"sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspaceCreatePage.tsx"],"sourcesContent":["import { ArrowLeft } from 'lucide-react';\nimport { useSearchParams } from 'react-router-dom';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useCreateWorkspace } from '../hooks/useWorkspaces';\nimport { useOrganization } from '../../organizations/hooks/useOrganizations';\nimport { WorkspaceForm } from '../components/WorkspaceForm';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport type { CreateWorkspaceInput, UpdateWorkspaceInput } from '../types';\n\nexport function WorkspaceCreatePage() {\n  const tr = useTr();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const { createWorkspace, loading } = useCreateWorkspace();\n  const [searchParams] = useSearchParams();\n\n  // Get organizationId from URL query params (e.g., ?organizationId=xxx)\n  const organizationIdFromUrl = searchParams.get('organizationId') || undefined;\n\n  // Fetch organization details if ID is provided (to show org name and get tenantId)\n  const { organization } = useOrganization(organizationIdFromUrl || '');\n\n  const handleSubmit = async (data: CreateWorkspaceInput | UpdateWorkspaceInput) => {\n    try {\n      const createData = data as CreateWorkspaceInput;\n      const result = await createWorkspace(createData);\n      if (result.data?.createWorkspace) {\n        toast.success(tr('workspaces.create.success', 'Workspace created successfully'));\n        if (organizationIdFromUrl) {\n          navigate(`${basePath}/${organizationIdFromUrl}`);\n        } else {\n          navigate(`${basePath}/workspaces/${result.data.createWorkspace.id}`);\n        }\n      } else if (result.errors && result.errors.length > 0) {\n        // Handle GraphQL errors returned in result\n        const errorMessage =\n          result.errors[0]?.message || tr('workspaces.create.failed', 'Failed to create workspace');\n        const errorCode = result.errors[0]?.extensions?.code;\n\n        if (errorCode === 'UNAUTHENTICATED') {\n          toast.error(tr('common.authRequired', 'Authentication required. Please log in again.'));\n        } else {\n          toast.error(errorMessage);\n        }\n      }\n    } catch (error) {\n      const errorMessage =\n        error instanceof Error\n          ? error.message\n          : tr('common.unexpectedError', 'An unexpected error occurred');\n      toast.error(errorMessage);\n    }\n  };\n\n  const handleCancel = () => {\n    // Navigate back to organization if came from there, otherwise to workspaces list\n    if (organizationIdFromUrl) {\n      navigate(`${basePath}/${organizationIdFromUrl}`);\n    } else {\n      navigate(`${basePath}/workspaces`);\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  if (!hasPermission(PERMISSIONS.WORKSPACE_CREATE)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr('workspaces.create.noPermission', \"You don't have permission to create workspaces.\")}\n        </div>\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=\"mb-6\">\n        <button\n          onClick={handleCancel}\n          className=\"\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n            active:scale-[0.98]\n            transition-all duration-200\n          \"\n        >\n          <ArrowLeft size={20} />\n          <span className=\"text-sm font-medium\">\n            {organizationIdFromUrl\n              ? `${tr('common.backTo', 'Back to')} ${organization?.name || tr('common.organization', 'Organization')}`\n              : tr('workspaces.create.backToWorkspaces', 'Back to Workspaces')}\n          </span>\n        </button>\n\n        <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)] mb-2\">\n          {tr('workspaces.create.title', 'Create Workspace')}\n        </h1>\n        <p className=\"text-[var(--color-text-secondary)]\">\n          {organizationIdFromUrl && organization\n            ? `${tr('workspaces.create.subtitleForOrg', 'Add a new workspace to')} ${organization.name}`\n            : tr('workspaces.create.subtitle', 'Add a new workspace to an organization')}\n        </p>\n      </div>\n\n      <div className=\"max-w-2xl\">\n        <div className=\"bg-[var(--color-bg-surface)] border border-[var(--color-border-default)] rounded-lg p-6 shadow-[var(--shadow-elevation-1)]\">\n          <WorkspaceForm\n            tenantId={organization?.tenantId}\n            tenantName={organization?.tenantId}\n            organizationId={organizationIdFromUrl}\n            organizationName={organization?.name}\n            showOrganizationSelector={!organizationIdFromUrl}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n            loading={loading}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,IAAsB;CACpC,IAAM,IAAK,GAAO,EACZ,EAAE,aAAU,cAAW,qBAAqB,GAAe,EAC3D,EAAE,kBAAe,WAAW,MAAuB,GAAgB,EACnE,EAAE,oBAAiB,eAAY,GAAoB,EACnD,CAAC,KAAgB,GAAiB,EAGlC,IAAwB,EAAa,IAAI,iBAAiB,IAAI,KAAA,GAG9D,EAAE,oBAAiB,EAAgB,KAAyB,GAAG,EAE/D,IAAe,OAAO,MAAsD;AAChF,MAAI;GAEF,IAAM,IAAS,MAAM,EADF,EAC6B;AAChD,OAAI,EAAO,MAAM,gBAEf,CADA,EAAM,QAAQ,EAAG,6BAA6B,iCAAiC,CAAC,EAE9E,EADE,IACO,GAAG,EAAS,GAAG,MAEf,GAAG,EAAS,cAAc,EAAO,KAAK,gBAAgB,KAAK;YAE7D,EAAO,UAAU,EAAO,OAAO,SAAS,GAAG;IAEpD,IAAM,IACJ,EAAO,OAAO,IAAI,WAAW,EAAG,4BAA4B,6BAA6B;AAG3F,IAFkB,EAAO,OAAO,IAAI,YAAY,SAE9B,oBAChB,EAAM,MAAM,EAAG,uBAAuB,gDAAgD,CAAC,GAEvF,EAAM,MAAM,EAAa;;WAGtB,GAAO;GACd,IAAM,IACJ,aAAiB,QACb,EAAM,UACN,EAAG,0BAA0B,+BAA+B;AAClE,KAAM,MAAM,EAAa;;IAIvB,UAAqB;AAEzB,EACE,EADE,IACO,GAAG,EAAS,GAAG,MAEf,GAAG,EAAS,aAAa;;AAsBtC,QAlBI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,6BAA6B,yBAAyB,EAAI,CAAA;EAChF,CAAA,GAIL,EAAc,EAAY,iBAAiB,GAW9C,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eAFZ,CAUE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACvB,kBAAC,QAAD;MAAM,WAAU;gBACb,IACG,GAAG,EAAG,iBAAiB,UAAU,CAAC,GAAG,GAAc,QAAQ,EAAG,uBAAuB,eAAe,KACpG,EAAG,sCAAsC,qBAAqB;MAC7D,CAAA,CACA;;IAET,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,2BAA2B,mBAAmB;KAC/C,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,KAAyB,IACtB,GAAG,EAAG,oCAAoC,yBAAyB,CAAC,GAAG,EAAa,SACpF,EAAG,8BAA8B,yCAAyC;KAC5E,CAAA;IACA;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,UAAU,GAAc;KACxB,YAAY,GAAc;KAC1B,gBAAgB;KAChB,kBAAkB,GAAc;KAChC,0BAA0B,CAAC;KAC3B,UAAU;KACV,UAAU;KACD;KACT,CAAA;IACE,CAAA;GACF,CAAA,CACF;MArDJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAG,kCAAkC,kDAAkD;GACpF,CAAA;EACF,CAAA"}
+{"version":3,"file":"WorkspaceCreatePage.js","names":[],"sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspaceCreatePage.tsx"],"sourcesContent":["import { ArrowLeft } from 'lucide-react';\nimport { useSearchParams } from 'react-router-dom';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useCreateWorkspace } from '../hooks/useWorkspaces';\nimport { useOrganization } from '../../organizations/hooks/useOrganizations';\nimport { WorkspaceForm } from '../components/WorkspaceForm';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport type { CreateWorkspaceInput, UpdateWorkspaceInput } from '../types';\n\nexport function WorkspaceCreatePage() {\n  const tr = useTr();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  // `usePermissions` is still used for the permissionsLoading gate below\n  // even though the static workspace:create page-level guard was removed\n  // (see comment further down) — keep the hook call so the loading\n  // skeleton still waits for the provider to settle before mounting the\n  // form.\n  const { isLoading: permissionsLoading } = usePermissions();\n  const { createWorkspace, loading } = useCreateWorkspace();\n  const [searchParams] = useSearchParams();\n\n  // Get organizationId from URL query params (e.g., ?organizationId=xxx)\n  const organizationIdFromUrl = searchParams.get('organizationId') || undefined;\n\n  // Fetch organization details if ID is provided (to show org name and get tenantId)\n  const { organization } = useOrganization(organizationIdFromUrl || '');\n\n  const handleSubmit = async (data: CreateWorkspaceInput | UpdateWorkspaceInput) => {\n    try {\n      const createData = data as CreateWorkspaceInput;\n      const result = await createWorkspace(createData);\n      if (result.data?.createWorkspace) {\n        toast.success(tr('workspaces.create.success', 'Workspace created successfully'));\n        if (organizationIdFromUrl) {\n          navigate(`${basePath}/${organizationIdFromUrl}`);\n        } else {\n          navigate(`${basePath}/workspaces/${result.data.createWorkspace.id}`);\n        }\n      } else if (result.errors && result.errors.length > 0) {\n        // Handle GraphQL errors returned in result\n        const errorMessage =\n          result.errors[0]?.message || tr('workspaces.create.failed', 'Failed to create workspace');\n        const errorCode = result.errors[0]?.extensions?.code;\n\n        if (errorCode === 'UNAUTHENTICATED') {\n          toast.error(tr('common.authRequired', 'Authentication required. Please log in again.'));\n        } else {\n          toast.error(errorMessage);\n        }\n      }\n    } catch (error) {\n      const errorMessage =\n        error instanceof Error\n          ? error.message\n          : tr('common.unexpectedError', 'An unexpected error occurred');\n      toast.error(errorMessage);\n    }\n  };\n\n  const handleCancel = () => {\n    // Navigate back to organization if came from there, otherwise to workspaces list\n    if (organizationIdFromUrl) {\n      navigate(`${basePath}/${organizationIdFromUrl}`);\n    } else {\n      navigate(`${basePath}/workspaces`);\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  // NOTE: deliberately NOT gating on hasPermission(WORKSPACE_CREATE) at the\n  // page level. `usePermissions()` here resolves at the outer tenant scope\n  // (from OrgConsoleProvider), and `workspace:create` is an org-scope\n  // permission — a user who is Owner of even one org would be incorrectly\n  // denied entry to the form. WorkspaceForm's organization dropdown is\n  // permission-filtered (only orgs where the user actually has\n  // workspace:create are listed), and the backend @rbac directive on the\n  // createWorkspace mutation is the authoritative enforcement point. If a\n  // user has no orgs they can create a workspace in, the dropdown will\n  // surface that message and submit will stay disabled.\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=\"mb-6\">\n        <button\n          onClick={handleCancel}\n          className=\"\n            inline-flex items-center gap-2 mb-4\n            text-[var(--color-text-secondary)]\n            hover:text-[var(--color-text-primary)]\n            active:scale-[0.98]\n            transition-all duration-200\n          \"\n        >\n          <ArrowLeft size={20} />\n          <span className=\"text-sm font-medium\">\n            {organizationIdFromUrl\n              ? `${tr('common.backTo', 'Back to')} ${organization?.name || tr('common.organization', 'Organization')}`\n              : tr('workspaces.create.backToWorkspaces', 'Back to Workspaces')}\n          </span>\n        </button>\n\n        <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)] mb-2\">\n          {tr('workspaces.create.title', 'Create Workspace')}\n        </h1>\n        <p className=\"text-[var(--color-text-secondary)]\">\n          {organizationIdFromUrl && organization\n            ? `${tr('workspaces.create.subtitleForOrg', 'Add a new workspace to')} ${organization.name}`\n            : tr('workspaces.create.subtitle', 'Add a new workspace to an organization')}\n        </p>\n      </div>\n\n      <div className=\"max-w-2xl\">\n        <div className=\"bg-[var(--color-bg-surface)] border border-[var(--color-border-default)] rounded-lg p-6 shadow-[var(--shadow-elevation-1)]\">\n          <WorkspaceForm\n            tenantId={organization?.tenantId}\n            tenantName={organization?.tenantId}\n            organizationId={organizationIdFromUrl}\n            organizationName={organization?.name}\n            showOrganizationSelector={!organizationIdFromUrl}\n            onSubmit={handleSubmit}\n            onCancel={handleCancel}\n            loading={loading}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAYA,SAAgB,IAAsB;CACpC,IAAM,IAAK,GAAO,EACZ,EAAE,aAAU,cAAW,qBAAqB,GAAe,EAM3D,EAAE,WAAW,MAAuB,GAAgB,EACpD,EAAE,oBAAiB,eAAY,GAAoB,EACnD,CAAC,KAAgB,GAAiB,EAGlC,IAAwB,EAAa,IAAI,iBAAiB,IAAI,KAAA,GAG9D,EAAE,oBAAiB,EAAgB,KAAyB,GAAG,EAE/D,IAAe,OAAO,MAAsD;AAChF,MAAI;GAEF,IAAM,IAAS,MAAM,EADF,EAC6B;AAChD,OAAI,EAAO,MAAM,gBAEf,CADA,EAAM,QAAQ,EAAG,6BAA6B,iCAAiC,CAAC,EAE9E,EADE,IACO,GAAG,EAAS,GAAG,MAEf,GAAG,EAAS,cAAc,EAAO,KAAK,gBAAgB,KAAK;YAE7D,EAAO,UAAU,EAAO,OAAO,SAAS,GAAG;IAEpD,IAAM,IACJ,EAAO,OAAO,IAAI,WAAW,EAAG,4BAA4B,6BAA6B;AAG3F,IAFkB,EAAO,OAAO,IAAI,YAAY,SAE9B,oBAChB,EAAM,MAAM,EAAG,uBAAuB,gDAAgD,CAAC,GAEvF,EAAM,MAAM,EAAa;;WAGtB,GAAO;GACd,IAAM,IACJ,aAAiB,QACb,EAAM,UACN,EAAG,0BAA0B,+BAA+B;AAClE,KAAM,MAAM,EAAa;;IAIvB,UAAqB;AAEzB,EACE,EADE,IACO,GAAG,EAAS,GAAG,MAEf,GAAG,EAAS,aAAa;;AAuBtC,QAnBI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,6BAA6B,yBAAyB,EAAI,CAAA;EAChF,CAAA,GAgBR,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,SAAS;KACT,WAAU;eAFZ,CAUE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACvB,kBAAC,QAAD;MAAM,WAAU;gBACb,IACG,GAAG,EAAG,iBAAiB,UAAU,CAAC,GAAG,GAAc,QAAQ,EAAG,uBAAuB,eAAe,KACpG,EAAG,sCAAsC,qBAAqB;MAC7D,CAAA,CACA;;IAET,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,2BAA2B,mBAAmB;KAC/C,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,KAAyB,IACtB,GAAG,EAAG,oCAAoC,yBAAyB,CAAC,GAAG,EAAa,SACpF,EAAG,8BAA8B,yCAAyC;KAC5E,CAAA;IACA;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,UAAU,GAAc;KACxB,YAAY,GAAc;KAC1B,gBAAgB;KAChB,kBAAkB,GAAc;KAChC,0BAA0B,CAAC;KAC3B,UAAU;KACV,UAAU;KACD;KACT,CAAA;IACE,CAAA;GACF,CAAA,CACF"}

package/dist/organization-management/modules/workspaces/pages/WorkspacesListPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspacesListPage.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspacesListPage.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,kBAAkB,4CAwhBjC"}
+{"version":3,"file":"WorkspacesListPage.d.ts","sourceRoot":"","sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspacesListPage.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,kBAAkB,4CAmiBjC"}

package/dist/organization-management/modules/workspaces/pages/WorkspacesListPage.js

@@ -245,11 +245,11 @@ function O() {
 							"aria-hidden": "true"
 						}),
 						title: O("workspaces.list.emptyNoneTitle", "No workspaces found"),
-						description: O("workspaces.list.emptyNoneDescription", "Create a workspace to start mapping members, organization ownership, and collaboration settings."),
-						action: {
+						description: j(c.WORKSPACE_CREATE) ? O("workspaces.list.emptyNoneDescription", "Create a workspace to start mapping members, organization ownership, and collaboration settings.") : O("workspaces.list.emptyNoneDescriptionViewer", "No workspaces have been created yet."),
+						action: j(c.WORKSPACE_CREATE) ? {
 							label: O("workspaces.create.button", "Create Workspace"),
 							onClick: () => k(`${A}/workspaces/new`)
-						}
+						} : void 0
 					})
 				}) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
 					className: "grid gap-4 md:hidden",

package/dist/organization-management/modules/workspaces/pages/WorkspacesListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspacesListPage.js","names":[],"sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspacesListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Briefcase, Eye, Plus, RefreshCw, SquarePen, Trash2 } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useDeleteWorkspace, useWorkspaces } from '../hooks/useWorkspaces';\nimport { WorkspaceStatusBadge } from '../components/WorkspaceStatusBadge';\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 type { WorkspaceFilterInput } from '../types';\nimport { WorkspaceStatus } from '../types';\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\nexport function WorkspacesListPage() {\n  const tr = useTr();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const [searchQuery, setSearchQuery] = useState('');\n  const debouncedSearchQuery = useDebouncedValue(searchQuery, 300);\n  const [filter, setFilter] = useState<WorkspaceFilterInput>({});\n  const [selectedWorkspaceIds, setSelectedWorkspaceIds] = useState<Set<string>>(new Set());\n  const { openConfirmDialog, ConfirmDialog } = useConfirmDialog();\n\n  const { workspaces, loading, error, refetch } = useWorkspaces(\n    { ...filter, search: debouncedSearchQuery || undefined },\n    20,\n    0\n  );\n\n  const { deleteWorkspace, loading: deleteLoading } = useDeleteWorkspace();\n\n  useEffect(() => {\n    setSelectedWorkspaceIds((previousSelection) => {\n      const visibleIds = new Set(workspaces.map((workspace) => workspace.id));\n      const nextSelection = new Set(\n        [...previousSelection].filter((workspaceId) => visibleIds.has(workspaceId))\n      );\n\n      if (nextSelection.size === previousSelection.size) {\n        return previousSelection;\n      }\n\n      return nextSelection;\n    });\n  }, [workspaces]);\n\n  const selectedWorkspaces = useMemo(\n    () => workspaces.filter((workspace) => selectedWorkspaceIds.has(workspace.id)),\n    [selectedWorkspaceIds, workspaces]\n  );\n\n  const allVisibleSelected =\n    workspaces.length > 0 &&\n    workspaces.every((workspace) => selectedWorkspaceIds.has(workspace.id));\n  const partiallySelected =\n    workspaces.some((workspace) => selectedWorkspaceIds.has(workspace.id)) && !allVisibleSelected;\n\n  const executeSuspend = async (workspaceIds: string[]) => {\n    try {\n      const results = await Promise.allSettled(\n        workspaceIds.map(async (workspaceId) => {\n          const result = await deleteWorkspace(workspaceId);\n          if (result.errors?.length) {\n            throw new Error(\n              result.errors[0]?.message ??\n                tr('workspaces.suspend.failed', 'Failed to suspend workspace')\n            );\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      setSelectedWorkspaceIds(new Set());\n      await refetch();\n      const successMsg =\n        workspaceIds.length === 1\n          ? tr('workspaces.suspend.successSingle', 'Workspace suspended successfully')\n          : `${workspaceIds.length} ${tr('workspaces.suspend.successMany', 'workspaces suspended successfully')}`;\n      toast.success(successMsg);\n      void nativeNotify('success');\n      if (isNative()) void nativeToast(successMsg);\n    } catch (suspendError) {\n      const errorMsg =\n        suspendError instanceof Error\n          ? suspendError.message\n          : tr('workspaces.suspend.failed', 'Failed to suspend workspace');\n      toast.error(errorMsg);\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(errorMsg);\n    }\n  };\n\n  const handleDelete = (workspaceId: string, workspaceName: string) => {\n    nativeImpact('medium');\n    const title = tr('workspaces.suspend.title', 'Suspend workspace');\n    const description = `${tr('workspaces.suspend.prefix', 'Suspend')} ${workspaceName}? ${tr(\n      'workspaces.suspend.suffix',\n      'Workspace members will lose access until it is reactivated.'\n    )}`;\n    void nativeConfirm({\n      title,\n      message: description,\n      okButtonTitle: tr('workspaces.suspend.confirm', 'Suspend'),\n    }).then((nativeResult) => {\n      if (nativeResult === null) {\n        openConfirmDialog({\n          title,\n          description,\n          confirmText: tr('workspaces.suspend.confirm', 'Suspend'),\n          variant: 'warning',\n          onConfirm: () => {\n            void executeSuspend([workspaceId]);\n          },\n        });\n      } else if (nativeResult) {\n        void executeSuspend([workspaceId]);\n      }\n    });\n  };\n\n  const handleBulkDelete = () => {\n    if (selectedWorkspaces.length === 0) return;\n\n    openConfirmDialog({\n      title: tr('workspaces.suspend.bulkTitle', 'Suspend selected workspaces'),\n      description: `${tr('workspaces.suspend.prefix', 'Suspend')} ${selectedWorkspaces.length} ${tr(\n        selectedWorkspaces.length === 1\n          ? 'workspaces.suspend.bulkSuffixSingle'\n          : 'workspaces.suspend.bulkSuffixMany',\n        selectedWorkspaces.length === 1 ? 'selected workspace?' : 'selected workspaces?'\n      )}`,\n      confirmText: `${tr('workspaces.suspend.confirm', 'Suspend')} ${selectedWorkspaces.length}`,\n      variant: 'warning',\n      onConfirm: () => {\n        void executeSuspend(selectedWorkspaces.map((workspace) => workspace.id));\n      },\n    });\n  };\n\n  const toggleWorkspaceSelection = (workspaceId: string, checked: boolean) => {\n    setSelectedWorkspaceIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      if (checked) {\n        nextSelection.add(workspaceId);\n      } else {\n        nextSelection.delete(workspaceId);\n      }\n      return nextSelection;\n    });\n  };\n\n  const toggleAllWorkspaces = (checked: boolean) => {\n    setSelectedWorkspaceIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      workspaces.forEach((workspace) => {\n        if (checked) {\n          nextSelection.add(workspace.id);\n        } else {\n          nextSelection.delete(workspace.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  if (!hasPermission(PERMISSIONS.WORKSPACE_LIST)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr('workspaces.list.noPermission', \"You don't have permission to view workspaces.\")}\n        </div>\n      </div>\n    );\n  }\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('workspaces.list.loading', 'Loading workspaces...')} />\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('workspaces.list.title', 'Workspaces')}\n            </h1>\n            <p className=\"max-w-2xl text-[var(--color-text-secondary)]\">\n              {tr(\n                'workspaces.list.subtitle',\n                'Manage organization workspaces, review their status, and open the workspace detail flow.'\n              )}\n            </p>\n          </div>\n\n          {hasPermission(PERMISSIONS.WORKSPACE_CREATE) && (\n            <button\n              onClick={() => navigate(`${basePath}/workspaces/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('workspaces.create.button', 'Create Workspace')}\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 lg:flex-row lg:items-center\">\n            <SearchInput\n              value={searchQuery}\n              onChange={setSearchQuery}\n              placeholder={tr('workspaces.list.searchPlaceholder', 'Search workspaces...')}\n              label={tr('workspaces.list.searchLabel', 'Search workspaces')}\n              inputId=\"workspaces-search\"\n              className=\"flex-1\"\n            />\n\n            <label className=\"flex min-h-11 min-w-[180px] flex-col justify-center rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-sm text-[var(--color-text-secondary)]\">\n              <span className=\"sr-only\">\n                {tr('workspaces.list.filterByStatus', 'Filter by workspace status')}\n              </span>\n              <select\n                value={filter.status || ''}\n                onChange={(event) =>\n                  setFilter({\n                    ...filter,\n                    status: event.target.value\n                      ? (event.target.value as WorkspaceStatus)\n                      : undefined,\n                  })\n                }\n                className=\"bg-transparent text-[var(--color-text-primary)] focus:outline-none\"\n                aria-label={tr('workspaces.list.filterByStatus', 'Filter by workspace status')}\n              >\n                <option value=\"\">{tr('workspaces.list.allStatuses', 'All statuses')}</option>\n                <option value={WorkspaceStatus.ACTIVE}>\n                  {tr('workspaces.status.active', 'Active')}\n                </option>\n                <option value={WorkspaceStatus.INACTIVE}>\n                  {tr('workspaces.status.inactive', 'Inactive')}\n                </option>\n                <option value={WorkspaceStatus.ARCHIVED}>\n                  {tr('workspaces.status.archived', 'Archived')}\n                </option>\n              </select>\n            </label>\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('workspaces.list.refresh', 'Refresh workspaces')}\n              title={tr('workspaces.list.refresh', 'Refresh workspaces')}\n            >\n              <RefreshCw size={18} aria-hidden=\"true\" />\n            </button>\n          </div>\n\n          {workspaces.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={toggleAllWorkspaces}\n                    ariaLabel={tr('workspaces.list.selectAll', 'Select all workspaces')}\n                  />\n                  <span>{tr('common.selectAllVisible', 'Select all visible')}</span>\n                </label>\n\n                {selectedWorkspaceIds.size > 0 ? (\n                  <button\n                    onClick={() => setSelectedWorkspaceIds(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                  {selectedWorkspaceIds.size} {tr('common.selected', 'selected')}\n                </span>\n                {hasPermission(PERMISSIONS.WORKSPACE_DELETE) && (\n                  <button\n                    onClick={handleBulkDelete}\n                    disabled={selectedWorkspaces.length === 0 || deleteLoading}\n                    className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-status-warning-border)] px-3 py-2 text-[var(--color-status-warning-text)] transition-all duration-200 hover:bg-[var(--color-status-warning-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <Trash2 size={16} aria-hidden=\"true\" />\n                    <span>{tr('workspaces.list.suspendSelected', 'Suspend Selected')}</span>\n                    {selectedWorkspaces.length > 0 ? (\n                      <span>({selectedWorkspaces.length})</span>\n                    ) : null}\n                  </button>\n                )}\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {workspaces.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            <EmptyState\n              icon={<Briefcase size={40} aria-hidden=\"true\" />}\n              title={tr('workspaces.list.emptyNoneTitle', 'No workspaces found')}\n              description={tr(\n                'workspaces.list.emptyNoneDescription',\n                'Create a workspace to start mapping members, organization ownership, and collaboration settings.'\n              )}\n              action={{\n                label: tr('workspaces.create.button', 'Create Workspace'),\n                onClick: () => navigate(`${basePath}/workspaces/new`),\n              }}\n            />\n          </div>\n        ) : (\n          <>\n            <div className=\"grid gap-4 md:hidden\">\n              {workspaces.map((workspace) => (\n                <article\n                  key={workspace.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={selectedWorkspaceIds.has(workspace.id)}\n                      onChange={(checked) => toggleWorkspaceSelection(workspace.id, checked)}\n                      ariaLabel={`${tr('workspaces.list.selectOne', 'Select workspace')} ${workspace.name}`}\n                    />\n\n                    <div className=\"min-w-0 flex-1 space-y-3\">\n                      <div>\n                        <div className=\"flex flex-wrap items-start gap-2\">\n                          <h2 className=\"text-base font-semibold text-[var(--color-text-primary)]\">\n                            {workspace.name}\n                          </h2>\n                          <WorkspaceStatusBadge status={workspace.status} />\n                          <span className=\"inline-flex items-center rounded-md bg-[var(--color-bg-subtle)] px-2 py-1 text-xs font-medium text-[var(--color-text-secondary)]\">\n                            {workspace.type}\n                          </span>\n                        </div>\n                        <p className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-muted)]\">\n                          /{workspace.slug}\n                        </p>\n                      </div>\n\n                      <dl className=\"grid grid-cols-2 gap-3 text-sm\">\n                        <div>\n                          <dt className=\"text-[var(--color-text-secondary)]\">\n                            {tr('workspaces.list.members', 'Members')}\n                          </dt>\n                          <dd className=\"font-medium text-[var(--color-text-primary)]\">\n                            {workspace.memberCount ?? 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(workspace.createdAt)}\n                          </dd>\n                        </div>\n                      </dl>\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}/workspaces/${workspace.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.WORKSPACE_UPDATE) && (\n                      <button\n                        onClick={() => navigate(`${basePath}/workspaces/${workspace.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.WORKSPACE_DELETE) && (\n                      <button\n                        onClick={() => handleDelete(workspace.id, workspace.name)}\n                        disabled={deleteLoading}\n                        className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-warning-border)] px-3 py-2 text-sm text-[var(--color-status-warning-text)] transition-all duration-200 hover:bg-[var(--color-status-warning-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                      >\n                        <Trash2 size={16} aria-hidden=\"true\" />\n                        {tr('workspaces.suspend.confirm', 'Suspend')}\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={toggleAllWorkspaces}\n                          ariaLabel={tr('workspaces.list.selectAll', 'Select all workspaces')}\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('workspaces.list.column.workspace', 'Workspace')}\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('workspaces.list.column.type', 'Type')}\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                    {workspaces.map((workspace) => (\n                      <tr\n                        key={workspace.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={selectedWorkspaceIds.has(workspace.id)}\n                            onChange={(checked) => toggleWorkspaceSelection(workspace.id, checked)}\n                            ariaLabel={`${tr('workspaces.list.selectOne', 'Select workspace')} ${workspace.name}`}\n                          />\n                        </td>\n                        <td className=\"px-6 py-4\">\n                          <div>\n                            <p className=\"font-medium text-[var(--color-text-primary)]\">\n                              {workspace.name}\n                            </p>\n                            <p className=\"break-all font-mono text-sm text-[var(--color-text-muted)]\">\n                              /{workspace.slug}\n                            </p>\n                          </div>\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <WorkspaceStatusBadge status={workspace.status} />\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <span className=\"inline-flex items-center rounded-md bg-[var(--color-bg-subtle)] px-2 py-1 text-xs font-medium text-[var(--color-text-secondary)]\">\n                            {workspace.type}\n                          </span>\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n                          {formatDate(workspace.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}/workspaces/${workspace.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')} ${workspace.name}`}\n                              aria-label={`${tr('common.view', 'View')} ${workspace.name}`}\n                            >\n                              <Eye size={18} aria-hidden=\"true\" />\n                            </button>\n                            {hasPermission(PERMISSIONS.WORKSPACE_UPDATE) && (\n                              <button\n                                onClick={() =>\n                                  navigate(`${basePath}/workspaces/${workspace.id}/edit`)\n                                }\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')} ${workspace.name}`}\n                                aria-label={`${tr('common.edit', 'Edit')} ${workspace.name}`}\n                              >\n                                <SquarePen size={18} aria-hidden=\"true\" />\n                              </button>\n                            )}\n                            {hasPermission(PERMISSIONS.WORKSPACE_DELETE) && (\n                              <button\n                                onClick={() => handleDelete(workspace.id, workspace.name)}\n                                disabled={deleteLoading}\n                                className=\"rounded-lg p-2 text-[var(--color-status-warning-text)] transition-all duration-200 hover:bg-[var(--color-status-warning-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                                title={`${tr('workspaces.suspend.confirm', 'Suspend')} ${workspace.name}`}\n                                aria-label={`${tr('workspaces.suspend.confirm', 'Suspend')} ${workspace.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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"}
+{"version":3,"file":"WorkspacesListPage.js","names":[],"sources":["../../../../../src/organization-management/modules/workspaces/pages/WorkspacesListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Briefcase, Eye, Plus, RefreshCw, SquarePen, Trash2 } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useDeleteWorkspace, useWorkspaces } from '../hooks/useWorkspaces';\nimport { WorkspaceStatusBadge } from '../components/WorkspaceStatusBadge';\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 type { WorkspaceFilterInput } from '../types';\nimport { WorkspaceStatus } from '../types';\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\nexport function WorkspacesListPage() {\n  const tr = useTr();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const [searchQuery, setSearchQuery] = useState('');\n  const debouncedSearchQuery = useDebouncedValue(searchQuery, 300);\n  const [filter, setFilter] = useState<WorkspaceFilterInput>({});\n  const [selectedWorkspaceIds, setSelectedWorkspaceIds] = useState<Set<string>>(new Set());\n  const { openConfirmDialog, ConfirmDialog } = useConfirmDialog();\n\n  const { workspaces, loading, error, refetch } = useWorkspaces(\n    { ...filter, search: debouncedSearchQuery || undefined },\n    20,\n    0\n  );\n\n  const { deleteWorkspace, loading: deleteLoading } = useDeleteWorkspace();\n\n  useEffect(() => {\n    setSelectedWorkspaceIds((previousSelection) => {\n      const visibleIds = new Set(workspaces.map((workspace) => workspace.id));\n      const nextSelection = new Set(\n        [...previousSelection].filter((workspaceId) => visibleIds.has(workspaceId))\n      );\n\n      if (nextSelection.size === previousSelection.size) {\n        return previousSelection;\n      }\n\n      return nextSelection;\n    });\n  }, [workspaces]);\n\n  const selectedWorkspaces = useMemo(\n    () => workspaces.filter((workspace) => selectedWorkspaceIds.has(workspace.id)),\n    [selectedWorkspaceIds, workspaces]\n  );\n\n  const allVisibleSelected =\n    workspaces.length > 0 &&\n    workspaces.every((workspace) => selectedWorkspaceIds.has(workspace.id));\n  const partiallySelected =\n    workspaces.some((workspace) => selectedWorkspaceIds.has(workspace.id)) && !allVisibleSelected;\n\n  const executeSuspend = async (workspaceIds: string[]) => {\n    try {\n      const results = await Promise.allSettled(\n        workspaceIds.map(async (workspaceId) => {\n          const result = await deleteWorkspace(workspaceId);\n          if (result.errors?.length) {\n            throw new Error(\n              result.errors[0]?.message ??\n                tr('workspaces.suspend.failed', 'Failed to suspend workspace')\n            );\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      setSelectedWorkspaceIds(new Set());\n      await refetch();\n      const successMsg =\n        workspaceIds.length === 1\n          ? tr('workspaces.suspend.successSingle', 'Workspace suspended successfully')\n          : `${workspaceIds.length} ${tr('workspaces.suspend.successMany', 'workspaces suspended successfully')}`;\n      toast.success(successMsg);\n      void nativeNotify('success');\n      if (isNative()) void nativeToast(successMsg);\n    } catch (suspendError) {\n      const errorMsg =\n        suspendError instanceof Error\n          ? suspendError.message\n          : tr('workspaces.suspend.failed', 'Failed to suspend workspace');\n      toast.error(errorMsg);\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(errorMsg);\n    }\n  };\n\n  const handleDelete = (workspaceId: string, workspaceName: string) => {\n    nativeImpact('medium');\n    const title = tr('workspaces.suspend.title', 'Suspend workspace');\n    const description = `${tr('workspaces.suspend.prefix', 'Suspend')} ${workspaceName}? ${tr(\n      'workspaces.suspend.suffix',\n      'Workspace members will lose access until it is reactivated.'\n    )}`;\n    void nativeConfirm({\n      title,\n      message: description,\n      okButtonTitle: tr('workspaces.suspend.confirm', 'Suspend'),\n    }).then((nativeResult) => {\n      if (nativeResult === null) {\n        openConfirmDialog({\n          title,\n          description,\n          confirmText: tr('workspaces.suspend.confirm', 'Suspend'),\n          variant: 'warning',\n          onConfirm: () => {\n            void executeSuspend([workspaceId]);\n          },\n        });\n      } else if (nativeResult) {\n        void executeSuspend([workspaceId]);\n      }\n    });\n  };\n\n  const handleBulkDelete = () => {\n    if (selectedWorkspaces.length === 0) return;\n\n    openConfirmDialog({\n      title: tr('workspaces.suspend.bulkTitle', 'Suspend selected workspaces'),\n      description: `${tr('workspaces.suspend.prefix', 'Suspend')} ${selectedWorkspaces.length} ${tr(\n        selectedWorkspaces.length === 1\n          ? 'workspaces.suspend.bulkSuffixSingle'\n          : 'workspaces.suspend.bulkSuffixMany',\n        selectedWorkspaces.length === 1 ? 'selected workspace?' : 'selected workspaces?'\n      )}`,\n      confirmText: `${tr('workspaces.suspend.confirm', 'Suspend')} ${selectedWorkspaces.length}`,\n      variant: 'warning',\n      onConfirm: () => {\n        void executeSuspend(selectedWorkspaces.map((workspace) => workspace.id));\n      },\n    });\n  };\n\n  const toggleWorkspaceSelection = (workspaceId: string, checked: boolean) => {\n    setSelectedWorkspaceIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      if (checked) {\n        nextSelection.add(workspaceId);\n      } else {\n        nextSelection.delete(workspaceId);\n      }\n      return nextSelection;\n    });\n  };\n\n  const toggleAllWorkspaces = (checked: boolean) => {\n    setSelectedWorkspaceIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      workspaces.forEach((workspace) => {\n        if (checked) {\n          nextSelection.add(workspace.id);\n        } else {\n          nextSelection.delete(workspace.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  if (!hasPermission(PERMISSIONS.WORKSPACE_LIST)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr('workspaces.list.noPermission', \"You don't have permission to view workspaces.\")}\n        </div>\n      </div>\n    );\n  }\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('workspaces.list.loading', 'Loading workspaces...')} />\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('workspaces.list.title', 'Workspaces')}\n            </h1>\n            <p className=\"max-w-2xl text-[var(--color-text-secondary)]\">\n              {tr(\n                'workspaces.list.subtitle',\n                'Manage organization workspaces, review their status, and open the workspace detail flow.'\n              )}\n            </p>\n          </div>\n\n          {hasPermission(PERMISSIONS.WORKSPACE_CREATE) && (\n            <button\n              onClick={() => navigate(`${basePath}/workspaces/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('workspaces.create.button', 'Create Workspace')}\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 lg:flex-row lg:items-center\">\n            <SearchInput\n              value={searchQuery}\n              onChange={setSearchQuery}\n              placeholder={tr('workspaces.list.searchPlaceholder', 'Search workspaces...')}\n              label={tr('workspaces.list.searchLabel', 'Search workspaces')}\n              inputId=\"workspaces-search\"\n              className=\"flex-1\"\n            />\n\n            <label className=\"flex min-h-11 min-w-[180px] flex-col justify-center rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-3 py-2 text-sm text-[var(--color-text-secondary)]\">\n              <span className=\"sr-only\">\n                {tr('workspaces.list.filterByStatus', 'Filter by workspace status')}\n              </span>\n              <select\n                value={filter.status || ''}\n                onChange={(event) =>\n                  setFilter({\n                    ...filter,\n                    status: event.target.value\n                      ? (event.target.value as WorkspaceStatus)\n                      : undefined,\n                  })\n                }\n                className=\"bg-transparent text-[var(--color-text-primary)] focus:outline-none\"\n                aria-label={tr('workspaces.list.filterByStatus', 'Filter by workspace status')}\n              >\n                <option value=\"\">{tr('workspaces.list.allStatuses', 'All statuses')}</option>\n                <option value={WorkspaceStatus.ACTIVE}>\n                  {tr('workspaces.status.active', 'Active')}\n                </option>\n                <option value={WorkspaceStatus.INACTIVE}>\n                  {tr('workspaces.status.inactive', 'Inactive')}\n                </option>\n                <option value={WorkspaceStatus.ARCHIVED}>\n                  {tr('workspaces.status.archived', 'Archived')}\n                </option>\n              </select>\n            </label>\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('workspaces.list.refresh', 'Refresh workspaces')}\n              title={tr('workspaces.list.refresh', 'Refresh workspaces')}\n            >\n              <RefreshCw size={18} aria-hidden=\"true\" />\n            </button>\n          </div>\n\n          {workspaces.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={toggleAllWorkspaces}\n                    ariaLabel={tr('workspaces.list.selectAll', 'Select all workspaces')}\n                  />\n                  <span>{tr('common.selectAllVisible', 'Select all visible')}</span>\n                </label>\n\n                {selectedWorkspaceIds.size > 0 ? (\n                  <button\n                    onClick={() => setSelectedWorkspaceIds(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                  {selectedWorkspaceIds.size} {tr('common.selected', 'selected')}\n                </span>\n                {hasPermission(PERMISSIONS.WORKSPACE_DELETE) && (\n                  <button\n                    onClick={handleBulkDelete}\n                    disabled={selectedWorkspaces.length === 0 || deleteLoading}\n                    className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-status-warning-border)] px-3 py-2 text-[var(--color-status-warning-text)] transition-all duration-200 hover:bg-[var(--color-status-warning-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <Trash2 size={16} aria-hidden=\"true\" />\n                    <span>{tr('workspaces.list.suspendSelected', 'Suspend Selected')}</span>\n                    {selectedWorkspaces.length > 0 ? (\n                      <span>({selectedWorkspaces.length})</span>\n                    ) : null}\n                  </button>\n                )}\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {workspaces.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            <EmptyState\n              icon={<Briefcase size={40} aria-hidden=\"true\" />}\n              title={tr('workspaces.list.emptyNoneTitle', 'No workspaces found')}\n              description={\n                hasPermission(PERMISSIONS.WORKSPACE_CREATE)\n                  ? tr(\n                      'workspaces.list.emptyNoneDescription',\n                      'Create a workspace to start mapping members, organization ownership, and collaboration settings.'\n                    )\n                  : tr(\n                      'workspaces.list.emptyNoneDescriptionViewer',\n                      'No workspaces have been created yet.'\n                    )\n              }\n              action={\n                hasPermission(PERMISSIONS.WORKSPACE_CREATE)\n                  ? {\n                      label: tr('workspaces.create.button', 'Create Workspace'),\n                      onClick: () => navigate(`${basePath}/workspaces/new`),\n                    }\n                  : undefined\n              }\n            />\n          </div>\n        ) : (\n          <>\n            <div className=\"grid gap-4 md:hidden\">\n              {workspaces.map((workspace) => (\n                <article\n                  key={workspace.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={selectedWorkspaceIds.has(workspace.id)}\n                      onChange={(checked) => toggleWorkspaceSelection(workspace.id, checked)}\n                      ariaLabel={`${tr('workspaces.list.selectOne', 'Select workspace')} ${workspace.name}`}\n                    />\n\n                    <div className=\"min-w-0 flex-1 space-y-3\">\n                      <div>\n                        <div className=\"flex flex-wrap items-start gap-2\">\n                          <h2 className=\"text-base font-semibold text-[var(--color-text-primary)]\">\n                            {workspace.name}\n                          </h2>\n                          <WorkspaceStatusBadge status={workspace.status} />\n                          <span className=\"inline-flex items-center rounded-md bg-[var(--color-bg-subtle)] px-2 py-1 text-xs font-medium text-[var(--color-text-secondary)]\">\n                            {workspace.type}\n                          </span>\n                        </div>\n                        <p className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-muted)]\">\n                          /{workspace.slug}\n                        </p>\n                      </div>\n\n                      <dl className=\"grid grid-cols-2 gap-3 text-sm\">\n                        <div>\n                          <dt className=\"text-[var(--color-text-secondary)]\">\n                            {tr('workspaces.list.members', 'Members')}\n                          </dt>\n                          <dd className=\"font-medium text-[var(--color-text-primary)]\">\n                            {workspace.memberCount ?? 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(workspace.createdAt)}\n                          </dd>\n                        </div>\n                      </dl>\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}/workspaces/${workspace.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.WORKSPACE_UPDATE) && (\n                      <button\n                        onClick={() => navigate(`${basePath}/workspaces/${workspace.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.WORKSPACE_DELETE) && (\n                      <button\n                        onClick={() => handleDelete(workspace.id, workspace.name)}\n                        disabled={deleteLoading}\n                        className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-warning-border)] px-3 py-2 text-sm text-[var(--color-status-warning-text)] transition-all duration-200 hover:bg-[var(--color-status-warning-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                      >\n                        <Trash2 size={16} aria-hidden=\"true\" />\n                        {tr('workspaces.suspend.confirm', 'Suspend')}\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={toggleAllWorkspaces}\n                          ariaLabel={tr('workspaces.list.selectAll', 'Select all workspaces')}\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('workspaces.list.column.workspace', 'Workspace')}\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('workspaces.list.column.type', 'Type')}\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                    {workspaces.map((workspace) => (\n                      <tr\n                        key={workspace.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={selectedWorkspaceIds.has(workspace.id)}\n                            onChange={(checked) => toggleWorkspaceSelection(workspace.id, checked)}\n                            ariaLabel={`${tr('workspaces.list.selectOne', 'Select workspace')} ${workspace.name}`}\n                          />\n                        </td>\n                        <td className=\"px-6 py-4\">\n                          <div>\n                            <p className=\"font-medium text-[var(--color-text-primary)]\">\n                              {workspace.name}\n                            </p>\n                            <p className=\"break-all font-mono text-sm text-[var(--color-text-muted)]\">\n                              /{workspace.slug}\n                            </p>\n                          </div>\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <WorkspaceStatusBadge status={workspace.status} />\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <span className=\"inline-flex items-center rounded-md bg-[var(--color-bg-subtle)] px-2 py-1 text-xs font-medium text-[var(--color-text-secondary)]\">\n                            {workspace.type}\n                          </span>\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n                          {formatDate(workspace.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}/workspaces/${workspace.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')} ${workspace.name}`}\n                              aria-label={`${tr('common.view', 'View')} ${workspace.name}`}\n                            >\n                              <Eye size={18} aria-hidden=\"true\" />\n                            </button>\n                            {hasPermission(PERMISSIONS.WORKSPACE_UPDATE) && (\n                              <button\n                                onClick={() =>\n                                  navigate(`${basePath}/workspaces/${workspace.id}/edit`)\n                                }\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')} ${workspace.name}`}\n                                aria-label={`${tr('common.edit', 'Edit')} ${workspace.name}`}\n                              >\n                                <SquarePen size={18} aria-hidden=\"true\" />\n                              </button>\n                            )}\n                            {hasPermission(PERMISSIONS.WORKSPACE_DELETE) && (\n                              <button\n                                onClick={() => handleDelete(workspace.id, workspace.name)}\n                                disabled={deleteLoading}\n                                className=\"rounded-lg p-2 text-[var(--color-status-warning-text)] transition-all duration-200 hover:bg-[var(--color-status-warning-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                                title={`${tr('workspaces.suspend.confirm', 'Suspend')} ${workspace.name}`}\n                                aria-label={`${tr('workspaces.suspend.confirm', 'Suspend')} ${workspace.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/providers/OrgScopedPermissions.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+
+/**
+ * Wrap a per-organization route's content with a `PermissionProvider`
+ * scoped to that organization's id.
+ *
+ * The outer `OrgConsoleProvider` mounts a tenant-scoped `PermissionProvider`,
+ * which is correct for tenant-wide pages (org list, create). On org-specific
+ * pages (detail, edit, members, workspaces) we need scope = the org's id so
+ * `hasPermission(...)` reflects the user's per-org role (Owner / Admin /
+ * Editor / Viewer) — assignments which live at the org's scope and would
+ * otherwise be invisible in a tenant-scoped query.
+ *
+ * Nested `PermissionProvider`s override the outer one for any consumer
+ * inside this subtree; global-scope roles (e.g. Authenticated User) still
+ * flow in via the rbac service's `[scopeId, 'global']` merge.
+ */
+export declare function OrgScopedPermissions({ organizationId, children, }: {
+    organizationId: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OrgScopedPermissions.d.ts.map

package/dist/organization-management/providers/OrgScopedPermissions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrgScopedPermissions.d.ts","sourceRoot":"","sources":["../../../src/organization-management/providers/OrgScopedPermissions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,cAAc,EACd,QAAQ,GACT,EAAE;IACD,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAMA"}

package/dist/organization-management/providers/OrgScopedPermissions.js

@@ -0,0 +1,14 @@
+import { PermissionProvider as e } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/organization-management/providers/OrgScopedPermissions.tsx
+function n({ organizationId: n, children: r }) {
+	return /* @__PURE__ */ t(e, {
+		scopeId: n,
+		gateway: "global",
+		children: r
+	});
+}
+//#endregion
+export { n as OrgScopedPermissions };
+
+//# sourceMappingURL=OrgScopedPermissions.js.map

package/dist/organization-management/providers/OrgScopedPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrgScopedPermissions.js","names":[],"sources":["../../../src/organization-management/providers/OrgScopedPermissions.tsx"],"sourcesContent":["import { PermissionProvider } from '@burdenoff/fe-libs/shared/providers/shell';\nimport type { ReactNode } from 'react';\n\n/**\n * Wrap a per-organization route's content with a `PermissionProvider`\n * scoped to that organization's id.\n *\n * The outer `OrgConsoleProvider` mounts a tenant-scoped `PermissionProvider`,\n * which is correct for tenant-wide pages (org list, create). On org-specific\n * pages (detail, edit, members, workspaces) we need scope = the org's id so\n * `hasPermission(...)` reflects the user's per-org role (Owner / Admin /\n * Editor / Viewer) — assignments which live at the org's scope and would\n * otherwise be invisible in a tenant-scoped query.\n *\n * Nested `PermissionProvider`s override the outer one for any consumer\n * inside this subtree; global-scope roles (e.g. Authenticated User) still\n * flow in via the rbac service's `[scopeId, 'global']` merge.\n */\nexport function OrgScopedPermissions({\n  organizationId,\n  children,\n}: {\n  organizationId: string;\n  children: ReactNode;\n}) {\n  return (\n    <PermissionProvider scopeId={organizationId} gateway=\"global\">\n      {children}\n    </PermissionProvider>\n  );\n}\n"],"mappings":";;;AAkBA,SAAgB,EAAqB,EACnC,mBACA,eAIC;AACD,QACE,kBAAC,GAAD;EAAoB,SAAS;EAAgB,SAAQ;EAClD;EACkB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-organization",
-  "version": "2026.518.3",
+  "version": "2026.520.1",
   "description": "Organization management microfrontend for Burdenoff products",
   "type": "module",
   "files": [
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@apollo/client": "^3.12.0",
-    "@burdenoff/fe-libs": "2026.512.1",
+    "@burdenoff/fe-libs": "2026.518.7",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
     "graphql": "^16.10.0",