App Shell with Documents

Inset sidebar app shell: a collapsible icon sidebar with a brand header, grouped Workspace and Tools nav (with a Beta badge), and an account menu in the footer, paired with a sticky header carrying the sidebar toggle and a breadcrumb. The inset holds a documents list with status filters that actually filter.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds App Shell with Documents to your project and fits it to your theme.

import AppShell05 from "@/components/ui/app-shell-05";

export default function AppShell05Demo() {
  return (
    <div className="h-screen w-full overflow-hidden">
      <AppShell05 />
    </div>
  );
}