Greptile Summary

This PR adds 36 new loading.tsx files across the Next.js App Router to replace blank/inconsistent intermediate states with route-specific skeleton UIs. It is a quality-of-life improvement that significantly enhances the perceived performance and visual consistency of the application during navigation.

Key changes:

• Auth routes (login, signup, sso, reset-password, verify, oauth/consent): Skeleton UIs matching each form's field layout, buttons, and social auth section.
• Workspace feature routes (files, tables, knowledge, logs, scheduled-tasks): Table skeleton UIs with header toolbars, column headers, and row placeholders matching the real column counts.
• Workflow routes (w/, w/[workflowId]/): Intentionally use a Loader2 spinner instead of a skeleton — appropriate since the workflow canvas cannot be meaningfully mocked with static shapes.
• Landing/public routes (studio, privacy, terms, changelog, templates): Full-page skeletons matching article/blog and card grid layouts.
• Misc routes (chat, form, invite, unsubscribe, resume, credential-account): Skeleton or spinner UIs matching the initial content shape.

Minor concern: privacy/loading.tsx and terms/loading.tsx wrap skeleton content in prose prose-gray (Tailwind Typography). These classes target semantic HTML children and have no effect on div/Skeleton nodes, and may cause a visual inconsistency vs. the real page layout if the actual pages don't also use a prose wrapper.

Confidence Score: 5/5

• This PR is safe to merge — it only adds new presentational loading skeleton components with no logic, state, or API changes.
• All 36 added files are purely presentational Next.js loading.tsx Server Components with no hooks, side-effects, or data fetching. They use the existing Skeleton component from @/components/emcn and follow established import path conventions. The only minor concern is the unused prose prose-gray wrapper in two files, which is cosmetic and does not affect functionality.
• apps/sim/app/(landing)/privacy/loading.tsx and apps/sim/app/(landing)/terms/loading.tsx contain a cosmetic prose prose-gray wrapper that has no effect on the skeleton elements inside it.

Important Files Changed

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[Next.js Route Navigation] --> B{Route Loading?}
    B -->|Yes| C[loading.tsx shown]
    B -->|No| D[page.tsx shown]

    C --> E{Route Type}

    E -->|Auth routes| F["Skeleton: form fields,\nbuttons, dividers\n(login, signup, sso, verify, reset)"]
    E -->|Workspace routes| G{Workspace Feature}
    E -->|Public/Landing routes| H["Skeleton: article/blog layout\n(studio, privacy, terms, changelog)"]
    E -->|Standalone pages| I["Skeleton or Spinner\n(chat, form, invite, unsubscribe)"]

    G -->|Home| J["Skeleton: AI chat\ninput + lines"]
    G -->|Workflows| K["Loader2 Spinner\n(w/ + w/workflowId)"]
    G -->|Files, Tables,\nKnowledge, Logs,\nScheduled Tasks| L["Skeleton: table\nwith header+rows"]
    G -->|Settings| M["Skeleton:\ntitle + form fields"]
    G -->|Templates| N["Skeleton:\ncard grid"]

    D --> O[Page fully rendered]
    F --> O
    H --> O
    I --> O
    J --> O
    K --> O
    L --> O
    M --> O
    N --> O

_{Last reviewed commit: "feat: add loading st..."}