@@ -0,0 +1,10 @@
+---
+'@object-ui/components': patch
+---
+
+fix(components): dropdown-menu rows and tabs are 44 px touch targets at phone width
+
+Clause-②: no
+Metadata-protocol: none
+
+Below the `sm` breakpoint every `DropdownMenu` row (`DropdownMenuItem`, `DropdownMenuCheckboxItem`, `DropdownMenuRadioItem` and `DropdownMenuSubTrigger`) was 32 px tall and every `TabsTrigger` 38 px, under the 44 px touch target the phone-width Console is held to. Below `sm` each of them is now at least 44 px tall (`max-sm:min-h-11`), and `TabsList` drops its fixed `h-10` there (`max-sm:h-auto`) so it grows with its triggers. From `sm` up their classes are unchanged, so desktop menus and tab strips look and measure as before. Every record "more" menu, list row-action menu and tab strip built on these primitives gets it. `dropdown-menu.tsx` and `tabs.tsx` are Shadcn-synced files, so the change is declared in `ui/scripts/shadcn-local-patches.mjs` and re-applied on every `pnpm shadcn:update`. No export or prop changes.
@@ -146,7 +146,7 @@
         "radix-ui"
       ],
       "registryDependencies": [],
-      "localEdits": "Tailwind v4 syntax. Local uses `origin-(--radix-dropdown-menu-content-transform-origin)`; upstream still ships v3's `origin-[--radix-…]`, which on Tailwind 4.x compiles to the bare `transform-origin: --radix-…` rather than `var(--radix-…)` — invalid CSS that browsers drop, so the open/close animation would scale from the default origin instead of the one Radix computes. Verified against tailwindcss 4.3.3: the paren form emits `var()`, the bracket form does not. Applied repo-wide in 925051db6; do not revert piecemeal."
+      "localEdits": "Tailwind v4 syntax. Local uses `origin-(--radix-dropdown-menu-content-transform-origin)`; upstream still ships v3's `origin-[--radix-…]`, which on Tailwind 4.x compiles to the bare `transform-origin: --radix-…` rather than `var(--radix-…)` — invalid CSS that browsers drop, so the open/close animation would scale from the default origin instead of the one Radix computes. Verified against tailwindcss 4.3.3: the paren form emits `var()`, the bracket form does not. Applied repo-wide in 925051db6; do not revert piecemeal. It also carries the objectstack#29215 phone touch-target patch: below `sm` every menu row (item, checkbox item, radio item, sub-menu trigger) is at least 44 px tall (`max-sm:min-h-11`), and from `sm` up its classes are upstream's. That edit is DECLARED as data in `scripts/shadcn-local-patches.mjs` and re-applied on every `--update`, and `pnpm shadcn:check` exits non-zero if it is ever missing from the file or can no longer be re-applied to upstream."
     },
     "form": {
       "source": "https://ui.shadcn.com/r/styles/default/form.json",
@@ -316,7 +316,8 @@
       "dependencies": [
         "radix-ui"
       ],
-      "registryDependencies": []
+      "registryDependencies": [],
+      "localEdits": "objectstack#29215 phone touch-target patch: below `sm` `TabsTrigger` is at least 44 px tall (`max-sm:min-h-11`) and `TabsList` drops its fixed `h-10` (`max-sm:h-auto`) so it grows with its triggers; from `sm` up both class lists are upstream's. The edit is DECLARED as data in `scripts/shadcn-local-patches.mjs` and re-applied on every `--update`, and `pnpm shadcn:check` exits non-zero if it is ever missing from the file or can no longer be re-applied to upstream."
     },
     "textarea": {
       "source": "https://ui.shadcn.com/r/styles/default/textarea.json",
 
@@ -647,7 +647,7 @@ exports[`Tabs snapshots > renders tabs with multiple panels 1`] = `
 >
   <div
     aria-orientation="horizontal"
-    class="inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground"
+    class="inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground max-sm:h-auto"
     data-orientation="horizontal"
     role="tablist"
     style="outline-color: none; outline-style: none; outline-width: initial;"
@@ -656,7 +656,7 @@ exports[`Tabs snapshots > renders tabs with multiple panels 1`] = `
     <button
       aria-controls="radix-_r_3_-content-account"
       aria-selected="true"
-      class="inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
+      class="inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 max-sm:min-h-11 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="active"
@@ -670,7 +670,7 @@ exports[`Tabs snapshots > renders tabs with multiple panels 1`] = `
     <button
       aria-controls="radix-_r_3_-content-password"
       aria-selected="false"
-      class="inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
+      class="inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 max-sm:min-h-11 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="inactive"
@@ -684,7 +684,7 @@ exports[`Tabs snapshots > renders tabs with multiple panels 1`] = `
     <button
       aria-controls="radix-_r_3_-content-settings"
       aria-selected="false"
-      class="inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
+      class="inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 max-sm:min-h-11 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="inactive"
@@ -738,7 +738,7 @@ exports[`Tabs snapshots > renders tabs with second tab active 1`] = `
 >
   <div
     aria-orientation="horizontal"
-    class="inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground"
+    class="inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground max-sm:h-auto"
     data-orientation="horizontal"
     role="tablist"
     style="outline-color: none; outline-style: none; outline-width: initial;"
@@ -747,7 +747,7 @@ exports[`Tabs snapshots > renders tabs with second tab active 1`] = `
     <button
       aria-controls="radix-_r_7_-content-account"
       aria-selected="false"
-      class="inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
+      class="inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 max-sm:min-h-11 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="inactive"
@@ -761,7 +761,7 @@ exports[`Tabs snapshots > renders tabs with second tab active 1`] = `
     <button
       aria-controls="radix-_r_7_-content-password"
       aria-selected="true"
-      class="inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
+      class="inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 max-sm:min-h-11 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
       data-orientation="horizontal"
       data-radix-collection-item=""
       data-state="active"
 
@@ -0,0 +1,171 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * objectstack#29215 — dropdown-menu rows and tabs are 44 px touch targets at
+ * phone width.
+ *
+ * Every overflow menu, row-action menu and tab strip the Console shows a phone
+ * user is one of these shared primitives, so the floor lives in them. The test
+ * environment has no layout engine, so the target is pinned as drawn: the
+ * phone class below `sm`, and from `sm` up the class list the desktop had
+ * before, token for token. `src/ui/dropdown-menu.tsx` and `src/ui/tabs.tsx` are
+ * regenerated from the registry; the classes are declared patches in
+ * `scripts/shadcn-local-patches.mjs`, whose own test proves the anchors.
+ *
+ * ⚠️ `open` on `DropdownMenu` is load-bearing: Radix mounts the content lazily,
+ * so without it there is no row to read.
+ */
+
+import { describe, it, expect, afterEach } from 'vitest';
+import { render, screen, cleanup } from '@testing-library/react';
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+  DropdownMenuLabel,
+} from '../ui/dropdown-menu';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '../ui/tabs';
+
+afterEach(() => cleanup());
+
+const tokens = (el: Element) => (el.getAttribute('class') ?? '').split(/\s+/).filter(Boolean);
+
+/** Upstream's class lists, unchanged from `sm` up. */
+const DESKTOP = {
+  item:
+    'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+  choice:
+    'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+  subTrigger:
+    'flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+  tabsList: 'inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground',
+  tabsTrigger:
+    'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm',
+};
+
+/** The element carries exactly `phone` below `sm`, and `desktop` everywhere else. */
+function expectPhoneOnly(el: Element, phone: string[], desktop: string) {
+  const cls = tokens(el);
+  expect(cls.filter((c) => c.startsWith('max-sm:'))).toEqual(phone);
+  expect(cls.filter((c) => !c.startsWith('max-sm:'))).toEqual(desktop.split(' '));
+}
+
+describe('#29215 — dropdown-menu rows on a phone', () => {
+  function renderMenu() {
+    render(
+      <DropdownMenu open>
+        <DropdownMenuTrigger>More</DropdownMenuTrigger>
+        <DropdownMenuContent>
+          <DropdownMenuLabel>Record</DropdownMenuLabel>
+          <DropdownMenuItem>Edit</DropdownMenuItem>
+          <DropdownMenuCheckboxItem checked>Follow</DropdownMenuCheckboxItem>
+          <DropdownMenuRadioGroup value="a">
+            <DropdownMenuRadioItem value="a">Compact</DropdownMenuRadioItem>
+          </DropdownMenuRadioGroup>
+          <DropdownMenuSub>
+            <DropdownMenuSubTrigger>Share</DropdownMenuSubTrigger>
+            <DropdownMenuSubContent>
+              <DropdownMenuItem>Copy link</DropdownMenuItem>
+            </DropdownMenuSubContent>
+          </DropdownMenuSub>
+        </DropdownMenuContent>
+      </DropdownMenu>,
+    );
+  }
+
+  it('DropdownMenuItem: at least 44 px below sm, upstream classes from sm up', () => {
+    renderMenu();
+    expectPhoneOnly(screen.getByRole('menuitem', { name: 'Edit' }), ['max-sm:min-h-11'], DESKTOP.item);
+  });
+
+  it('DropdownMenuCheckboxItem: at least 44 px below sm, upstream classes from sm up', () => {
+    renderMenu();
+    expectPhoneOnly(screen.getByRole('menuitemcheckbox', { name: 'Follow' }), ['max-sm:min-h-11'], DESKTOP.choice);
+  });
+
+  it('DropdownMenuRadioItem: at least 44 px below sm, upstream classes from sm up', () => {
+    renderMenu();
+    expectPhoneOnly(screen.getByRole('menuitemradio', { name: 'Compact' }), ['max-sm:min-h-11'], DESKTOP.choice);
+  });
+
+  it('DropdownMenuSubTrigger: at least 44 px below sm, upstream classes from sm up', () => {
+    renderMenu();
+    expectPhoneOnly(screen.getByRole('menuitem', { name: 'Share' }), ['max-sm:min-h-11'], DESKTOP.subTrigger);
+  });
+
+  it('a label is not a control and keeps its height', () => {
+    renderMenu();
+    expect(tokens(screen.getByText('Record')).some((c) => c.startsWith('max-sm:'))).toBe(false);
+  });
+
+  it("a caller's own padding still merges, and the phone floor survives it", () => {
+    render(
+      <DropdownMenu open>
+        <DropdownMenuTrigger>Apps</DropdownMenuTrigger>
+        <DropdownMenuContent>
+          <DropdownMenuItem className="py-2">Home</DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>,
+    );
+    const cls = tokens(screen.getByRole('menuitem', { name: 'Home' }));
+    expect(cls).toContain('py-2');
+    expect(cls).not.toContain('py-1.5');
+    expect(cls).toContain('max-sm:min-h-11');
+  });
+});
+
+describe('#29215 — tabs on a phone', () => {
+  function renderTabs(listClass?: string, triggerClass?: string) {
+    render(
+      <Tabs defaultValue="details">
+        <TabsList className={listClass}>
+          <TabsTrigger value="details" className={triggerClass}>Details</TabsTrigger>
+          <TabsTrigger value="related" className={triggerClass}>Related</TabsTrigger>
+        </TabsList>
+        <TabsContent value="details">Fields</TabsContent>
+      </Tabs>,
+    );
+  }
+
+  it('TabsTrigger: at least 44 px below sm, upstream classes from sm up', () => {
+    renderTabs();
+    for (const name of ['Details', 'Related']) {
+      expectPhoneOnly(screen.getByRole('tab', { name }), ['max-sm:min-h-11'], DESKTOP.tabsTrigger);
+    }
+  });
+
+  it('TabsList: grows with its triggers below sm, upstream h-10 from sm up', () => {
+    renderTabs();
+    expectPhoneOnly(screen.getByRole('tablist'), ['max-sm:h-auto'], DESKTOP.tabsList);
+  });
+
+  it("a caller's fixed height still wins on desktop, and the phone classes survive it", () => {
+    // The AI chat header's compact switcher passes `h-7` / `h-6`.
+    renderTabs('h-7 gap-0.5 p-0.5', 'h-6 px-2.5 text-xs');
+    const list = tokens(screen.getByRole('tablist'));
+    expect(list).toContain('h-7');
+    expect(list).not.toContain('h-10');
+    expect(list).toContain('max-sm:h-auto');
+    const trigger = tokens(screen.getByRole('tab', { name: 'Details' }));
+    expect(trigger).toContain('h-6');
+    expect(trigger).toContain('max-sm:min-h-11');
+  });
+
+  it('TabsContent is not a control and gets no phone class', () => {
+    renderTabs();
+    expect(tokens(screen.getByRole('tabpanel')).some((c) => c.startsWith('max-sm:'))).toBe(false);
+  });
+});