refactor(web): use Tooltip from @corbits/react-ui in provider picker

apps/web/package.json

@@ -13,7 +13,7 @@
   "dependencies": {
     "@corbits-builder/client": "workspace:*",
     "@corbits-builder/schemas": "workspace:*",
-    "@corbits/react-ui": "0.5.0",
+    "@corbits/react-ui": "0.5.1",
     "@radix-ui/react-dialog": "1.3.1",
     "@radix-ui/react-dropdown-menu": "2.2.1",
     "@radix-ui/react-slot": "1.5.0",

apps/web/src/pages/custom-providers.tsx

@@ -26,8 +26,7 @@ import {
   MenuSeparator,
   MenuTrigger,
 } from "@corbits/react-ui/ui/menu";
-import { InfoTooltip } from "@corbits/react-ui/ui/tooltip";
-import * as Tooltip from "@radix-ui/react-tooltip";
+import { InfoTooltip, Tooltip } from "@corbits/react-ui/ui/tooltip";
 import { useQueryClient } from "@tanstack/react-query";
 import { ChevronDown, Ellipsis, X } from "lucide-react";
 import { useRef, useState, type KeyboardEvent, type ReactNode } from "react";
@@ -269,9 +268,9 @@ export function ProviderPicker({
           </button>
         );
         return provider.tip ? (
-          <Tip key={provider.id} label={provider.tip}>
+          <Tooltip key={provider.id} label={provider.tip}>
             {card}
-          </Tip>
+          </Tooltip>
         ) : (
           card
         );
@@ -280,27 +279,6 @@ export function ProviderPicker({
   );
 }
 
-/** The library's info-tooltip surface around any trigger; the library only offers it on its glyph. */
-function Tip({ label, children }: { label: string; children: ReactNode }) {
-  return (
-    <Tooltip.Provider delayDuration={200}>
-      <Tooltip.Root>
-        <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
-        <Tooltip.Portal>
-          <Tooltip.Content
-            data-slot="tooltip-content"
-            sideOffset={6}
-            className="z-50 max-w-64 rounded-md border border-border bg-popover px-2.5 py-1.5 text-xs text-popover-foreground shadow-lg"
-          >
-            {label}
-            <Tooltip.Arrow className="fill-popover" />
-          </Tooltip.Content>
-        </Tooltip.Portal>
-      </Tooltip.Root>
-    </Tooltip.Provider>
-  );
-}
-
 /** A Settings row: its label with a tooltip, an optional hint, and its control on the right. */
 function FieldRow({
   label,

workflows/coder/package.json

@@ -13,7 +13,7 @@
     "./assets": "./src/assets.ts"
   },
   "dependencies": {
-    "@corbits/react-ui": "0.5.0",
+    "@corbits/react-ui": "0.5.1",
     "@intx/agent": "workspace:*",
     "@intx/workflow": "workspace:*"
   }

workflows/coder/starter/client/package.json

@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@app/shared": "workspace:*",
-    "@corbits/react-ui": "0.5.0",
+    "@corbits/react-ui": "0.5.1",
     "@radix-ui/react-slot": "1.5.0",
     "@tanstack/react-query": "5.105.0",
     "lucide-react": "1.64.0",

workflows/designer/skills/react-ui/SKILL.md

@@ -3,9 +3,9 @@ name: react-ui
 description: Use before hand-writing any UI - which @corbits/react-ui component to use for app shell, pages, forms, tables, stats, charts, status, empty and loading states; install, theme tokens, dark mode and extra packages.
 ---
 
-# @corbits/react-ui (0.5.0)
+# @corbits/react-ui (0.5.1)
 
-The client starter pins `@corbits/react-ui` 0.5.0. Components take props and
+The client starter pins `@corbits/react-ui` 0.5.1. Components take props and
 render markup; data comes from the app's queries. Styling is Tailwind v4 classes backed by
 theme tokens, so everything inherits light and dark mode and the same
 spacing, radius and type.

workflows/designer/skills/react-ui/reference/api-agent.md

@@ -1,6 +1,6 @@
-<!-- Generated from @corbits/react-ui 0.5.0. Regenerate: bun scripts/react-ui-api.ts -->
+<!-- Generated from @corbits/react-ui 0.5.1. Regenerate: bun scripts/react-ui-api.ts -->
 
-# react-ui: conversation, agent runs, media and artifacts (0.5.0)
+# react-ui: conversation, agent runs, media and artifacts (0.5.1)
 
 Props per exported component, from the installed declarations. `?` marks optional. `+native` means the component also accepts the native props of the element it renders (`className`, `onClick`, ...). Import from the package root unless SKILL.md lists the module as a subpath.
 

workflows/designer/skills/react-ui/reference/api-controls.md

@@ -1,6 +1,6 @@
-<!-- Generated from @corbits/react-ui 0.5.0. Regenerate: bun scripts/react-ui-api.ts -->
+<!-- Generated from @corbits/react-ui 0.5.1. Regenerate: bun scripts/react-ui-api.ts -->
 
-# react-ui: buttons, inputs, filters, dialogs, menus and toasts (0.5.0)
+# react-ui: buttons, inputs, filters, dialogs, menus and toasts (0.5.1)
 
 Props per exported component, from the installed declarations. `?` marks optional. `+native` means the component also accepts the native props of the element it renders (`className`, `onClick`, ...). Import from the package root unless SKILL.md lists the module as a subpath.
 
@@ -241,6 +241,17 @@ maxHeight?: number — Pixel height autoResize grows to before it caps and scrol
 
 ## ui/tooltip
 
+### Tooltip — A general tooltip that wraps a focusable trigger element and discloses a note on hover or focus.
+label: ReactNode — The content shown in the tooltip bubble and bound to the trigger via `aria-describedby`.
+children: ReactElement<unknown, string | JSXElementConstructor<any>> — Focusable trigger element that discloses the tooltip on hover or keyboard focus.
+side?: TooltipSide — Preferred side of the trigger to render against.
+sideOffset?: number — Offset distance in pixels from the trigger.
+delay?: number — Delay in milliseconds before opening on hover.
+defaultOpen?: boolean — Render already open — uncontrolled, for stories and screenshots.
+open?: boolean — Controlled open state.
+onOpenChange?: ((open: boolean) => void) — Callback fired when the open state changes.
+className?: string — Additional class names applied to the tooltip content bubble.
+
 ### InfoTooltip — A focusable info glyph that discloses a short note on hover or focus.
 label: string — The note shown in the tooltip and bound to the trigger via `aria-describedby`.
 triggerLabel?: string — Accessible name for the trigger button.

workflows/designer/skills/react-ui/reference/api-data-display.md

@@ -1,6 +1,6 @@
-<!-- Generated from @corbits/react-ui 0.5.0. Regenerate: bun scripts/react-ui-api.ts -->
+<!-- Generated from @corbits/react-ui 0.5.1. Regenerate: bun scripts/react-ui-api.ts -->
 
-# react-ui: tables, stats, charts, status, avatars, empty and loading states (0.5.0)
+# react-ui: tables, stats, charts, status, avatars, empty and loading states (0.5.1)
 
 Props per exported component, from the installed declarations. `?` marks optional. `+native` means the component also accepts the native props of the element it renders (`className`, `onClick`, ...). Import from the package root unless SKILL.md lists the module as a subpath.
 

workflows/designer/skills/react-ui/reference/api-layout.md

@@ -1,6 +1,6 @@
-<!-- Generated from @corbits/react-ui 0.5.0. Regenerate: bun scripts/react-ui-api.ts -->
+<!-- Generated from @corbits/react-ui 0.5.1. Regenerate: bun scripts/react-ui-api.ts -->
 
-# react-ui: app shell and page layout (0.5.0)
+# react-ui: app shell and page layout (0.5.1)
 
 Props per exported component, from the installed declarations. `?` marks optional. `+native` means the component also accepts the native props of the element it renders (`className`, `onClick`, ...). Import from the package root unless SKILL.md lists the module as a subpath.
 

workflows/designer/skills/react-ui/reference/controls.md

@@ -1,6 +1,6 @@
 # react-ui: controls
 
-Source: @corbits/react-ui 0.5.0 npm package (README.md and dist/ui/*.d.ts), the version pinned in workflows/coder/starter/client/package.json
+Source: @corbits/react-ui 0.5.1 npm package (README.md and dist/ui/*.d.ts), the version pinned in workflows/coder/starter/client/package.json
 Fetched: 2026-10-29
 
 ---
@@ -70,8 +70,9 @@ for dialog forms.
 
 `ui/menu` (needs `@radix-ui/react-dropdown-menu`): `Menu`, `MenuTrigger`,
 `MenuContent`, `MenuItem`, `MenuLabel`, `MenuGroup`, `MenuSeparator`.
-`ui/tooltip` (needs `@radix-ui/react-tooltip`): `InfoTooltip` (`label`,
-`triggerLabel`). `ui/command-palette` and `ui/sidebar-search`: global search.
+`ui/tooltip` (needs `@radix-ui/react-tooltip`): `Tooltip` (`label`, `side`,
+`children`), `InfoTooltip` (`label`, `triggerLabel`). `ui/command-palette` and
+`ui/sidebar-search`: global search.
 
 ## Toasts (already installed in the starter)
 

workflows/designer/skills/react-ui/reference/data-display.md

@@ -1,6 +1,6 @@
 # react-ui: data display, empty and loading states
 
-Source: @corbits/react-ui 0.5.0 npm package (README.md and dist/ui/*.d.ts), the version pinned in workflows/coder/starter/client/package.json
+Source: @corbits/react-ui 0.5.1 npm package (README.md and dist/ui/*.d.ts), the version pinned in workflows/coder/starter/client/package.json
 Fetched: 2026-10-29
 
 ---

workflows/designer/skills/react-ui/reference/layout.md

@@ -1,6 +1,6 @@
 # react-ui: layout components
 
-Source: @corbits/react-ui 0.5.0 npm package (README.md and dist/ui/*.d.ts), the version pinned in workflows/coder/starter/client/package.json
+Source: @corbits/react-ui 0.5.1 npm package (README.md and dist/ui/*.d.ts), the version pinned in workflows/coder/starter/client/package.json
 Fetched: 2026-10-29
 
 ---

workflows/designer/skills/react-ui/reference/theming.md

@@ -1,6 +1,6 @@
 # react-ui: install, theme and tokens
 
-Source: @corbits/react-ui 0.5.0 npm package (README.md, dist/theme.css, dist/ui/theme-provider.d.ts), the version pinned in workflows/coder/starter/client/package.json
+Source: @corbits/react-ui 0.5.1 npm package (README.md, dist/theme.css, dist/ui/theme-provider.d.ts), the version pinned in workflows/coder/starter/client/package.json
 Fetched: 2026-10-29
 
 ---