@godxjp/ui 23.3.0 → 23.4.1

package/dist/i18n/messages/en.json

@@ -178,6 +178,16 @@
         "one": "{count} suggestion",
         "other": "{count} suggestions"
       }
+    },
+    "attachments": {
+      "placeholderTitle": "Upload files",
+      "placeholderDescription": "Click or drag files here",
+      "dropLabel": "Drop files ({type})",
+      "inputLabel": "Choose attachment files",
+      "add": "Add attachment",
+      "remove": "Remove {name}",
+      "uploading": "Uploading attachment",
+      "error": "Upload failed"
     }
   },
   "feedback": {
@@ -263,6 +273,9 @@
       "hintMove": "Move",
       "hintSelect": "Select",
       "hintClose": "Close"
+    },
+    "draggablePanel": {
+      "moveLabel": "Move panel. Use the arrow keys to move it, or hold Shift for larger steps."
     }
   },
   "dataDisplay": {
@@ -317,6 +330,15 @@
       "loading": "Loading child nodes…",
       "empty": "Nothing to show",
       "selected": "Selected"
+    },
+    "thoughtChain": {
+      "label": "Reasoning steps",
+      "status": {
+        "loading": "in progress",
+        "success": "done",
+        "error": "failed",
+        "abort": "stopped"
+      }
     }
   },
   "ui": {
@@ -344,11 +366,22 @@
       "download": "Download secret",
       "acknowledge": "I've saved it"
     },
+    "floatButton": {
+      "backTop": "Back to top",
+      "actions": "Actions"
+    },
     "numberInput": {
       "increment": "Increase",
       "decrement": "Decrease",
       "incrementField": "Increase {label}",
       "decrementField": "Decrease {label}"
+    },
+    "typography": {
+      "copy": "Copy",
+      "copied": "Copied",
+      "edit": "Edit",
+      "expand": "Expand",
+      "collapse": "Collapse"
     }
   },
   "navigation": {
@@ -437,6 +470,11 @@
     },
     "settingToggle": {
       "label": "{setting}: {value}"
+    },
+    "conversations": {
+      "label": "Conversations",
+      "creation": "New conversation",
+      "rowActions": "More actions for {label}"
     }
   },
   "locale": {
@@ -591,5 +629,20 @@
         "other": "{count} new messages"
       }
     }
+  },
+  "general": {
+    "actions": {
+      "label": "Message actions",
+      "copy": "Copy",
+      "copied": "Copied",
+      "feedback": "Was this answer helpful?",
+      "like": "Helpful",
+      "dislike": "Not helpful",
+      "status": {
+        "running": "running",
+        "loading": "loading",
+        "error": "failed"
+      }
+    }
   }
 }

package/dist/i18n/messages/ja.json

@@ -174,6 +174,16 @@
       "count": {
         "other": "候補 {count} 件"
       }
+    },
+    "attachments": {
+      "placeholderTitle": "ファイルをアップロード",
+      "placeholderDescription": "クリックまたはドラッグしてファイルを追加",
+      "dropLabel": "ファイルをドロップ ({type})",
+      "inputLabel": "添付ファイルを選択",
+      "add": "添付を追加",
+      "remove": "{name} を削除",
+      "uploading": "添付をアップロード中",
+      "error": "アップロードに失敗しました"
     }
   },
   "feedback": {
@@ -256,6 +266,9 @@
       "hintMove": "移動",
       "hintSelect": "選択",
       "hintClose": "閉じる"
+    },
+    "draggablePanel": {
+      "moveLabel": "パネルを移動。矢印キーで移動、Shift キーを押しながらで大きく移動します。"
     }
   },
   "dataDisplay": {
@@ -310,6 +323,15 @@
       "loading": "子ノードを読み込み中…",
       "empty": "表示する項目がありません",
       "selected": "選択中"
+    },
+    "thoughtChain": {
+      "label": "思考の手順",
+      "status": {
+        "loading": "実行中",
+        "success": "完了",
+        "error": "失敗",
+        "abort": "中断"
+      }
     }
   },
   "ui": {
@@ -337,11 +359,22 @@
       "download": "シークレットをダウンロード",
       "acknowledge": "保存しました"
     },
+    "floatButton": {
+      "backTop": "トップへ戻る",
+      "actions": "アクション"
+    },
     "numberInput": {
       "increment": "増やす",
       "decrement": "減らす",
       "incrementField": "{label}を増やす",
       "decrementField": "{label}を減らす"
+    },
+    "typography": {
+      "copy": "コピー",
+      "copied": "コピーしました",
+      "edit": "編集",
+      "expand": "展開",
+      "collapse": "折りたたむ"
     }
   },
   "navigation": {
@@ -424,6 +457,11 @@
     },
     "settingToggle": {
       "label": "{setting}：{value}"
+    },
+    "conversations": {
+      "label": "会話一覧",
+      "creation": "新しい会話",
+      "rowActions": "「{label}」のその他の操作"
     }
   },
   "locale": {
@@ -577,5 +615,20 @@
         "other": "新着 {count} 件"
       }
     }
+  },
+  "general": {
+    "actions": {
+      "label": "メッセージの操作",
+      "copy": "コピー",
+      "copied": "コピーしました",
+      "feedback": "この回答は役に立ちましたか",
+      "like": "役に立った",
+      "dislike": "役に立たなかった",
+      "status": {
+        "running": "実行中",
+        "loading": "読み込み中",
+        "error": "失敗"
+      }
+    }
   }
 }

package/dist/i18n/messages/vi.json

@@ -175,6 +175,16 @@
         "one": "{count} gợi ý",
         "other": "{count} gợi ý"
       }
+    },
+    "attachments": {
+      "placeholderTitle": "Tải tệp lên",
+      "placeholderDescription": "Nhấp hoặc kéo thả tệp vào đây",
+      "dropLabel": "Thả tệp ({type})",
+      "inputLabel": "Chọn tệp đính kèm",
+      "add": "Thêm tệp đính kèm",
+      "remove": "Xóa {name}",
+      "uploading": "Đang tải tệp đính kèm",
+      "error": "Tải lên thất bại"
     }
   },
   "feedback": {
@@ -257,6 +267,9 @@
       "hintMove": "Di chuyển",
       "hintSelect": "Chọn",
       "hintClose": "Đóng"
+    },
+    "draggablePanel": {
+      "moveLabel": "Di chuyển bảng. Dùng phím mũi tên để dời, giữ Shift để bước dài hơn."
     }
   },
   "dataDisplay": {
@@ -311,6 +324,15 @@
       "loading": "Đang tải nút con…",
       "empty": "Không có gì để hiển thị",
       "selected": "Đã chọn"
+    },
+    "thoughtChain": {
+      "label": "Các bước suy luận",
+      "status": {
+        "loading": "đang chạy",
+        "success": "xong",
+        "error": "thất bại",
+        "abort": "đã dừng"
+      }
     }
   },
   "ui": {
@@ -338,11 +360,22 @@
       "download": "Tải khóa bí mật",
       "acknowledge": "Tôi đã lưu"
     },
+    "floatButton": {
+      "backTop": "Về đầu trang",
+      "actions": "Hành động"
+    },
     "numberInput": {
       "increment": "Tăng",
       "decrement": "Giảm",
       "incrementField": "Tăng {label}",
       "decrementField": "Giảm {label}"
+    },
+    "typography": {
+      "copy": "Sao chép",
+      "copied": "Đã sao chép",
+      "edit": "Sửa",
+      "expand": "Mở rộng",
+      "collapse": "Thu gọn"
     }
   },
   "navigation": {
@@ -425,6 +458,11 @@
     },
     "settingToggle": {
       "label": "{setting}: {value}"
+    },
+    "conversations": {
+      "label": "Danh sách hội thoại",
+      "creation": "Hội thoại mới",
+      "rowActions": "Thao tác khác cho {label}"
     }
   },
   "locale": {
@@ -578,5 +616,20 @@
         "other": "{count} tin nhắn mới"
       }
     }
+  },
+  "general": {
+    "actions": {
+      "label": "Thao tác với tin nhắn",
+      "copy": "Sao chép",
+      "copied": "Đã sao chép",
+      "feedback": "Câu trả lời này có hữu ích không",
+      "like": "Hữu ích",
+      "dislike": "Không hữu ích",
+      "status": {
+        "running": "đang chạy",
+        "loading": "đang tải",
+        "error": "thất bại"
+      }
+    }
   }
 }

package/dist/props/components/data-display.prop.d.ts

@@ -28,7 +28,7 @@ export type ProseProp = {
     className?: ClassNameProp;
     children?: ChildrenProp;
 };
-import type { ActionProp, ClassNameProp, DescriptionProp, IconProp, TitleProp, ColumnDefProp, GetRowIdProp, GetRowLabelProp, OnRowClickProp, OnSelectChangeProp, OnSortChangeProp, OnTableDensityChangeProp, SelectedIdsProp, SortStateProp, TableDensityProp, TablePresetProp, BreakpointProp, DensityProp, ChildrenProp, PendingProp, ToneProp, AvatarShapeProp, HeadingLevelProp, HandlerProp, SizeProp, LabelProp, IdProp, DescriptionsLayoutProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, SortDirectionProp, OnColumnFilterChangeProp, OnRowProp, TableExpandableProp, TableRowSelectionProp, TableScrollProp, TableStickyProp, TableSummaryProp, DisabledProp, ValueProp, DefaultValueProp, OnValueChangeProp } from "../vocabulary/index.js";
+import type { ActionProp, ClassNameProp, DescriptionProp, IconProp, TitleProp, ColumnDefProp, GetRowIdProp, GetRowLabelProp, OnRowClickProp, OnSelectChangeProp, OnSortChangeProp, OnTableDensityChangeProp, SelectedIdsProp, SortStateProp, TableDensityProp, TablePresetProp, BreakpointProp, DensityProp, ChildrenProp, PendingProp, ToneProp, AvatarShapeProp, HeadingLevelProp, HandlerProp, SizeProp, LabelProp, IdProp, DescriptionsLayoutProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, SortDirectionProp, OnColumnFilterChangeProp, OnRowProp, TableExpandableProp, TableRowSelectionProp, TableScrollProp, TableStickyProp, TableSummaryProp, DisabledProp, OnClickProp, ValueProp, DefaultValueProp, OnValueChangeProp } from "../vocabulary/index.js";
 import type { TreeFieldNamesProp, TreeOptionProp } from "./data-entry.prop.js";
 /**
  * One key in a `Legend`: a tone, and the words that tone stands for.
@@ -789,3 +789,145 @@ export type ChatBubbleListProp = {
     className?: ClassNameProp;
     id?: IdProp;
 };
+/**
+ * Ant Design X `Welcome variant`. `filled` gives the block its own tinted ground; `borderless`
+ * lets it sit directly on the page.
+ * @see Welcome
+ */
+export type WelcomeVariantProp = "filled" | "borderless";
+/**
+ * @see Welcome — the greeting block at the head of an empty conversation (Ant Design X `Welcome`).
+ *
+ * Ant X's own slots, field for field: `icon`, `title`, `description`, `extra`, `variant`. The one
+ * behaviour worth naming is the `icon` STRING: Ant renders a `string` beginning with `http` as an
+ * `<img>` rather than as text (`es/welcome/index.js`), and that is ported — with `alt=""`, because
+ * the glyph beside a title it duplicates is decorative, where Ant hardcodes `alt="icon"`.
+ */
+export type WelcomeProp = {
+    /** Leading glyph, or an `http(s)` URL rendered as a decorative image. Ant Design X `icon`. */
+    icon?: React.ReactNode;
+    /** The greeting itself. Ant Design X `title`. */
+    title?: React.ReactNode;
+    /** The line under it. Ant Design X `description`. */
+    description?: React.ReactNode;
+    /** Trailing slot on the title row — a dismiss button, a model picker. Ant Design X `extra`. */
+    extra?: React.ReactNode;
+    /** Ant Design X `variant`. Default `filled`. */
+    variant?: WelcomeVariantProp;
+    id?: IdProp;
+    className?: ClassNameProp;
+};
+/**
+ * Ant Design X `THOUGHT_CHAIN_ITEM_STATUS` — how one step of the chain ended, or that it has not.
+ * @see ThoughtChain
+ */
+export type ThoughtChainStatusProp = "loading" | "success" | "error" | "abort";
+/**
+ * Ant Design X `ThoughtChainProps.line` — the connector drawn between two steps. `true` is the
+ * default solid rule, `false` draws none, and the three strings pick its stroke.
+ *
+ * Ant's own type spells the third `'dotted‌'` with a trailing U+200C ZERO WIDTH NON-JOINER
+ * (`es/thought-chain/interface.d.ts`), so `line="dotted"` does not type-check against it. The
+ * clean spelling is used here; that is a typo fix, not an API change.
+ * @see ThoughtChain
+ */
+export type ThoughtChainLineProp = boolean | "solid" | "dashed" | "dotted";
+/**
+ * Ant Design X `ThoughtChainItemProps.variant` — the chrome of a STANDALONE step.
+ * @see ThoughtChainItem
+ */
+export type ThoughtChainVariantProp = "solid" | "outlined" | "text";
+/** @see ThoughtChain — one step. Ant Design X `ThoughtChainItemType`, field for field. */
+export type ThoughtChainItemsProp = {
+    /** Identity, and what `expandedKeys` addresses. Ant Design X `key`. */
+    key?: string;
+    /**
+     * The step's glyph. `false` removes it entirely; omitted, the step shows its 1-based ORDINAL,
+     * which is Ant's default (`es/thought-chain/Node.js`). Ant Design X `icon`.
+     */
+    icon?: React.ReactNode | false;
+    /** Ant Design X `title`. */
+    title?: React.ReactNode;
+    /** The line under the title, always visible. Ant Design X `description`. */
+    description?: React.ReactNode;
+    /** The body the step collapses. Ant Design X `content`. */
+    content?: React.ReactNode;
+    /** Below the body, always visible. Ant Design X `footer`. */
+    footer?: React.ReactNode;
+    /** Ant Design X `status`. */
+    status?: ThoughtChainStatusProp;
+    /** Turn the title into a disclosure for `content`. Ant Design X `collapsible`. */
+    collapsible?: boolean;
+    /** Pulse the title and body while the step is still being written. Ant Design X `blink`. */
+    blink?: boolean;
+    /** Unmount the body while collapsed. Default `true`, as in Ant. Ant Design X `destroyOnHidden`. */
+    destroyOnHidden?: boolean;
+};
+/**
+ * @see ThoughtChain — the assistant's reasoning, step by step (Ant Design X `ThoughtChain`).
+ *
+ * An ordered list: each step carries an ordinal or a glyph, a status, a title, and a body it can
+ * collapse. `Timeline` is the neighbour to check first — it is the same vertical rail for EVENTS
+ * that already happened; a thought chain is a run in progress, which is why a step has `loading`
+ * and `abort` states and a body that opens.
+ */
+export type ThoughtChainProp = {
+    /** The steps, in order. Ant Design X `items`. */
+    items?: readonly ThoughtChainItemsProp[];
+    /** Uncontrolled initially-open steps. Ant Design X `defaultExpandedKeys`. */
+    defaultExpandedKeys?: readonly string[];
+    /** Controlled open steps. Ant Design X `expandedKeys`. */
+    expandedKeys?: readonly string[];
+    /** Fires with the next open set. Ant Design X `onExpand`. */
+    onExpand?: (keys: string[]) => void;
+    /** The connector between steps. Default `true`. Ant Design X `line`. */
+    line?: ThoughtChainLineProp;
+    /**
+     * Accessible name of the chain — a plain STRING (it lands on `aria-label`). Ant X has no
+     * equivalent; a localized default applies when omitted.
+     */
+    label?: string;
+    id?: IdProp;
+    className?: ClassNameProp;
+};
+/**
+ * @see ThoughtChainItem — one step OUTSIDE a chain (Ant Design X `ThoughtChain.Item`): the chip an
+ * assistant drops inline to say which tool it just reached for.
+ *
+ * Ant renders it as a `<div onClick>`; here an item with `onClick` renders a real `<button>`, so
+ * the one interactive shape this component has is reachable by keyboard.
+ */
+export type ThoughtChainItemProp = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    status?: ThoughtChainStatusProp;
+    /** Ant Design X `variant`. Default `solid`. */
+    variant?: ThoughtChainVariantProp;
+    /** Ant Design X `blink`. */
+    blink?: boolean;
+    disabled?: DisabledProp;
+    onClick?: OnClickProp;
+    id?: IdProp;
+    className?: ClassNameProp;
+};
+/**
+ * @see Card — one entry in the card-head tab strip. Ant Design `CardTabListType`, field for
+ * field: `key`, `tab`, `disabled`.
+ *
+ * IT KEEPS ANTD'S SPELLING, and that is the standing rule rather than an oversight
+ * (docs/DESIGN-AUTHORITY.md — "where antd names a capability, this library takes antd's name and
+ * antd's semantics"). It therefore does NOT read `TabItemProp`, whose `value`/`label`/`content`
+ * are the `Tabs` component's own API: that item carries the PANEL as well as the trigger, and a
+ * card-head tab carries only the trigger — the panel is the card body. Two different shapes, and
+ * folding them into one would mean publishing a `content` field on a card tab that the card can
+ * never render.
+ */
+export type CardTabItemProp = {
+    /** Ant Design `key` — the tab's identity, and what `activeTabKey` / `onTabChange` speak in. */
+    key: string;
+    /** Ant Design `tab` — the trigger's label. Any node. */
+    tab: React.ReactNode;
+    /** Ant Design `disabled` — the tab stays in the strip and in the roving focus, unselectable. */
+    disabled?: boolean;
+};

package/dist/props/components/data-entry.prop.d.ts

@@ -1888,3 +1888,79 @@ export type ChatSuggestionProp = {
     id?: IdProp;
     className?: ClassNameProp;
 };
+/** Ant Design X `Attachments` overflow modes — how the card list behaves when it exceeds its box. */
+export type AttachmentsOverflowProp = "wrap" | "scrollX" | "scrollY";
+/** Placeholder copy/icon when the attachment list is empty. Ant Design X `PlaceholderType`. */
+export type AttachmentsPlaceholderProp = {
+    icon?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+};
+/**
+ * One attachment row — Ant Design X `Attachment`, which extends antd `UploadFile` plus optional
+ * `description` and `cardType`. Field names are antd's (`thumbUrl`, `originFileObj`, …) so an Ant
+ * X call site compiles unchanged; internally the upload engine maps them to `UploadFileItem`.
+ *
+ * @see Attachments
+ */
+export type AttachmentsItemProp = {
+    uid: string;
+    name: string;
+    size?: number;
+    status?: "uploading" | "done" | "error" | "removed";
+    percent?: number;
+    url?: string;
+    thumbUrl?: string;
+    originFileObj?: File;
+    response?: unknown;
+    error?: unknown;
+    description?: React.ReactNode;
+    cardType?: string;
+};
+/** Semantic slots Ant Design X exposes on `Attachments`. */
+export type AttachmentsSemanticProp = "list" | "placeholder" | "upload" | "root" | "card" | "file";
+/**
+ * @see Attachments — the chat-surface attachment collection (Ant Design X `Attachments`).
+ *
+ * Inherits antd Upload behaviour (`accept`, `beforeUpload`, `customRequest`, …) but names the file
+ * list `items` (not `fileList`) and fires `onChange` with antd's `{ file, fileList }` shape. The
+ * ref exposes `nativeElement`, `fileNativeElement`, `upload(file)` and `select({ accept, multiple
+ * })` exactly as Ant X documents.
+ */
+export type AttachmentsProp = Omit<UploadProp, "value" | "defaultValue" | "onValueChange" | "variant" | "showUploadList" | "children" | "onRemove"> & {
+    /** Controlled attachment list. Ant Design X `items` (= antd Upload `fileList`). */
+    items?: readonly AttachmentsItemProp[];
+    /** Fires when the list changes. Ant Design X / antd Upload `onChange`. */
+    onChange?: (info: {
+        file: AttachmentsItemProp;
+        fileList: AttachmentsItemProp[];
+    }) => void;
+    /** antd Upload `onRemove` — receives the attachment row being removed. */
+    onRemove?: (item: AttachmentsItemProp) => boolean | void | Promise<boolean | void>;
+    /** How overflowing cards layout. Ant Design X `overflow`. */
+    overflow?: AttachmentsOverflowProp;
+    /** Empty-state copy, or a function for inline vs drop variants. Ant Design X `placeholder`. */
+    placeholder?: AttachmentsPlaceholderProp | ((type: "inline" | "drop") => AttachmentsPlaceholderProp);
+    /** Host element for a full-screen drop overlay. Ant Design X `getDropContainer`. */
+    getDropContainer?: (() => HTMLElement | null | undefined) | null;
+    /** Semantic class names. Ant Design X `classNames`. */
+    classNames?: Partial<Record<AttachmentsSemanticProp, string>>;
+    /** Semantic inline styles. Ant Design X `styles`. */
+    styles?: Partial<Record<AttachmentsSemanticProp, React.CSSProperties>>;
+    /** Root class on the outermost node. Ant Design X `rootClassName`. */
+    rootClassName?: ClassNameProp;
+    /** Child mode: the visible trigger; upload runs through a hidden input beside it. Ant Design X `children`. */
+    children?: React.ReactElement;
+    /** Passthrough to the preview image. Ant Design X `imageProps` — reserved; no Image primitive yet. */
+    imageProps?: Record<string, unknown>;
+};
+/** Imperative handle Ant Design X documents on `Attachments` ref. */
+export type AttachmentsRefProp = {
+    nativeElement?: HTMLDivElement | null;
+    fileNativeElement?: HTMLInputElement | null;
+    upload: (file: File) => void;
+    select: (options?: {
+        accept?: string;
+        multiple?: boolean;
+    }) => void;
+};

package/dist/props/components/feedback.prop.d.ts

@@ -1,7 +1,40 @@
 /** Feedback component prop types — @see docs/COMPONENTS.md#feedback */
 import type * as React from "react";
 import type { QueryErrorCategory } from "../../lib/query-error.js";
-import type { AlertVariantProp, AvatarShapeProp, CancelLabelProp, ChildrenProp, ClassNameProp, ConfirmLabelProp, ConfirmVariantProp, DescriptionProp, HandlerProp, IconProp, OpenProp, OnOpenChangeProp, PendingProp, ShapeProp, SizeProp, ToneProp, TitleProp } from "../vocabulary/index.js";
+import type { AlertVariantProp, AvatarShapeProp, CancelLabelProp, ChildrenProp, ClassNameProp, ConfirmLabelProp, ConfirmVariantProp, DefaultOpenProp, DescriptionProp, HandlerProp, IconProp, OpenProp, OnOpenChangeProp, PendingProp, ShapeProp, SizeProp, ToneProp, TitleProp } from "../vocabulary/index.js";
+/**
+ * @see Dialog — the compound modal ROOT.
+ *
+ * `variant` is the one prop that answers gh#567: it decides the ARIA role, whether an
+ * outside click dismisses, and the primary action's emphasis together, because those three
+ * always travel together. Set it here to cover the whole tree, or on `DialogContent` for one
+ * surface. `variant="destructive"` IS the 12 `AlertDialog*` exports, which stay for
+ * compatibility — see the file header of `components/feedback/dialog.tsx`.
+ */
+export type DialogProp = {
+    open?: OpenProp;
+    defaultOpen?: DefaultOpenProp;
+    onOpenChange?: OnOpenChangeProp;
+    variant?: ConfirmVariantProp;
+    /** Kept from Radix. RAC's `Modal` always locks scroll, so `false` no longer turns that off. */
+    modal?: boolean;
+    children?: ChildrenProp;
+};
+/**
+ * @see DialogContent — the modal surface. `variant` overrides the root's for this surface and
+ * is what actually resolves `role`, outside-click dismissal and the ✕ default.
+ */
+export type DialogContentProp = {
+    variant?: ConfirmVariantProp;
+    /** Show the corner ✕. Defaults to `true`, or `false` under `variant="destructive"`. */
+    showCloseButton?: boolean;
+    /** shadcn-era spelling of `showCloseButton`; kept working. */
+    showClose?: boolean;
+    /** Semantic class for the scrim the surface owns (RAC nests overlay → modal → dialog). */
+    overlayClassName?: ClassNameProp;
+    className?: ClassNameProp;
+    children?: ChildrenProp;
+};
 /** @see AlertDialog */
 export type AlertDialogProp = {
     open: OpenProp;