mirror of
https://github.com/temetro/temetro.git
synced 2026-07-26 20:08:14 +00:00
Khalid Abdi
97bf9ed8cc
- Linear-inspired dark theme (app/globals.css), forced dark in layout
- Clinical sidebar (components/sidebar-02) with temetro brand
- AI chat UI (components/chat): Cursor-style input, UI-only mock replies
- Settings page (components/settings): Polar-style tabs/sections, UI only
- Route-group app shell: app/(app)/{layout,page,settings}
- shadcn (Base UI) + ai-elements component libraries
- CLAUDE.md: architecture notes + per-folder commit policy
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
19 lines
573 B
TypeScript
19 lines
573 B
TypeScript
"use client";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
import { Controls as ControlsPrimitive } from "@xyflow/react";
|
|
import type { ComponentProps } from "react";
|
|
|
|
export type ControlsProps = ComponentProps<typeof ControlsPrimitive>;
|
|
|
|
export const Controls = ({ className, ...props }: ControlsProps) => (
|
|
<ControlsPrimitive
|
|
className={cn(
|
|
"gap-px overflow-hidden rounded-md border bg-card p-1 shadow-none!",
|
|
"[&>button]:rounded-md [&>button]:border-none! [&>button]:bg-transparent! [&>button]:hover:bg-secondary!",
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
);
|