improvement(templates): add share button, serve public templates routes for unauthenticated users and workspace one for authenticated users, improve settings style and organization

[waleedlatif1]

Summary

• add share button, serve public templates routes for unauthenticated users and workspace one for authenticated users
• improve settings style and organization

Type of Change

• Bug fix
• New feature

Testing

Tested manually

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
docs	Skipped			Nov 13, 2025 4:55am

[greptile-apps]

Greptile Overview

Greptile Summary

This PR implements a dual-routing system for templates, serving public routes for unauthenticated users and workspace-scoped routes for authenticated users, while also improving the settings UI organization.

Key Changes

• Public template access: Unauthenticated users can now view templates at /templates and /templates/[id] for SEO and discovery purposes, with only approved templates visible
• Workspace-scoped templates: Authenticated users are automatically redirected to workspace-scoped routes (/workspace/[workspaceId]/templates) with star tracking and workspace context
• Share functionality: Added share button to template detail pages with options to copy link, share on X (Twitter), and share on LinkedIn
• Template card redesign: Replaced horizontal card layout with vertical cards featuring workflow preview, using IntersectionObserver for performance optimization
• Settings UI improvements: Reorganized team management settings with collapsible sections for cleaner information hierarchy
• Simplified template usage flow: Removed workspace selector dropdown for authenticated users; clicking "Use template" now navigates directly to the template detail page

Architecture

The implementation uses Next.js layouts and server-side redirects to manage routing:

• Middleware allows public access to both /templates and /workspace/[workspaceId]/templates routes
• Layout components (templates/[id]/layout.tsx) handle authentication-based redirects server-side
• Workspace membership is verified before granting access to workspace-scoped pages
• Public pages query only approved templates; workspace pages include star status and respect super-user permissions

Confidence Score: 5/5

• This PR is safe to merge with proper authentication boundaries and no critical issues
• The implementation properly handles authentication at multiple layers (middleware, layout, page), correctly verifies workspace membership, filters templates based on authentication state, and includes appropriate security measures. The code follows established patterns, includes performance optimizations, and maintains backward compatibility.
• No files require special attention - all changes follow security best practices

Important Files Changed

File Analysis

Filename	Score	Overview
apps/sim/middleware.ts	5/5	Added public access rules for /templates and /workspace/[workspaceId]/templates routes to support unauthenticated template viewing
apps/sim/app/templates/page.tsx	5/5	Refactored to redirect authenticated users to workspace-scoped templates; serves only approved templates for unauthenticated users
apps/sim/app/templates/[id]/layout.tsx	5/5	New layout that redirects authenticated users from public template detail pages to workspace-scoped pages
apps/sim/app/workspace/[workspaceId]/templates/[id]/page.tsx	5/5	Workspace-scoped template detail page with authentication and membership verification; redirects unauthenticated users to public pages
apps/sim/app/templates/[id]/template.tsx	5/5	Added share button with X, LinkedIn, and copy link options; removed workspace selector dropdown for authenticated users; simplified "Use template" button flow
apps/sim/app/templates/components/template-card.tsx	5/5	Major redesign: replaced horizontal card layout with vertical card featuring workflow preview, added IntersectionObserver for performance optimization, improved memoization
apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components-new/settings-modal/components/team-management/team-management.tsx	5/5	Reorganized layout to prioritize seats overview and members list; collapsed team info and billing sections into collapsible details elements for cleaner UI

Sequence Diagram

sequenceDiagram
    participant User
    participant Middleware
    participant TemplatesPage
    participant TemplateLayout
    participant TemplateDetail
    participant WorkspaceTemplates
    participant DB

    alt Unauthenticated User
        User->>Middleware: GET /templates
        Middleware->>TemplatesPage: Allow access
        TemplatesPage->>DB: Query approved templates only
        DB-->>TemplatesPage: Return templates
        TemplatesPage-->>User: Display public templates
        
        User->>Middleware: GET /templates/[id]
        Middleware->>TemplateLayout: Allow access
        TemplateLayout->>TemplateDetail: Render (isWorkspaceContext=false)
        TemplateDetail-->>User: Show template detail with "Sign in to use" button
    else Authenticated User
        User->>Middleware: GET /templates
        Middleware->>TemplatesPage: Allow access
        TemplatesPage->>DB: Query user's first workspace
        DB-->>TemplatesPage: Return workspace ID
        TemplatesPage->>User: redirect(/workspace/[workspaceId]/templates)
        
        User->>Middleware: GET /workspace/[workspaceId]/templates
        Middleware->>WorkspaceTemplates: Verify session & membership
        WorkspaceTemplates->>DB: Verify workspace membership
        DB-->>WorkspaceTemplates: Confirmed
        WorkspaceTemplates->>DB: Query templates with star status
        DB-->>WorkspaceTemplates: Return templates
        WorkspaceTemplates-->>User: Display workspace templates
        
        User->>Middleware: GET /templates/[id]
        Middleware->>TemplateLayout: Allow access
        TemplateLayout->>DB: Query user's first workspace
        DB-->>TemplateLayout: Return workspace ID
        TemplateLayout->>User: redirect(/workspace/[workspaceId]/templates/[id])
        
        User->>Middleware: GET /workspace/[workspaceId]/templates/[id]
        Middleware->>TemplateDetail: Verify session & membership
        TemplateDetail->>DB: Verify workspace membership
        DB-->>TemplateDetail: Confirmed
        TemplateDetail-->>User: Show template detail (isWorkspaceContext=true)
    end

Loading

[greptile-apps]

_{28 files reviewed, no comments}

_{Edit Code Review Agent Settings | Greptile}