fix: menu header clipping and breadcrumb hyperlink (#221)

## Summary

- **Fix breadcrumb top border clipping**: At ~40-row terminal heights,
the full layout content exceeded the terminal height, causing Ink to
clip the `rl > Home` breadcrumb's top rounded border off the screen.
Fixed by adding `flexShrink={0}` to the Breadcrumb outer Box and raising
the full layout height threshold from 40 to 43.
- **Clickable domain hyperlink in breadcrumb**: The custom domain shown
in the breadcrumb header (`rl (domain) > Home`) is now an OSC 8
hyperlink via `ink-link`. In terminals that support the protocol (Kitty,
iTerm2, etc.), clicking the domain opens the platform URL
(`https://platform.<domain>`). Unsupported terminals show the plain text
unchanged (`fallback={false}`).

## Test plan

- [x] `npm run build` passes
- [x] All Banner/MainMenu/Breadcrumb tests pass (113 total in affected
suites)
- [x] Formatting and lint checks pass (0 new warnings)
- [x] Manual: run `rli` at terminal heights 35, 40, 43, 45 — breadcrumb
border should never clip
- [x] Manual: unset `RUNLOOP_BASE_URL` — default "RUNLOOP.ai" behavior
preserved
- [x] Manual: in a supported terminal (Kitty/iTerm2), verify the domain
in the breadcrumb is clickable and opens `https://platform.<domain>`
- [x] Manual: in an unsupported terminal, verify no URL text is appended
after the domain

🤖 Generated with [Claude Code](https://claude.com/claude-code)

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: jason-rl

src/components/Breadcrumb.tsx

@@ -1,7 +1,8 @@
 import React from "react";
 import { Box, Text, useStdout } from "ink";
+import Link from "ink-link";
 import { colors } from "../utils/theme.js";
-import { runloopBaseDomain } from "../utils/config.js";
+import { runloopBaseDomain, platformBaseUrl } from "../utils/config.js";
 import { UpdateNotification } from "./UpdateNotification.js";
 
 export interface BreadcrumbItem {
@@ -99,6 +100,7 @@ export const Breadcrumb = ({
       marginBottom={1}
       paddingX={0}
       paddingY={0}
+      flexShrink={0}
     >
       <Box flexShrink={0}>
         <Box
@@ -112,8 +114,11 @@ export const Breadcrumb = ({
           </Text>
           {isNonDefaultDomain && mode !== "minimal" && (
             <Text color={colors.warning} bold>
-              {" "}
-              ({baseDomain})
+              {" ("}
+              <Link url={platformBaseUrl()} fallback={false}>
+                {baseDomain}
+              </Link>
+              {")"}
             </Text>
           )}
           {displayItems.length > 0 && <Text color={colors.textDim}> › </Text>}

src/components/MainMenu.tsx

@@ -80,7 +80,7 @@ interface MainMenuProps {
 type LayoutMode = "full" | "medium" | "compact" | "minimal";
 
 function getLayoutMode(height: number): LayoutMode {
-  if (height >= 40) return "full"; // Big banner + bordered items + descriptions
+  if (height >= 43) return "full"; // Big banner + bordered items + descriptions
   if (height >= 22) return "medium"; // Small banner + simple items + descriptions
   if (height >= 15) return "compact"; // No banner + simple items + short descriptions
   return "minimal"; // No banner + labels only