first commit

ui/app/workspace/routing-rules/tree/views/node/rfSourceNode.tsx

@@ -0,0 +1,19 @@
+import { Position } from "@xyflow/react";
+import { Network } from "lucide-react";
+import { SRC_H, SRC_W } from "../constants";
+import { RFEdgeHandle } from "./rfEdgeHandle";
+
+export function RFSourceNode() {
+	return (
+		<div className="relative" style={{ width: SRC_W, height: SRC_H }}>
+			<RFEdgeHandle type="source" position={Position.Right} accentColor="var(--primary)" />
+			<div className="border-primary dark:bg-card relative z-10 flex h-full cursor-grab flex-col justify-center rounded-xl border-2 bg-white px-5 shadow-md active:cursor-grabbing">
+				<div className="text-foreground flex items-center gap-2 font-semibold">
+					<Network className="text-primary h-4 w-4" />
+					Incoming Request
+				</div>
+				<p className="text-muted-foreground mt-0.5 text-[11px]">provider · model · headers · params · limits</p>
+			</div>
+		</div>
+	);
+}