@fnd-platform/cms 1.0.0-alpha.1

package/lib/templates/admin-content-route.js

@@ -0,0 +1,100 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getAdminContentRouteTemplate = getAdminContentRouteTemplate;
+exports.getAdminContentIndexTemplate = getAdminContentIndexTemplate;
+/**
+ * Generates the admin content index route template.
+ *
+ * This route serves as the content section layout/outlet
+ * that wraps all content-related routes.
+ *
+ * @returns Template string for app/routes/_admin.content.tsx
+ */
+function getAdminContentRouteTemplate() {
+  return `import { json, type LoaderFunctionArgs } from '@remix-run/node';
+import { Outlet, useLoaderData } from '@remix-run/react';
+import { requireAuth } from '~/lib/auth.server';
+
+export async function loader({ request }: LoaderFunctionArgs) {
+  await requireAuth(request);
+  return json({});
+}
+
+export default function ContentLayout() {
+  return <Outlet />;
+}
+`;
+}
+/**
+ * Generates the admin content index page template.
+ *
+ * This shows an overview of all content when visiting /admin/content.
+ *
+ * @returns Template string for app/routes/_admin.content._index.tsx
+ */
+function getAdminContentIndexTemplate() {
+  return `import { json, type LoaderFunctionArgs, type MetaFunction } from '@remix-run/node';
+import { Link, useLoaderData } from '@remix-run/react';
+import { FileText, Plus } from 'lucide-react';
+import { requireAuth } from '~/lib/auth.server';
+import { Card, CardContent, CardHeader, CardTitle } from '~/components/ui/card';
+import { Button } from '~/components/ui/button';
+
+export const meta: MetaFunction = () => {
+  return [{ title: 'Content - CMS Admin' }];
+};
+
+// Mock content types - will be replaced with actual content types in Sprint 3
+const contentTypes = [
+  { name: 'blog-post', label: 'Blog Posts', count: 0 },
+  { name: 'page', label: 'Pages', count: 0 },
+];
+
+export async function loader({ request }: LoaderFunctionArgs) {
+  await requireAuth(request);
+
+  // TODO: Fetch actual content type counts from API
+  return json({ contentTypes });
+}
+
+export default function ContentIndex() {
+  const { contentTypes } = useLoaderData<typeof loader>();
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <h1 className="text-2xl font-bold">Content</h1>
+      </div>
+
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+        {contentTypes.map((type) => (
+          <Card key={type.name} className="hover:shadow-md transition-shadow">
+            <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
+              <CardTitle className="text-sm font-medium">
+                {type.label}
+              </CardTitle>
+              <FileText className="h-4 w-4 text-muted-foreground" />
+            </CardHeader>
+            <CardContent>
+              <div className="text-2xl font-bold">{type.count}</div>
+              <div className="mt-4 flex gap-2">
+                <Button asChild variant="outline" size="sm">
+                  <Link to={\`/admin/content/\${type.name}\`}>View All</Link>
+                </Button>
+                <Button asChild size="sm">
+                  <Link to={\`/admin/content/\${type.name}/new\`}>
+                    <Plus className="mr-1 h-3 w-3" />
+                    New
+                  </Link>
+                </Button>
+              </div>
+            </CardContent>
+          </Card>
+        ))}
+      </div>
+    </div>
+  );
+}
+`;
+}
+//# sourceMappingURL=admin-content-route.js.map

package/lib/templates/admin-content-route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-content-route.js","sourceRoot":"","sources":["../../src/templates/admin-content-route.ts"],"names":[],"mappings":";;AAQA,oEAcC;AASD,oEAgEC;AA/FD;;;;;;;GAOG;AACH,SAAgB,4BAA4B;IAC1C,OAAO;;;;;;;;;;;;CAYR,CAAC;AACF,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,4BAA4B;IAC1C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DR,CAAC;AACF,CAAC"}

package/lib/templates/admin-content-type-route.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Generates the admin content type list route template.
+ *
+ * This route displays the list of content items for a specific type.
+ *
+ * @returns Template string for app/routes/_admin.content.$type.tsx
+ */
+export declare function getAdminContentTypeRouteTemplate(): string;
+//# sourceMappingURL=admin-content-type-route.d.ts.map

package/lib/templates/admin-content-type-route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-content-type-route.d.ts","sourceRoot":"","sources":["../../src/templates/admin-content-type-route.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,gCAAgC,IAAI,MAAM,CAoFzD"}

package/lib/templates/admin-content-type-route.js

@@ -0,0 +1,96 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getAdminContentTypeRouteTemplate = getAdminContentTypeRouteTemplate;
+/**
+ * Generates the admin content type list route template.
+ *
+ * This route displays the list of content items for a specific type.
+ *
+ * @returns Template string for app/routes/_admin.content.$type.tsx
+ */
+function getAdminContentTypeRouteTemplate() {
+  return `import { json, type LoaderFunctionArgs, type MetaFunction } from '@remix-run/node';
+import { Link, useLoaderData, useParams } from '@remix-run/react';
+import { Plus } from 'lucide-react';
+import { requireAuth, hasAnyRole, getOptionalUser } from '~/lib/auth.server';
+import { Button } from '~/components/ui/button';
+import { ContentTable, type ContentItem } from '~/components/admin/content-table';
+import { Breadcrumbs } from '~/components/admin/breadcrumbs';
+
+export const meta: MetaFunction<typeof loader> = ({ data }) => {
+  const label = data?.contentType?.label ?? 'Content';
+  return [{ title: \`\${label} - CMS Admin\` }];
+};
+
+// Mock content types - will be replaced with actual content types in Sprint 3
+const contentTypeConfig: Record<string, { name: string; label: string }> = {
+  'blog-post': { name: 'blog-post', label: 'Blog Posts' },
+  'page': { name: 'page', label: 'Pages' },
+};
+
+// Mock data - will be replaced with API calls in Sprint 3
+const mockContent: Record<string, ContentItem[]> = {
+  'blog-post': [],
+  'page': [],
+};
+
+export async function loader({ request, params }: LoaderFunctionArgs) {
+  await requireAuth(request);
+  const user = await getOptionalUser(request);
+
+  const { type } = params;
+
+  if (!type || !contentTypeConfig[type]) {
+    throw new Response('Content type not found', { status: 404 });
+  }
+
+  const contentType = contentTypeConfig[type];
+  const items = mockContent[type] ?? [];
+
+  // Check user permissions
+  const canEdit = hasAnyRole(user, ['admin', 'editor']);
+  const canDelete = hasAnyRole(user, ['admin']);
+
+  return json({ contentType, items, canEdit, canDelete });
+}
+
+export default function ContentTypeList() {
+  const { contentType, items, canEdit, canDelete } = useLoaderData<typeof loader>();
+  const params = useParams();
+
+  return (
+    <div className="space-y-6">
+      {/* Breadcrumbs */}
+      <Breadcrumbs
+        items={[
+          { label: 'Content', href: '/admin/content' },
+          { label: contentType.label },
+        ]}
+      />
+
+      {/* Header */}
+      <div className="flex items-center justify-between">
+        <h1 className="text-2xl font-bold">{contentType.label}</h1>
+        {canEdit && (
+          <Button asChild>
+            <Link to={\`/admin/content/\${params.type}/new\`}>
+              <Plus className="mr-2 h-4 w-4" />
+              Create {contentType.label.replace(/s$/, '')}
+            </Link>
+          </Button>
+        )}
+      </div>
+
+      {/* Content Table */}
+      <ContentTable
+        contentType={contentType}
+        items={items}
+        canEdit={canEdit}
+        canDelete={canDelete}
+      />
+    </div>
+  );
+}
+`;
+}
+//# sourceMappingURL=admin-content-type-route.js.map

package/lib/templates/admin-content-type-route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-content-type-route.js","sourceRoot":"","sources":["../../src/templates/admin-content-type-route.ts"],"names":[],"mappings":";;AAOA,4EAoFC;AA3FD;;;;;;GAMG;AACH,SAAgB,gCAAgC;IAC9C,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFR,CAAC;AACF,CAAC"}

package/lib/templates/admin-header.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Generates the admin header component template.
+ *
+ * This header provides:
+ * - Breadcrumb navigation slot
+ * - User menu with avatar and dropdown
+ * - Role badge display
+ * - Sign out functionality
+ *
+ * @returns Template string for app/components/admin/header.tsx
+ */
+export declare function getAdminHeaderTemplate(): string;
+//# sourceMappingURL=admin-header.d.ts.map

package/lib/templates/admin-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-header.d.ts","sourceRoot":"","sources":["../../src/templates/admin-header.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,IAAI,MAAM,CA2G/C"}

package/lib/templates/admin-header.js

@@ -0,0 +1,123 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getAdminHeaderTemplate = getAdminHeaderTemplate;
+/**
+ * Generates the admin header component template.
+ *
+ * This header provides:
+ * - Breadcrumb navigation slot
+ * - User menu with avatar and dropdown
+ * - Role badge display
+ * - Sign out functionality
+ *
+ * @returns Template string for app/components/admin/header.tsx
+ */
+function getAdminHeaderTemplate() {
+  return `import { Form } from '@remix-run/react';
+import { LogOut, User } from 'lucide-react';
+import { Button } from '~/components/ui/button';
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '~/components/ui/dropdown-menu';
+import { Avatar, AvatarFallback } from '~/components/ui/avatar';
+import { Badge } from '~/components/ui/badge';
+
+interface AdminHeaderProps {
+  user: {
+    email: string;
+    groups?: string[];
+  } | null;
+  breadcrumbs?: React.ReactNode;
+}
+
+function getInitials(email: string): string {
+  const parts = email.split('@')[0].split(/[._-]/);
+  if (parts.length >= 2) {
+    return (parts[0][0] + parts[1][0]).toUpperCase();
+  }
+  return email.substring(0, 2).toUpperCase();
+}
+
+function getUserRole(groups?: string[]): 'admin' | 'editor' | 'viewer' {
+  if (!groups) return 'viewer';
+  if (groups.includes('admin')) return 'admin';
+  if (groups.includes('editor')) return 'editor';
+  return 'viewer';
+}
+
+function getRoleBadgeVariant(role: string): 'default' | 'secondary' | 'outline' {
+  switch (role) {
+    case 'admin':
+      return 'default';
+    case 'editor':
+      return 'secondary';
+    default:
+      return 'outline';
+  }
+}
+
+export function AdminHeader({ user, breadcrumbs }: AdminHeaderProps) {
+  const role = getUserRole(user?.groups);
+
+  return (
+    <header className="flex h-16 items-center justify-between border-b bg-background px-6">
+      {/* Breadcrumbs */}
+      <div className="flex items-center">
+        {breadcrumbs}
+      </div>
+
+      {/* User Menu */}
+      <div className="flex items-center gap-4">
+        <Badge variant={getRoleBadgeVariant(role)} className="capitalize">
+          {role}
+        </Badge>
+
+        <DropdownMenu>
+          <DropdownMenuTrigger asChild>
+            <Button variant="ghost" className="relative h-10 w-10 rounded-full">
+              <Avatar>
+                <AvatarFallback>
+                  {user ? getInitials(user.email) : 'U'}
+                </AvatarFallback>
+              </Avatar>
+            </Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent className="w-56" align="end" forceMount>
+            <DropdownMenuLabel className="font-normal">
+              <div className="flex flex-col space-y-1">
+                <p className="text-sm font-medium leading-none">Account</p>
+                <p className="text-xs leading-none text-muted-foreground">
+                  {user?.email ?? 'Not signed in'}
+                </p>
+              </div>
+            </DropdownMenuLabel>
+            <DropdownMenuSeparator />
+            <DropdownMenuItem asChild>
+              <a href="/admin/profile" className="flex items-center">
+                <User className="mr-2 h-4 w-4" />
+                Profile
+              </a>
+            </DropdownMenuItem>
+            <DropdownMenuSeparator />
+            <Form action="/logout" method="post">
+              <DropdownMenuItem asChild>
+                <button type="submit" className="flex w-full items-center">
+                  <LogOut className="mr-2 h-4 w-4" />
+                  Sign Out
+                </button>
+              </DropdownMenuItem>
+            </Form>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      </div>
+    </header>
+  );
+}
+`;
+}
+//# sourceMappingURL=admin-header.js.map

package/lib/templates/admin-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-header.js","sourceRoot":"","sources":["../../src/templates/admin-header.ts"],"names":[],"mappings":";;AAWA,wDA2GC;AAtHD;;;;;;;;;;GAUG;AACH,SAAgB,sBAAsB;IACpC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyGR,CAAC;AACF,CAAC"}

package/lib/templates/admin-index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Generates the admin dashboard index route template.
+ *
+ * This dashboard displays content statistics and recent content.
+ *
+ * @returns Template string for _admin._index.tsx
+ */
+export declare function getAdminIndexTemplate(): string;
+//# sourceMappingURL=admin-index.d.ts.map

package/lib/templates/admin-index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-index.d.ts","sourceRoot":"","sources":["../../src/templates/admin-index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAgD9C"}

package/lib/templates/admin-index.js

@@ -0,0 +1,60 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getAdminIndexTemplate = getAdminIndexTemplate;
+/**
+ * Generates the admin dashboard index route template.
+ *
+ * This dashboard displays content statistics and recent content.
+ *
+ * @returns Template string for _admin._index.tsx
+ */
+function getAdminIndexTemplate() {
+  return `import { json, type LoaderFunctionArgs, type MetaFunction } from '@remix-run/node';
+import { useLoaderData } from '@remix-run/react';
+import { requireAuth } from '~/lib/auth.server';
+import { DashboardStats, type ContentStats } from '~/components/admin/dashboard-stats';
+import { RecentContent, type ContentItem } from '~/components/admin/recent-content';
+
+export const meta: MetaFunction = () => {
+  return [{ title: 'Dashboard - CMS Admin' }];
+};
+
+export async function loader({ request }: LoaderFunctionArgs) {
+  await requireAuth(request);
+
+  // TODO: Replace with actual API calls in Sprint 3
+  const stats: ContentStats = {
+    total: 0,
+    published: 0,
+    draft: 0,
+    byType: [
+      { type: 'blog-post', label: 'Blog Posts', count: 0 },
+      { type: 'page', label: 'Pages', count: 0 },
+    ],
+  };
+
+  const recentContent: ContentItem[] = [];
+
+  return json({ stats, recentContent });
+}
+
+export default function AdminDashboard() {
+  const { stats, recentContent } = useLoaderData<typeof loader>();
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-bold">Dashboard</h1>
+        <p className="text-muted-foreground">
+          Overview of your content management system.
+        </p>
+      </div>
+
+      <DashboardStats stats={stats} />
+      <RecentContent items={recentContent} />
+    </div>
+  );
+}
+`;
+}
+//# sourceMappingURL=admin-index.js.map

package/lib/templates/admin-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-index.js","sourceRoot":"","sources":["../../src/templates/admin-index.ts"],"names":[],"mappings":";;AAOA,sDAgDC;AAvDD;;;;;;GAMG;AACH,SAAgB,qBAAqB;IACnC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CR,CAAC;AACF,CAAC"}

package/lib/templates/admin-layout.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Generates the admin layout route template.
+ *
+ * This layout wraps all admin routes and enforces authentication.
+ * Includes sidebar navigation and header with user menu.
+ *
+ * @returns Template string for _admin.tsx
+ */
+export declare function getAdminLayoutTemplate(): string;
+//# sourceMappingURL=admin-layout.d.ts.map

package/lib/templates/admin-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-layout.d.ts","sourceRoot":"","sources":["../../src/templates/admin-layout.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,IAAI,MAAM,CAiC/C"}

package/lib/templates/admin-layout.js

@@ -0,0 +1,46 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getAdminLayoutTemplate = getAdminLayoutTemplate;
+/**
+ * Generates the admin layout route template.
+ *
+ * This layout wraps all admin routes and enforces authentication.
+ * Includes sidebar navigation and header with user menu.
+ *
+ * @returns Template string for _admin.tsx
+ */
+function getAdminLayoutTemplate() {
+  return `import { json, type LoaderFunctionArgs } from '@remix-run/node';
+import { Outlet, useLoaderData } from '@remix-run/react';
+import { requireAuth, getOptionalUser, hasRole, hasAnyRole } from '~/lib/auth.server';
+import { AdminSidebar } from '~/components/admin/sidebar';
+import { AdminHeader } from '~/components/admin/header';
+
+export async function loader({ request }: LoaderFunctionArgs) {
+  await requireAuth(request);
+  const user = await getOptionalUser(request);
+
+  const isAdmin = hasRole(user, 'admin');
+  const isEditor = hasAnyRole(user, ['admin', 'editor']);
+
+  return json({ user, isAdmin, isEditor });
+}
+
+export default function AdminLayout() {
+  const { user, isAdmin, isEditor } = useLoaderData<typeof loader>();
+
+  return (
+    <div className="flex h-screen bg-muted/30">
+      <AdminSidebar isAdmin={isAdmin} />
+      <div className="flex flex-1 flex-col overflow-hidden">
+        <AdminHeader user={user} />
+        <main className="flex-1 overflow-y-auto p-6">
+          <Outlet context={{ user, isAdmin, isEditor }} />
+        </main>
+      </div>
+    </div>
+  );
+}
+`;
+}
+//# sourceMappingURL=admin-layout.js.map

package/lib/templates/admin-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-layout.js","sourceRoot":"","sources":["../../src/templates/admin-layout.ts"],"names":[],"mappings":";;AAQA,wDAiCC;AAzCD;;;;;;;GAOG;AACH,SAAgB,sBAAsB;IACpC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BR,CAAC;AACF,CAAC"}

package/lib/templates/admin-sidebar.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Generates the admin sidebar component template.
+ *
+ * This sidebar provides navigation for the CMS admin interface with:
+ * - Dashboard link
+ * - Content section with expandable content types
+ * - Media library link
+ * - Settings link (admin only)
+ *
+ * @returns Template string for app/components/admin/sidebar.tsx
+ */
+export declare function getAdminSidebarTemplate(): string;
+//# sourceMappingURL=admin-sidebar.d.ts.map

package/lib/templates/admin-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-sidebar.d.ts","sourceRoot":"","sources":["../../src/templates/admin-sidebar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,wBAAgB,uBAAuB,IAAI,MAAM,CAqIhD"}

package/lib/templates/admin-sidebar.js

@@ -0,0 +1,149 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getAdminSidebarTemplate = getAdminSidebarTemplate;
+/**
+ * Generates the admin sidebar component template.
+ *
+ * This sidebar provides navigation for the CMS admin interface with:
+ * - Dashboard link
+ * - Content section with expandable content types
+ * - Media library link
+ * - Settings link (admin only)
+ *
+ * @returns Template string for app/components/admin/sidebar.tsx
+ */
+function getAdminSidebarTemplate() {
+  return `import { NavLink, useLocation } from '@remix-run/react';
+import {
+  LayoutDashboard,
+  FileText,
+  Image,
+  Settings,
+  ChevronDown,
+  ChevronRight,
+} from 'lucide-react';
+import { useState } from 'react';
+import { cn } from '~/lib/utils';
+
+interface SidebarProps {
+  isAdmin?: boolean;
+}
+
+interface NavItemProps {
+  to: string;
+  icon: React.ReactNode;
+  label: string;
+  end?: boolean;
+}
+
+function NavItem({ to, icon, label, end }: NavItemProps) {
+  return (
+    <NavLink
+      to={to}
+      end={end}
+      className={({ isActive }) =>
+        cn(
+          'flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors',
+          isActive
+            ? 'bg-accent text-accent-foreground'
+            : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'
+        )
+      }
+    >
+      {icon}
+      {label}
+    </NavLink>
+  );
+}
+
+export function AdminSidebar({ isAdmin = false }: SidebarProps) {
+  const [contentExpanded, setContentExpanded] = useState(true);
+  const location = useLocation();
+  const isContentActive = location.pathname.startsWith('/admin/content');
+
+  return (
+    <aside className="flex h-full w-64 flex-col border-r bg-background">
+      {/* Logo/Brand */}
+      <div className="flex h-16 items-center border-b px-6">
+        <span className="text-lg font-semibold">CMS Admin</span>
+      </div>
+
+      {/* Navigation */}
+      <nav className="flex-1 space-y-1 p-4">
+        <NavItem
+          to="/admin"
+          icon={<LayoutDashboard className="h-4 w-4" />}
+          label="Dashboard"
+          end
+        />
+
+        {/* Content Section */}
+        <div className="space-y-1">
+          <button
+            onClick={() => setContentExpanded(!contentExpanded)}
+            className={cn(
+              'flex w-full items-center justify-between rounded-lg px-3 py-2 text-sm font-medium transition-colors',
+              isContentActive
+                ? 'bg-accent text-accent-foreground'
+                : 'text-muted-foreground hover:bg-accent hover:text-accent-foreground'
+            )}
+          >
+            <span className="flex items-center gap-3">
+              <FileText className="h-4 w-4" />
+              Content
+            </span>
+            {contentExpanded ? (
+              <ChevronDown className="h-4 w-4" />
+            ) : (
+              <ChevronRight className="h-4 w-4" />
+            )}
+          </button>
+
+          {contentExpanded && (
+            <div className="ml-4 space-y-1 border-l pl-4">
+              <NavLink
+                to="/admin/content"
+                end
+                className={({ isActive }) =>
+                  cn(
+                    'block rounded-lg px-3 py-2 text-sm transition-colors',
+                    isActive
+                      ? 'bg-accent/50 text-accent-foreground'
+                      : 'text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground'
+                  )
+                }
+              >
+                All Content
+              </NavLink>
+              {/* Content types will be dynamically added here in future sprints */}
+            </div>
+          )}
+        </div>
+
+        <NavItem
+          to="/admin/media"
+          icon={<Image className="h-4 w-4" />}
+          label="Media"
+        />
+
+        {isAdmin && (
+          <NavItem
+            to="/admin/settings"
+            icon={<Settings className="h-4 w-4" />}
+            label="Settings"
+          />
+        )}
+      </nav>
+
+      {/* Footer */}
+      <div className="border-t p-4">
+        <p className="text-xs text-muted-foreground">
+          fnd-platform CMS
+        </p>
+      </div>
+    </aside>
+  );
+}
+`;
+}
+//# sourceMappingURL=admin-sidebar.js.map

package/lib/templates/admin-sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-sidebar.js","sourceRoot":"","sources":["../../src/templates/admin-sidebar.ts"],"names":[],"mappings":";;AAWA,0DAqIC;AAhJD;;;;;;;;;;GAUG;AACH,SAAgB,uBAAuB;IACrC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIR,CAAC;AACF,CAAC"}