fix(webapp): put the watch chip's tooltip back in the tab order

`SimpleTooltip` drops its trigger from the tab order unless `tabbable` is set,
and the chip's label tooltip is the only place its status, cadence and expiry
are written. The cancel tooltip beside it already passed the prop.

Author: kathiekiwi

apps/webapp/app/components/dashboard-agent/WatchChips.test.ts

@@ -0,0 +1,16 @@
+import { readFileSync } from "node:fs";
+import { describe, expect, it } from "vitest";
+
+/**
+ * There is no rendering harness here, so this pins the prop that decides the tab order
+ * rather than the tab order itself: `SimpleTooltip` sets `tabIndex={-1}` unless `tabbable`
+ * is passed. What it does not prove is that focus actually opens the tooltip.
+ */
+describe("the watch chip's tooltips are reachable by keyboard", () => {
+  const source = readFileSync(new URL("./WatchChips.tsx", import.meta.url), "utf8");
+
+  it("marks both tabbable — the label one carries status, cadence and expiry", () => {
+    expect(source.match(/<SimpleTooltip/g) ?? []).toHaveLength(2);
+    expect(source.match(/\btabbable\b/g) ?? []).toHaveLength(2);
+  });
+});

apps/webapp/app/components/dashboard-agent/WatchChips.tsx

@@ -83,6 +83,8 @@ export function WatchChips({
           >
             <StatusIcon watch={watch} />
             <SimpleTooltip
+              // Status, cadence and expiry live only here, so it needs a tab stop.
+              tabbable
               side="bottom"
               content={watchChipTooltip(watch)}
               button={<span className="max-w-[12rem] truncate">{label}</span>}