refactor(server): canonicalize service API (#31049)

packages/tui/src/ui/link.tsx

@@ -0,0 +1,34 @@
+import type { JSX } from "solid-js"
+import type { RGBA } from "@opentui/core"
+import open from "open"
+
+export interface LinkProps {
+  href: string
+  children?: JSX.Element | string
+  fg?: RGBA
+  bg?: RGBA
+  width?: number | "auto" | `${number}%`
+  wrapMode?: "word" | "none"
+}
+
+/**
+ * Link component that renders clickable hyperlinks.
+ * Clicking anywhere on the link text opens the URL in the default browser.
+ */
+export function Link(props: LinkProps) {
+  const displayText = props.children ?? props.href
+
+  return (
+    <text
+      fg={props.fg}
+      bg={props.bg}
+      width={props.width}
+      wrapMode={props.wrapMode}
+      onMouseUp={() => {
+        open(props.href).catch(() => {})
+      }}
+    >
+      {displayText}
+    </text>
+  )
+}