@synopackageland/ui 0.9.7 → 0.9.9

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 0.9.9 (2026-10-15)
+
+- Pagination keeps multi-digit page numbers on one line and reserves room for three digits, including under DSM host button styles.
+- 分頁的多位數頁碼維持單行，並保留三位數的空間；在 DSM 宿主按鈕樣式下也不會換行。
+
+## 0.9.8 (2026-10-15)
+
+`CellText` can wrap its lines. No behavior change: cutting with an ellipsis stays the default.
+`CellText` 可以換行。沒有行為變更：預設仍以省略號截斷。
+
+- `CellText` takes `wrap`: its main and secondary lines wrap (`white-space: normal`, `overflow-wrap: anywhere`) instead of ending in "…", also for a main text that opens its item (`openLabel`). A JSON spec passes `wrap: true`. An app that wrapped CellText's slots in its own span (Reclaim's `CellWrap.vue`) can pass `wrap` and drop the span.
+- `CellText` 新增 `wrap`：主行與次行改為換行（`white-space: normal`、`overflow-wrap: anywhere`），不再以「…」結尾；以 `openLabel` 開啟項目的主行也一樣。JSON spec 傳 `wrap: true`。先前在 CellText slot 外包自訂換行 span 的 App（Reclaim 的 `CellWrap.vue`）可改傳 `wrap` 並刪掉該 span。
+
 ## 0.9.7 (2026-10-14)
 
 Fixes from the t-0496 re-verification on DSM. **Behavior change:** a `Space` row packs its items at the start instead of centring them.

package/dist/components/composite/table-cell/CellText.vue.d.ts

@@ -9,6 +9,8 @@ type __VLS_Props = {
     /** Makes the main text a button that emits `open`; the label is its tooltip, e.g. "Open in File Station". */
     openLabel?: string;
     openDisabled?: boolean;
+    /** Wraps both lines instead of cutting them with an ellipsis. */
+    wrap?: boolean;
 };
 declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -25,6 +27,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     layout: "stacked" | "inline";
     openDisabled: boolean;
+    wrap: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/index.js

@@ -22940,7 +22940,7 @@ const aC = ["aria-label"], nC = {
             "aria-current": M.page === c.value ? "page" : void 0,
             "aria-label": M.page === c.value ? i.value.page(M.page) : i.value.goToPage(M.page),
             class: ne([
-              "inline-flex size-6 min-w-6 items-center justify-center rounded-[var(--ui-radius-sm)] px-1 outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]",
+              "inline-flex h-6 min-w-[calc(3ch+0.5rem)] shrink-0 whitespace-nowrap items-center justify-center rounded-[var(--ui-radius-sm)] px-1 outline-none transition-colors duration-[var(--ui-motion-fast)] ease-[var(--ui-motion-ease)] focus-visible:shadow-[0_0_0_2px_var(--ui-focus-ring)]",
               M.page === c.value ? "bg-[var(--ui-primary-soft)] font-medium text-[var(--ui-primary-active)]" : "text-[var(--ui-text)] hover:bg-[var(--ui-surface-hover)]",
               !o.switchPage && "pointer-events-none opacity-50"
             ]),
@@ -24191,7 +24191,7 @@ const OS = ["data-overflow-start", "data-overflow-end"], md = /* @__PURE__ */ A(
       }))
     ], 8, IS));
   }
-}), WS = ["data-layout"], jS = ["title", "disabled"], US = ["title"], GS = ["title"], JD = /* @__PURE__ */ A({
+}), WS = ["data-layout", "data-wrap"], jS = ["title", "disabled"], US = ["title"], GS = ["title"], JD = /* @__PURE__ */ A({
   __name: "CellText",
   props: {
     text: {},
@@ -24199,13 +24199,16 @@ const OS = ["data-overflow-start", "data-overflow-end"], md = /* @__PURE__ */ A(
     layout: { default: "stacked" },
     icon: {},
     openLabel: {},
-    openDisabled: { type: Boolean, default: !1 }
+    openDisabled: { type: Boolean, default: !1 },
+    wrap: { type: Boolean, default: !1 }
   },
   emits: ["open"],
   setup(e) {
-    return (a, t) => (f(), g("div", {
+    const a = e, t = h(() => a.wrap ? "whitespace-normal [overflow-wrap:anywhere]" : "truncate");
+    return (n, o) => (f(), g("div", {
       class: "flex min-w-0 items-center gap-[var(--ui-space-2)]",
       "data-layout": e.layout,
+      "data-wrap": e.wrap ? "" : void 0,
       "data-syno-pkg-land-ui": ""
     }, [
       e.icon ? (f(), E(Ne(e.icon), {
@@ -24226,32 +24229,33 @@ const OS = ["data-overflow-start", "data-overflow-end"], md = /* @__PURE__ */ A(
           "data-ui-cell-primary": "",
           title: e.openLabel,
           disabled: e.openDisabled,
-          class: "m-0 min-w-0 max-w-full truncate rounded-[var(--ui-radius-sm)] border-0 bg-transparent p-0 text-left text-[length:inherit] leading-5 text-[var(--ui-primary)] outline-none hover:underline focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)] disabled:cursor-default disabled:opacity-50 disabled:hover:no-underline",
-          onClick: t[0] || (t[0] = (n) => a.$emit("open"))
+          class: ne([t.value, "m-0 min-w-0 max-w-full rounded-[var(--ui-radius-sm)] border-0 bg-transparent p-0 text-left text-[length:inherit] leading-5 text-[var(--ui-primary)] outline-none hover:underline focus-visible:shadow-[0_0_0_3px_var(--ui-focus-ring)] disabled:cursor-default disabled:opacity-50 disabled:hover:no-underline"]),
+          onClick: o[0] || (o[0] = (r) => n.$emit("open"))
         }, [
-          k(a.$slots, "default", {}, () => [
+          k(n.$slots, "default", {}, () => [
             ve(W(e.text), 1)
           ])
-        ], 8, jS)) : (f(), g("span", {
+        ], 10, jS)) : (f(), g("span", {
           key: 1,
           "data-ui-cell-primary": "",
           title: e.text,
-          class: "min-w-0 truncate leading-5 text-[var(--ui-text)]"
+          class: ne([t.value, "min-w-0 leading-5 text-[var(--ui-text)]"])
         }, [
-          k(a.$slots, "default", {}, () => [
+          k(n.$slots, "default", {}, () => [
             ve(W(e.text), 1)
           ])
-        ], 8, US)),
-        e.secondary || a.$slots.secondary ? (f(), g("span", {
+        ], 10, US)),
+        e.secondary || n.$slots.secondary ? (f(), g("span", {
           key: 2,
           "data-ui-cell-secondary": "",
           title: e.secondary,
           class: ne([
-            "min-w-0 truncate text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-text-secondary)]",
+            "min-w-0 text-[length:var(--ui-font-size-sm)] leading-4 text-[var(--ui-text-secondary)]",
+            t.value,
             e.layout === "inline" && "shrink-0"
           ])
         }, [
-          k(a.$slots, "secondary", {}, () => [
+          k(n.$slots, "secondary", {}, () => [
             ve(W(e.secondary), 1)
           ])
         ], 10, GS)) : L("", !0)

package/dist/json/catalog.d.ts

@@ -450,6 +450,7 @@ export declare const synoJsonComponentDefinitions: {
             }>>;
             openLabel: z.ZodOptional<z.ZodString>;
             openDisabled: z.ZodOptional<z.ZodBoolean>;
+            wrap: z.ZodOptional<z.ZodBoolean>;
         }, z.core.$strip>;
         events: string[];
         description: string;
@@ -960,6 +961,7 @@ export declare const synoJsonCatalog: import('@json-render/core').Catalog<{
                 }>>;
                 openLabel: z.ZodOptional<z.ZodString>;
                 openDisabled: z.ZodOptional<z.ZodBoolean>;
+                wrap: z.ZodOptional<z.ZodBoolean>;
             }, z.core.$strip>;
             events: string[];
             description: string;

package/dist/json/registry.d.ts

@@ -470,6 +470,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -984,6 +985,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -1498,6 +1500,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -2012,6 +2015,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -2526,6 +2530,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -3040,6 +3045,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -3554,6 +3560,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -4068,6 +4075,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -4582,6 +4590,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -5096,6 +5105,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -5610,6 +5620,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -6124,6 +6135,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -6638,6 +6650,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -7152,6 +7165,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -7666,6 +7680,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -8180,6 +8195,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -8694,6 +8710,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -9208,6 +9225,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -9722,6 +9740,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -10236,6 +10255,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -10750,6 +10770,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -11264,6 +11285,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -11778,6 +11800,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -12292,6 +12315,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -12806,6 +12830,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -13320,6 +13345,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -13834,6 +13860,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -14348,6 +14375,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -14862,6 +14890,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -15376,6 +15405,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -15890,6 +15920,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -16404,6 +16435,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -16918,6 +16950,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;
@@ -17432,6 +17465,7 @@ export declare const synoJsonRenderers: {
                     }>>;
                     openLabel: import('zod').ZodOptional<import('zod').ZodString>;
                     openDisabled: import('zod').ZodOptional<import('zod').ZodBoolean>;
+                    wrap: import('zod').ZodOptional<import('zod').ZodBoolean>;
                 }, import('zod/v4/core').$strip>;
                 events: string[];
                 description: string;

package/dist/json-ai-prompt.md

@@ -78,7 +78,7 @@ AVAILABLE COMPONENTS (34):
 - Dialog: { open?: boolean, title?: string, description?: string, width?: string, showClose?: boolean } - Modal task/dialog. Bind open to state. Put confirmation or form actions in footer. [accepts children; slots: footer] [events: openChange]
 - DataTable: { columns: Array<{ key: string, label: string, width?: string, align?: "left" | "center" | "right" }>, rows: Array<Record<string, unknown>>, rowKey?: string, emptyText?: string, compact?: boolean, mobileView?: "auto" | "cards" | "table" } - Simple resource table where cells display scalar row fields. Use an app extension component for rich/custom cells and row actions.
 - ResourceList: { columns: Array<{ key: string, label: string, width?: string, align?: "left" | "center" | "right" }>, rows: Array<Record<string, unknown>>, rowKey?: string, emptyText?: string, compact?: boolean, mobileView?: "auto" | "cards" | "table" } - Common resource collection pattern: optional toolbar plus a simple table. For domain-specific row rendering, extend the catalog with a custom list/table component. [slots: toolbar]
-- CellText: { text: string, secondary?: string, layout?: "stacked" | "inline", openLabel?: string, openDisabled?: boolean } - Main text with secondary information (size, time, path), truncated with a tooltip. With openLabel the main text is a link-styled button that emits open, e.g. "Open in File Station". [events: open]
+- CellText: { text: string, secondary?: string, layout?: "stacked" | "inline", openLabel?: string, openDisabled?: boolean, wrap?: boolean } - Main text with secondary information (size, time, path), truncated with a tooltip; wrap: true wraps both lines instead. With openLabel the main text is a link-styled button that emits open, e.g. "Open in File Station". [events: open]
 - CellStatus: { label: string, tone?: "neutral" | "info" | "success" | "warning" | "danger", progress?: number, detail?: string } - Task status: a toned dot and label, a bar while progress (0–100) is running, and a detail such as speed or a reason.
 - ListItem: { title?: string, description?: string } - One entry of a list (an extension, a tool, a rule): title, description, content and actions on the right. Consecutive entries are split by a hairline. [accepts children; slots: actions]
 - InputGroup: {  } - A field and the buttons acting on it on one line, such as a URL and its Install button. The first child takes the room left. [accepts children]

package/dist/json-catalog.schema.json

@@ -2714,7 +2714,7 @@
             }
           },
           "then": {
-            "description": "Main text with secondary information (size, time, path), truncated with a tooltip. With openLabel the main text is a link-styled button that emits open, e.g. \"Open in File Station\".",
+            "description": "Main text with secondary information (size, time, path), truncated with a tooltip; wrap: true wraps both lines instead. With openLabel the main text is a link-styled button that emits open, e.g. \"Open in File Station\".",
             "properties": {
               "props": {
                 "type": "object",
@@ -2772,6 +2772,16 @@
                         "$ref": "#/$defs/expression"
                       }
                     ]
+                  },
+                  "wrap": {
+                    "anyOf": [
+                      {
+                        "type": "boolean"
+                      },
+                      {
+                        "$ref": "#/$defs/expression"
+                      }
+                    ]
                   }
                 },
                 "required": [