Hermes
fca56ab77e
- apps/web: Vite + React 19 + TanStack Router/Query + shadcn/ui - apps/api: Hono + Bun on :3001 with /api/health, /api/auth/*, /mcp stubs - apps/worker: Bun worker stub, DB connection, graceful SIGTERM - apps/web-legacy/: old Next.js code moved aside (preserved for T2-T8 reference) - Dockerfiles: api (Bun), worker (Bun), spa (multi-stage Caddy) - Caddyfile: serves dist + reverse-proxies /api/* + /mcp to api - docker-compose.yml: 4-service target (api, spa, db, worker) - packages/db/src/client.ts: shared Drizzle client for api + worker - db/client.ts: root-level alias for convenience Parent: t_e1cbd87d -> t_24c9c3fd (T0)
58 lines
2.0 KiB
TypeScript
58 lines
2.0 KiB
TypeScript
'use client';
|
|
|
|
import * as React from 'react';
|
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
import { ChevronDown } from 'lucide-react';
|
|
|
|
import { cn } from '@/lib/utils';
|
|
|
|
const Accordion = AccordionPrimitive.Root;
|
|
|
|
const AccordionItem = React.forwardRef<
|
|
React.ComponentRef<typeof AccordionPrimitive.Item>,
|
|
React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
|
|
>(({ className, ...props }, ref) => (
|
|
<AccordionPrimitive.Item
|
|
ref={ref}
|
|
className={cn('border-b border-border', className)}
|
|
{...props}
|
|
/>
|
|
));
|
|
AccordionItem.displayName = 'AccordionItem';
|
|
|
|
const AccordionTrigger = React.forwardRef<
|
|
React.ComponentRef<typeof AccordionPrimitive.Trigger>,
|
|
React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
|
|
>(({ className, children, ...props }, ref) => (
|
|
<AccordionPrimitive.Header className="flex">
|
|
<AccordionPrimitive.Trigger
|
|
ref={ref}
|
|
className={cn(
|
|
'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',
|
|
className
|
|
)}
|
|
{...props}
|
|
>
|
|
{children}
|
|
<ChevronDown className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
|
|
</AccordionPrimitive.Trigger>
|
|
</AccordionPrimitive.Header>
|
|
));
|
|
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
|
|
const AccordionContent = React.forwardRef<
|
|
React.ComponentRef<typeof AccordionPrimitive.Content>,
|
|
React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
|
|
>(({ className, children, ...props }, ref) => (
|
|
<AccordionPrimitive.Content
|
|
ref={ref}
|
|
className="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
|
|
{...props}
|
|
>
|
|
<div className={cn('pb-4 pt-0', className)}>{children}</div>
|
|
</AccordionPrimitive.Content>
|
|
));
|
|
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
|
|
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|