@godxjp/ui 23.4.8 → 23.4.10

package/dist/components/data-entry/upload-crop-dialog.js

@@ -6,6 +6,7 @@ import { cn } from "../../lib/utils.js";
 import { Button } from "../general/button.js";
 import {
   Dialog,
+  DialogBody,
   DialogContent,
   DialogDescription,
   DialogFooter,
@@ -57,7 +58,7 @@ function UploadCropDialog({ open, onOpenChange, file, onConfirm }) {
       /* @__PURE__ */ jsx(DialogTitle, { children: t("dataEntry.upload.cropTitle") }),
       /* @__PURE__ */ jsx(DialogDescription, { children: t("dataEntry.upload.cropDescription") })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "ui-stack-sm", children: [
+    /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsxs("div", { className: "ui-stack-sm", children: [
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -91,7 +92,7 @@ function UploadCropDialog({ open, onOpenChange, file, onConfirm }) {
           }
         )
       ] })
-    ] }),
+    ] }) }),
     /* @__PURE__ */ jsxs(DialogFooter, { children: [
       /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: t("common.cancel") }),
       /* @__PURE__ */ jsx(Button, { onClick: () => void handleConfirm(), children: t("dataEntry.upload.cropConfirm") })

package/dist/components/data-entry/upload.js

@@ -25,7 +25,7 @@ import {
 } from "./upload-types.js";
 import { readDroppedFiles } from "./upload-files.js";
 import { uploadRequest } from "./upload-request.js";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../feedback/dialog.js";
+import { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from "../feedback/dialog.js";
 import { Progress } from "../data-display/progress.js";
 import { useUploadDraft } from "./use-upload-draft.js";
 import { collectUploadCommitActions, createUploadItem as createUploadItem2, UPLOAD_LIST_IGNORE as UPLOAD_LIST_IGNORE2 } from "./upload-types.js";
@@ -414,14 +414,14 @@ function Upload({
         },
         children: /* @__PURE__ */ jsxs(DialogContent, { "aria-describedby": void 0, children: [
           /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: previewItem?.name ?? t("dataEntry.upload.preview") }) }),
-          previewItem?.previewUrl && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(DialogBody, { children: previewItem?.previewUrl && /* @__PURE__ */ jsx(
             "img",
             {
               src: previewItem.previewUrl,
               alt: previewItem.name,
               className: "ui-upload-picture-img"
             }
-          )
+          ) })
         ] })
       }
     ),

package/dist/components/feedback/dialog.d.ts

@@ -142,7 +142,8 @@ declare const AlertDialogAction: typeof DialogAction;
 declare const AlertDialogCancel: typeof DialogCancel;
 /**
  * Preset: confirm / destructive / typed-challenge / step-up without compound markup. Both flows
- * force the destructive tone (button + soft header band).
+ * force the destructive shape: the confirm button plus antd's leading status glyph. The header
+ * surface stays untinted — see the note on `showDangerIcon` below.
  */
 declare function AlertDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, variant, confirmPhrase, challenge, onConfirm, stepUp, keepOpenOnConfirm, pending, }: AlertDialogProp): React.JSX.Element;
 export declare const Dialog: typeof DialogRoot & {

package/dist/components/feedback/dialog.js

@@ -4,7 +4,7 @@ import { useOverlayPortalContainer } from "../../lib/overlay-portal.js";
 import * as React from "react";
 import { chain, mergeRefs } from "@react-aria/utils";
 import { Dialog as RacDialog, Modal, ModalOverlay } from "react-aria-components";
-import { X } from "lucide-react";
+import { AlertCircle, X } from "lucide-react";
 import { cn } from "../../lib/utils.js";
 import { Slot } from "../../lib/slot.js";
 import { overlayHeaderToneClass } from "./overlay-header-tone.js";
@@ -392,7 +392,7 @@ function AlertDialog({
   const needsPhrase = phrase != null && phrase.length > 0;
   const phraseMatches = !needsPhrase || typed === phrase;
   const effectiveVariant = needsPhrase ? "destructive" : variant;
-  const headerTone = effectiveVariant === "destructive" ? "destructive" : "default";
+  const showDangerIcon = effectiveVariant === "destructive";
   const resolvedConfirm = confirmLabel ?? (needsPhrase ? t("common.delete") : t("common.continue"));
   const resolvedCancel = cancelLabel ?? t("common.cancel");
   const busy = pending || verifying;
@@ -429,26 +429,31 @@ function AlertDialog({
     })();
   };
   return /* @__PURE__ */ jsx(AlertDialogRoot, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { tone: headerTone, children: [
-      /* @__PURE__ */ jsx(AlertDialogTitle, { children: title }),
-      description ? /* @__PURE__ */ jsx(AlertDialogDescription, { children: description }) : null
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs("div", { className: "ui-dialog-confirm-body", children: [
+      showDangerIcon && /* @__PURE__ */ jsx(AlertCircle, { className: "ui-dialog-confirm-icon", "aria-hidden": true }),
+      /* @__PURE__ */ jsxs("div", { className: "ui-dialog-confirm-text", children: [
+        /* @__PURE__ */ jsx(AlertDialogTitle, { children: title }),
+        description ? /* @__PURE__ */ jsx(AlertDialogDescription, { children: description }) : null
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DialogBody, { children: [
+      needsPhrase && /* @__PURE__ */ jsx(FormField, { id: inputId, label: t("common.typeToConfirm", { phrase }), children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: inputId,
+          value: typed,
+          onChange: (e) => {
+            setTyped(e.target.value);
+          },
+          autoComplete: "off",
+          spellCheck: false,
+          placeholder: phrase,
+          "aria-required": "true",
+          disabled: busy
+        }
+      ) }),
+      stepUpFailed && /* @__PURE__ */ jsx("p", { id: stepErrorId, role: "alert", className: "ui-dialog-step-up-error", children: t("feedback.alert.stepUpFailed") })
     ] }),
-    needsPhrase && /* @__PURE__ */ jsx(FormField, { id: inputId, label: t("common.typeToConfirm", { phrase }), children: /* @__PURE__ */ jsx(
-      Input,
-      {
-        id: inputId,
-        value: typed,
-        onChange: (e) => {
-          setTyped(e.target.value);
-        },
-        autoComplete: "off",
-        spellCheck: false,
-        placeholder: phrase,
-        "aria-required": "true",
-        disabled: busy
-      }
-    ) }),
-    stepUpFailed && /* @__PURE__ */ jsx("p", { id: stepErrorId, role: "alert", className: "ui-dialog-step-up-error", children: t("feedback.alert.stepUpFailed") }),
     /* @__PURE__ */ jsxs(DialogFooter, { children: [
       /* @__PURE__ */ jsx(DialogCancel, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", disabled: busy, children: resolvedCancel }) }),
       /* @__PURE__ */ jsx(

package/dist/components/layout/app-launcher.js

@@ -7,6 +7,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "../data-display/popover
 import {
   Dialog,
   DialogContent,
+  DialogBody,
   DialogHeader,
   DialogTitle,
   DialogTrigger
@@ -217,7 +218,7 @@ function AppLauncher({
           overlayClassName: "ui-app-launcher-launchpad-overlay",
           children: [
             /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: labels.title }) }),
-            panel
+            /* @__PURE__ */ jsx(DialogBody, { children: panel })
           ]
         }
       )

package/dist/contracts/measurement.json

@@ -1,6 +1,6 @@
 {
   "$comment": "AUTO-GENERATED by scripts/gen-measurement-contract.mjs — do not edit. Read this instead of guessing: docs/MEASUREMENT-CONTRACT.md.",
-  "version": "23.4.8",
+  "version": "23.4.10",
   "targetSize": {
     "standard": "WCAG 2.2 SC 2.5.8 Target Size (Minimum), level AA — 24×24 CSS px",
     "min": 24,

package/dist/styles/control.css

@@ -470,6 +470,10 @@
     fill: currentColor;
   }
 
+  .ui-radio[data-state="unchecked"] .ui-radio-icon {
+    visibility: hidden;
+  }
+
   .ui-switch:has(input[aria-invalid="true"]) {
     --tw-ring-shadow: 0 0 0 var(--focus-ring-width) hsl(var(--destructive));
     box-shadow: 0 0 0 var(--focus-ring-width) hsl(var(--destructive));

package/dist/styles/dialog-layout.css

@@ -123,7 +123,8 @@
     }
   }
 
-  [data-slot="dialog-content"]:has([data-slot="dialog-body"]) [data-slot="dialog-header"] {
+  [data-slot="dialog-content"]:has([data-slot="dialog-body"]) [data-slot="dialog-header"],
+  [data-slot="dialog-header"]:not([data-tone="default"]) {
     margin-inline: calc(-1 * var(--dialog-space-x));
     margin-block-start: calc(-1 * var(--dialog-space-y));
     padding: var(--dialog-space-y) var(--dialog-space-x);
@@ -222,6 +223,26 @@
   [data-slot="dialog-header"]:not([data-tone="default"]) [data-slot="dialog-description"] {
     color: hsl(var(--foreground));
   }
+
+  .ui-dialog-confirm-body {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--dialog-confirm-space-gap);
+  }
+
+  .ui-dialog-confirm-icon {
+    flex: none;
+    inline-size: var(--dialog-confirm-icon-size);
+    block-size: var(--dialog-confirm-icon-size);
+    color: hsl(var(--text-error));
+  }
+
+  .ui-dialog-confirm-text {
+    display: flex;
+    min-inline-size: 0;
+    flex-direction: column;
+    gap: var(--dialog-title-block-space-gap);
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {

package/dist/styles/layout.css

@@ -716,6 +716,11 @@
     width: 100%;
   }
 
+  .ui-page-header-extra > .ui-flex[data-direction="row"] {
+    flex-wrap: wrap;
+    max-inline-size: 100%;
+  }
+
   .ui-page-header-title-row {
     display: flex;
     flex-wrap: wrap;
@@ -762,11 +767,6 @@
     .ui-page-header .ui-page-subtitle {
       font-size: var(--page-subtitle-font-size-compact);
     }
-
-    .ui-page-header-extra > .ui-flex[data-direction="row"] {
-      flex-wrap: wrap;
-      max-width: 100%;
-    }
   }
 
   @media (max-width: 639.98px) {

package/dist/tokens/components/feedback.css

@@ -36,6 +36,9 @@
   --dialog-title-block-space-gap: var(--space-1);
   --dialog-extra-space-gap: var(--space-2);
 
+  --dialog-confirm-icon-size: var(--icon-size-xl);
+  --dialog-confirm-space-gap: var(--space-3);
+
   --dialog-header-close-space-inline-end: var(--space-8);
 
   --dialog-close-rest-alpha: 0.7;

package/docs/FRAME-COVERAGE-REPORT.md

@@ -3,8 +3,8 @@
 > Generated by `scripts/frame-coverage.mjs` (issue #163). Do not edit by hand — run `pnpm check:frame-coverage`.
 > Standard: [FRAME-COVERAGE-STANDARD.md](./FRAME-COVERAGE-STANDARD.md). A missing dimension is **UNTESTED**, never a pass.
 
-- Public components: **152**
-- With ≥1 frame: **135** · zero-frame: **17**
+- Public components: **163**
+- With ≥1 frame: **142** · zero-frame: **21**
 - Fully covered (every contract axis declared): **0**
 
 ## UNTESTED — no `/frame/**` route
@@ -16,7 +16,11 @@
 - [ ] `CardBar`
 - [ ] `VisuallyHidden`
 - [ ] `RangeTimeline`
+- [ ] `Title`
+- [ ] `Paragraph`
+- [ ] `Link`
 - [ ] `ServiceCatalogCta`
+- [ ] `SkeletonRows`
 - [ ] `OverlayPortalProvider`
 - [ ] `SkeletonArticle`
 - [ ] `SkeletonAvatar`
@@ -54,14 +58,19 @@ Legend: ✓ covered · N/A reasoned skip · · UNTESTED (blank cell = UNTESTED).
 | TopbarItem | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | NavList | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | MasterDetail | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
+| DraggablePanel | ✓ | N/A | · | N/A | · | · | · | · | · | · |
 | SplitPane | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | ErrorSurface | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
 | LegalDocumentShell | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | Breadcrumb | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
-| FloatButton | ✓ | · | · | · | · | · | · | · | · | · |
-| Button | ✓ | ✓ | · | · | · | · | · | · | · | · |
-| Text | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
+| FloatButton | ✓ | ✓ | · | N/A | · | · | · | · | · | · |
+| Button | ✓ | ✓ | · | N/A | · | · | · | · | · | · |
+| Text | ✓ | ✓ | · | N/A | · | · | · | · | · | · |
 | Heading | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
+| Typography | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
+| Title | **✗** | · | · | N/A | · | · | · | · | · | · |
+| Paragraph | **✗** | · | · | N/A | · | · | · | · | · | · |
+| Link | **✗** | · | · | N/A | · | · | · | · | · | · |
 | Logo | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
 | Reveal | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | Activity | ✓ | · | N/A | N/A | · | · | · | · | · | · |
@@ -102,13 +111,14 @@ Legend: ✓ covered · N/A reasoned skip · · UNTESTED (blank cell = UNTESTED).
 | Checkbox | ✓ | N/A | · | · | · | · | · | · | · | · |
 | RadioGroup | ✓ | N/A | · | · | · | · | · | · | · | · |
 | DatePicker | ✓ | · | · | · | · | · | · | · | · | · |
-| Dialog | ✓ | N/A | N/A | · | · | · | · | · | · | · |
+| Dialog | ✓ | ✓ | N/A | · | · | · | · | · | · | · |
 | AlertDialog | ✓ | ✓ | · | · | · | · | · | · | · | · |
 | AlertDialogRoot | ✓ | N/A | N/A | · | · | · | · | · | · | · |
 | Sheet | ✓ | N/A | N/A | · | · | · | · | · | · | · |
 | Alert | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
 | Banner | ✓ | ✓ | N/A | N/A | · | · | · | · | · | · |
 | SkeletonTable | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
+| SkeletonRows | **✗** | N/A | N/A | N/A | · | · | · | · | · | · |
 | Toaster | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
 | Tabs | ✓ | ✓ | N/A | · | · | · | · | · | · | · |
 | Pagination | ✓ | · | · | · | · | · | · | · | · | · |
@@ -153,7 +163,7 @@ Legend: ✓ covered · N/A reasoned skip · · UNTESTED (blank cell = UNTESTED).
 | HoverCard | ✓ | N/A | N/A | · | · | · | · | · | · | · |
 | PasswordInput | ✓ | ✓ | · | · | · | · | · | · | · | · |
 | PasswordStrength | ✓ | N/A | N/A | · | · | · | · | · | · | · |
-| InputOTP | ✓ | · | · | · | · | · | · | · | · | · |
+| InputOTP | ✓ | · | N/A | · | · | · | · | · | · | · |
 | Rating | ✓ | N/A | · | · | · | · | · | · | · | · |
 | Segmented | ✓ | ✓ | · | · | · | · | · | · | · | · |
 | TagInput | ✓ | ✓ | · | · | · | · | · | · | · | · |
@@ -185,4 +195,9 @@ Legend: ✓ covered · N/A reasoned skip · · UNTESTED (blank cell = UNTESTED).
 | ChatBubbleList | **✗** | N/A | N/A | N/A | · | · | · | · | · | · |
 | ChatComposer | ✓ | · | · | · | · | · | · | · | · | · |
 | ChatSuggestion | ✓ | N/A | N/A | · | · | · | · | · | · | · |
+| Conversations | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
+| Welcome | ✓ | · | N/A | N/A | · | · | · | · | · | · |
+| Actions | ✓ | · | N/A | N/A | · | · | · | · | · | · |
+| ThoughtChain | ✓ | N/A | N/A | N/A | · | · | · | · | · | · |
+| Attachments | ✓ | N/A | · | N/A | · | · | · | · | · | · |
 

package/docs/data-display/credential-reveal.tsx

@@ -11,6 +11,7 @@ import { Button } from "@godxjp/ui/general";
 import { Flex, PageContainer } from "@godxjp/ui/layout";
 import {
   Dialog,
+  DialogBody,
   DialogContent,
   DialogDescription,
   DialogHeader,
@@ -51,12 +52,14 @@ export default function Demo() {
                     このキーはこの画面でのみ表示されます。安全な場所に保管してください。
                   </DialogDescription>
                 </DialogHeader>
-                <CredentialReveal
-                  label="APIキー"
-                  secret={API_KEY}
-                  downloadable
-                  onAcknowledge={() => setOpen(false)}
-                />
+                <DialogBody>
+                  <CredentialReveal
+                    label="APIキー"
+                    secret={API_KEY}
+                    downloadable
+                    onAcknowledge={() => setOpen(false)}
+                  />
+                </DialogBody>
               </DialogContent>
             </Dialog>
           </CardContent>

package/docs/data-entry/form-field/index.tsx

@@ -8,6 +8,7 @@ import {
   DialogHeader,
   DialogTitle,
   Sheet,
+  SheetBody,
   SheetContent,
   SheetHeader,
   SheetTitle,
@@ -312,14 +313,16 @@ export default function Demo() {
                 <SheetHeader>
                   <SheetTitle>請求先設定</SheetTitle>
                 </SheetHeader>
-                <Form>
-                  <FormField id="sheet-name" label="宛名" required>
-                    <Input id="sheet-name" />
-                  </FormField>
-                  <FormField id="sheet-note" label="備考">
-                    <Input id="sheet-note" />
-                  </FormField>
-                </Form>
+                <SheetBody>
+                  <Form>
+                    <FormField id="sheet-name" label="宛名" required>
+                      <Input id="sheet-name" />
+                    </FormField>
+                    <FormField id="sheet-note" label="備考">
+                      <Input id="sheet-note" />
+                    </FormField>
+                  </Form>
+                </SheetBody>
               </SheetContent>
             </Sheet>
           </CardContent>

package/docs/feedback/danger-confirm.tsx

@@ -7,7 +7,8 @@ import { Flex, PageContainer } from "@godxjp/ui/layout";
 /**
  * DangerConfirm recipe (godxui#193) — high-stakes deletion built on the AlertDialog preset.
  * No new component: `challenge` gates the confirm button behind an exact typed slug, and `stepUp`
- * runs an async passkey / 2FA re-auth before onConfirm fires. Both force the destructive tone.
+ * runs an async passkey / 2FA re-auth before onConfirm fires. Both force the destructive shape
+ * (button + leading status glyph, untinted surface — antd `Modal.confirm` parity).
  * Mirrors DXS SCR-203 (org delete by slug) and SCR-209 (refund with step-up).
  */
 export default function Demo() {
@@ -25,8 +26,10 @@ export default function Demo() {
             <CardTitle level={2}>Organization delete · typed slug challenge</CardTitle>
             <CardDescription>
               The confirm button stays disabled until the operator types the exact organization slug
-              (<code>acme-inc</code>). A typed challenge always forces the destructive tone and a
-              soft danger header band.
+              (<code>acme-inc</code>). A typed challenge always forces the destructive shape: the
+              destructive confirm button and antd&rsquo;s leading status glyph. The header surface
+              stays untinted — the glyph is the signal, exactly as <code>Modal.confirm</code> does
+              it.
             </CardDescription>
           </CardHeader>
           <CardContent>

package/docs/feedback/dialog.tsx

@@ -3,6 +3,7 @@ import {
   Dialog,
   DialogAction,
   DialogCancel,
+  DialogBody,
   DialogContent,
   DialogDescription,
   DialogFooter,
@@ -72,6 +73,7 @@ export default function Demo() {
                     借方・貸方科目と金額を入力して保存してください。
                   </DialogDescription>
                 </DialogHeader>
+                <DialogBody>
                 <Flex direction="col" gap="md">
                   <Flex direction="row" gap="sm" align="center">
                     <Text tone="muted" className="w-20 shrink-0">
@@ -92,6 +94,7 @@ export default function Demo() {
                     <Text>¥ 120,000</Text>
                   </Flex>
                 </Flex>
+                </DialogBody>
                 <DialogFooter>
                   <Button variant="outline" onClick={() => setCreateOpen(false)}>
                     キャンセル
@@ -123,6 +126,7 @@ export default function Demo() {
                   <DialogTitle>取引 #JE-2024-0042</DialogTitle>
                   <DialogDescription>2024年3月31日 · 月次決算仕訳</DialogDescription>
                 </DialogHeader>
+                <DialogBody>
                 <Flex direction="col" gap="sm">
                   <Flex direction="row" justify="between">
                     <Text tone="muted">借方</Text>
@@ -137,6 +141,7 @@ export default function Demo() {
                     <Text>3月売上計上</Text>
                   </Flex>
                 </Flex>
+                </DialogBody>
               </DialogContent>
             </Dialog>
           </CardContent>
@@ -178,10 +183,12 @@ export default function Demo() {
                     subtitle={`見出し帯は tone="${headerTone}" で描画しています。`}
                     extra={<Badge tone={headerTone}>{headerTone}</Badge>}
                   />
-                  <Text size="sm">
-                    帯の色だけが tone に追従し、見出しと本文の文字色は変わりません。extra
-                    スロットは帯の右端に固定され、閉じるボタンとは重なりません。
-                  </Text>
+                  <DialogBody>
+                    <Text size="sm">
+                      帯の色だけが tone に追従し、見出しと本文の文字色は変わりません。extra
+                      スロットは帯の右端に固定され、閉じるボタンとは重なりません。
+                    </Text>
+                  </DialogBody>
                   <DialogFooter>
                     <Button variant="outline" onClick={() => setToneOpen(false)}>
                       閉じる
@@ -219,14 +226,16 @@ export default function Demo() {
                   title="提携を終了しますか？"
                   subtitle="この操作は元に戻せません。終了理由は監査ログに残ります。"
                 />
-                <FormField id="termination-reason" label="終了理由" required>
-                  <Textarea
-                    id="termination-reason"
-                    value={reason}
-                    onChange={(event) => setReason(event.target.value)}
-                    placeholder="契約違反の内容を記載してください"
-                  />
-                </FormField>
+                <DialogBody>
+                  <FormField id="termination-reason" label="終了理由" required>
+                    <Textarea
+                      id="termination-reason"
+                      value={reason}
+                      onChange={(event) => setReason(event.target.value)}
+                      placeholder="契約違反の内容を記載してください"
+                    />
+                  </FormField>
+                </DialogBody>
                 <DialogFooter>
                   <DialogCancel asChild>
                     <Button variant="ghost">キャンセル</Button>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "23.4.8",
-  "godxUiMcp": "23.4.8",
+  "version": "23.4.10",
+  "godxUiMcp": "23.4.10",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -321,6 +321,7 @@
     "test:coverage": "vitest run --coverage",
     "check:example-imports": "node scripts/check-example-imports.mjs",
     "check:frame-coverage": "node scripts/frame-coverage.mjs",
+    "check:frame-coverage-report": "node scripts/frame-coverage.mjs --check",
     "gen:frame-coverage-ledger": "node scripts/gen-frame-coverage-ledger.mjs",
     "check:frame-coverage-ledger": "node scripts/gen-frame-coverage-ledger.mjs --check && node scripts/check-frame-coverage-ledger.mjs",
     "check:screen-reader-evidence": "node scripts/check-screen-reader-evidence.mjs",
@@ -336,7 +337,7 @@
     "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:frame-coverage && pnpm test",
     "verify:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:token-scale-bypass && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm check:contrast && pnpm check:visual-audit && pnpm test",
     "verify:ci": "pnpm verify:ci:static && pnpm check:frame-contracts && pnpm test",
-    "verify:ci:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:registry && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:no-antd-runtime && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:measurement-contract && pnpm check:mcp-token-sync && pnpm check:email-token-sync && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-catalog-completeness && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:gate-coverage && pnpm check:mcp-prop-sync && pnpm check:catalog-contradictions && pnpm check:catalog-snippets",
+    "verify:ci:static": "pnpm build && pnpm check:packed-public-contract && pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm preview:build && pnpm check:registry && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:no-consumer-coupling && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:no-external-assets && pnpm check:token-scale-bypass && pnpm check:no-antd-runtime && pnpm check:radix-surface && pnpm check:dist-tokens-resolve && pnpm check:no-hardcoded-geometry && pnpm check:no-hardcoded-css-values && pnpm check:disclosure-duplication && pnpm check:no-inline-magic-numbers && pnpm check:no-tailwind-class-assertions && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-lockstep && pnpm check:measurement-contract && pnpm check:mcp-token-sync && pnpm check:email-token-sync && pnpm check:mcp-sync && pnpm check:doc-prop-existence && pnpm check:mcp-catalog-coverage && pnpm check:mcp-orphans && pnpm check:mcp-catalog-completeness && pnpm check:mcp-pattern-imports && pnpm check:audit-sync && pnpm check:frame-coverage-report && pnpm check:gate-coverage && pnpm check:mcp-prop-sync && pnpm check:catalog-contradictions && pnpm check:catalog-snippets",
     "verify:browser": "pnpm check:contrast && pnpm check:text-ink-clip && pnpm check:font-fallback-metrics && pnpm check:visual-audit",
     "verify:release": "pnpm verify:static && pnpm check:frame-contracts && pnpm check:frame-coverage",
     "verify:publish-tree": "pnpm build && pnpm check:packed-public-contract && pnpm check:use-client && pnpm check:dist-tokens-resolve",

package/scripts/ui-audit.mjs

@@ -923,6 +923,30 @@ const CARD_TABLE_FLUSH = new RegExp(
   "g",
 );
 
+/*
+ * A `DialogContent` / `SheetContent` that has chrome (a header or a footer) but no BODY.
+ *
+ * The scroll lives on the body, and only on the body:
+ *
+ *     [data-slot="dialog-body"]    { min-height: 0; max-height: min(60vh, 32rem); overflow-y: auto }
+ *     [data-slot="dialog-content"] { overflow: hidden }   // no max-height, deliberately
+ *
+ * So an overlay without one cannot scroll at all: content longer than the viewport is clipped at
+ * BOTH ends, taking the footer's buttons with it, and the only way out is Escape. Reported from a
+ * consumer whose five dialogs all had the defect and none of whose reviewers could see it — it only
+ * appears on real customer data, never on demo data (gh#617).
+ *
+ * THE SAME SHAPE AS gh#611, and the reporter named it as such: a layout contract that EXISTS in the
+ * stylesheet with no gate to enforce it. `Card`→`CardContent` had `card-needs-content`;
+ * `Dialog`→`DialogBody` had nothing. `Sheet` is included for the reason gh#611 taught: when a rule
+ * names a component, ask whether its required sibling slots are checked too — Sheet's CSS carries
+ * the identical `:has([data-slot="sheet-body"])` pair, so it carries the identical defect.
+ *
+ * Chrome is the trigger, not length: a bare `<DialogContent>` holding one line needs nothing, but
+ * once a header or footer is present the middle is a body and the middle is what scrolls.
+ */
+const OVERLAY_NEEDS_BODY = /<(Dialog|AlertDialog|Sheet)Content\b[^>]*>([\s\S]*?)<\/\1Content>/g;
+
 const CARD_FLUSH = new RegExp(
   `<Card(?!${ATTRS}\\bp-0\\b)(?:\\s${ATTRS})?>\\s*<(?!CardContent|CardHeader|CardCover|CardFooter|CardBar|\\/Card)`,
   "g",
@@ -1179,6 +1203,29 @@ for (const dir of SCAN_DIRS) {
         snippet: match[0].replace(/\s+/g, " ").slice(0, 120),
       });
     }
+    for (const match of scanContent.matchAll(OVERLAY_NEEDS_BODY)) {
+      const [, family, inner] = match;
+      const slot = family === "Sheet" ? "Sheet" : "Dialog";
+      const hasChrome = new RegExp(`<${slot}(?:Header|Footer)\\b`).test(inner);
+      const hasBody = new RegExp(`<${slot}Body\\b`).test(inner);
+      if (!hasChrome || hasBody) continue;
+      const lineNo = scanContent.slice(0, match.index).split("\n").length;
+      if (suppressed("dialog-needs-body", lineNo - 1)) continue;
+      findings.push({
+        file: rel,
+        line: lineNo,
+        rule: "dialog-needs-body",
+        severity: "error",
+        message:
+          `<${family}Content> has a ${slot}Header/${slot}Footer but no <${slot}Body>. The scroll lives on ` +
+          `the body — the content box is \`overflow: hidden\` with no max-height — so content taller ` +
+          `than the viewport is clipped at BOTH ends and the footer's buttons go with it, leaving ` +
+          `Escape as the only way out. It only shows on real data, never on demo data.`,
+        replacement: `${slot}Body`,
+        snippet: match[0].replace(/\s+/g, " ").slice(0, 120),
+      });
+    }
+
     if (
       !(SELF && !args.includes("--consumer")) &&
       !/<(?:Flex|ResponsiveGrid|PageContainer)\b/.test(scanContent)