ubiquitous-invention/apps/web/components/sidebar/sidebar.tsx
Randall Stillwell 663bc77afe feat: ECHODO app shell, Coolify deploy, Authentik + Umami
Bundles in-flight ECHODO work with the Coolify deployment configuration:

App
- New routes: ai, forms, planner, settings (templates/types), teams,
  doc detail, whiteboard detail
- New components: app shell rework (icon-rail, top-header), forms
  builder/renderer/responses, types manager, objects creation dialog,
  card primitive, form + overview views
- New tRPC routers: favorites, forms, types, workspaces; updates to
  health and objects routers
- Markdown backlog sync (packages/database) + cursor-sync schema/migrations
- Schema additions: forms, types, favorites, markdown_backlog, cursor_sync
- Initial Drizzle migrations checked in

Deployment
- docker/docker-compose.coolify.yml: drops bundled Postgres/Redis
  (uses CT 102 shared services), removes host port mappings, adds
  Coolify SERVICE_FQDN_* magic vars for web + collab
- .env.example rewritten as the full ECHODO/Coolify variable manifest
- NextAuth gains an Authentik OIDC provider (gated on env presence)
- Root layout injects Umami tracking script when configured;
  metadata title flipped to ECHODO

Security
- .gitignore expanded to exclude AGENT-DEPLOY.md, .env.*, secrets/,
  credentials.*, *.key, *.crt, *.pem, ssh keys

Made-with: Cursor
2026-04-26 14:34:34 -05:00

35 lines
929 B
TypeScript

"use client";
import { cn } from "@/lib/utils";
import { useSidebarStore } from "@/lib/stores/sidebar-store";
import { NavTree } from "./nav-tree";
import { SidebarHeader } from "./sidebar-header";
export function Sidebar({
onOpenSearch,
onQuickAction,
}: {
onOpenSearch?: () => void;
onQuickAction?: (type: string) => void;
}) {
const collapsed = useSidebarStore((s) => s.isCollapsed);
return (
<aside
className={cn(
"flex h-full shrink-0 flex-col overflow-hidden border-r border-sidebar-border bg-sidebar text-sidebar-foreground transition-[width] duration-200 ease-out",
collapsed ? "w-12" : "w-[240px]",
)}
>
<SidebarHeader
collapsed={collapsed}
onOpenSearch={onOpenSearch}
onQuickAction={onQuickAction}
/>
<div className="min-h-0 flex-1 overflow-hidden">
<NavTree collapsed={collapsed} />
</div>
</aside>
);
}