fix(workers): Show public workspace UI for default org users

Users in taskflow-default-org-id (the public/shared workspace) now see
a friendly prompt to create a private organization instead of the team
management table. This prevents showing all platform users as "team members".

Changes:
- Detect if user's tenant_id is the default org
- Skip API call to /workers for default org users
- Show "Create Private Organization" CTA card instead

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: mjunaidca

apps/web/src/app/workers/page.tsx

@@ -45,8 +45,11 @@ interface OrgMember {
   has_project_access: boolean
 }
 
+// The default org contains all platform users - don't show team management for it
+const DEFAULT_ORG_ID = "taskflow-default-org-id"
+
 export default function WorkersPage() {
-  const { isLoading: authLoading, isAuthenticated } = useAuth()
+  const { isLoading: authLoading, isAuthenticated, user } = useAuth()
   const [orgMembers, setOrgMembers] = useState<OrgMember[]>([])
   const [projects, setProjects] = useState<ProjectRead[]>([])
   const [loading, setLoading] = useState(true)
@@ -55,12 +58,21 @@ export default function WorkersPage() {
   const [unassignedCount, setUnassignedCount] = useState(0)
   const [totalMembers, setTotalMembers] = useState(0)
 
+  // Check if user is in the default public org
+  const isDefaultOrg = user?.tenant_id === DEFAULT_ORG_ID
+
   useEffect(() => {
     // Wait for auth to be ready before making API calls
     if (authLoading || !isAuthenticated) {
       return
     }
 
+    // Don't fetch workers for default org - it contains all platform users
+    if (isDefaultOrg) {
+      setLoading(false)
+      return
+    }
+
     async function fetchData() {
       try {
         setLoading(true)
@@ -83,7 +95,7 @@ export default function WorkersPage() {
     }
 
     fetchData()
-  }, [authLoading, isAuthenticated])
+  }, [authLoading, isAuthenticated, isDefaultOrg])
 
   const handleAddToProject = async (userId: string, projectId: number) => {
     try {
@@ -127,6 +139,47 @@ export default function WorkersPage() {
     }
   }
 
+  // Show different UI for default org (public workspace)
+  if (isDefaultOrg) {
+    return (
+      <div className="space-y-6">
+        <div>
+          <h1 className="text-xl sm:text-2xl md:text-3xl font-bold tracking-tight">Team</h1>
+          <p className="text-muted-foreground mt-1 text-sm sm:text-base">
+            Create a private workspace to collaborate with your team
+          </p>
+        </div>
+
+        <Card className="card-elevated">
+          <CardHeader className="text-center pb-2">
+            <div className="mx-auto mb-4 h-16 w-16 rounded-full bg-primary/10 flex items-center justify-center">
+              <Users className="h-8 w-8 text-primary" />
+            </div>
+            <CardTitle className="text-xl">You&apos;re in the Public Workspace</CardTitle>
+            <CardDescription className="text-base max-w-md mx-auto">
+              The public workspace is shared by all TaskFlow users. To manage a private team, create your own organization.
+            </CardDescription>
+          </CardHeader>
+          <CardContent className="flex flex-col items-center gap-4 pt-4">
+            <Button asChild size="lg">
+              <a
+                href={`${process.env.NEXT_PUBLIC_SSO_URL || "http://localhost:3001"}/account/organizations`}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <Plus className="mr-2 h-4 w-4" />
+                Create Private Organization
+              </a>
+            </Button>
+            <p className="text-sm text-muted-foreground text-center max-w-sm">
+              Private organizations let you invite team members, manage access, and collaborate on projects together.
+            </p>
+          </CardContent>
+        </Card>
+      </div>
+    )
+  }
+
   return (
     <div className="space-y-6">
       {/* Header */}