mirror of
https://github.com/temetro/temetro.git
synced 2026-07-26 11:58: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>
29 lines
570 B
TypeScript
29 lines
570 B
TypeScript
import type { ConnectionLineComponent } from "@xyflow/react";
|
|
|
|
const HALF = 0.5;
|
|
|
|
export const Connection: ConnectionLineComponent = ({
|
|
fromX,
|
|
fromY,
|
|
toX,
|
|
toY,
|
|
}) => (
|
|
<g>
|
|
<path
|
|
className="animated"
|
|
d={`M${fromX},${fromY} C ${fromX + (toX - fromX) * HALF},${fromY} ${fromX + (toX - fromX) * HALF},${toY} ${toX},${toY}`}
|
|
fill="none"
|
|
stroke="var(--color-ring)"
|
|
strokeWidth={1}
|
|
/>
|
|
<circle
|
|
cx={toX}
|
|
cy={toY}
|
|
fill="#fff"
|
|
r={3}
|
|
stroke="var(--color-ring)"
|
|
strokeWidth={1}
|
|
/>
|
|
</g>
|
|
);
|