refactor(ui): reuse canonical text truncation

steipete · steipete · commit 042de6a45e54 · 2026-07-09T09:05:16.000-04:00
diff --git a/ui/src/lib/presenter.ts b/ui/src/lib/presenter.ts
@@ -1,4 +1,3 @@
-import { truncateUtf16Safe } from "@openclaw/normalization-core/utf16-slice";
 import type { CronJob, GatewaySessionRow, PresenceEntry } from "../api/types.ts";
 // Control UI module implements presenter behavior.
 import { t } from "../i18n/index.ts";
@@ -47,10 +46,6 @@ export function formatEventPayload(payload: unknown): string {
   }
 }
 
-export function formatEventPayloadPreview(payload: unknown, maxLength = 120): string {
-  return truncateUtf16Safe(formatEventPayload(payload), maxLength);
-}
-
 export function formatCronState(job: CronJob) {
   const state = job.state ?? {};
   const next = state.nextRunAtMs ? formatMs(state.nextRunAtMs) : t("common.na");
diff --git a/ui/src/pages/overview/event-log.ts b/ui/src/pages/overview/event-log.ts
@@ -3,8 +3,8 @@ import { html, nothing } from "lit";
 import type { EventLogEntry } from "../../api/event-log.ts";
 import { icons } from "../../components/icons.ts";
 import { t } from "../../i18n/index.ts";
-import { formatTimeMs } from "../../lib/format.ts";
-import { formatEventPayloadPreview } from "../../lib/presenter.ts";
+import { formatTimeMs, truncateText } from "../../lib/format.ts";
+import { formatEventPayload } from "../../lib/presenter.ts";
 
 type OverviewEventLogProps = {
   events: readonly EventLogEntry[];
@@ -32,7 +32,7 @@ export function renderOverviewEventLog(props: OverviewEventLogProps) {
               <span class="ov-event-log-name">${entry.event}</span>
               ${entry.payload
                 ? html`<span class="ov-event-log-payload muted"
-                    >${formatEventPayloadPreview(entry.payload)}</span
+                    >${truncateText(formatEventPayload(entry.payload), 120).text}</span
                   >`
                 : nothing}
             </div>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import { truncateUtf16Safe } from "@openclaw/normalization-core/utf16-slice";`
`2`	`1`	`import type { CronJob, GatewaySessionRow, PresenceEntry } from "../api/types.ts";`
`3`	`2`	`// Control UI module implements presenter behavior.`
`4`	`3`	`import { t } from "../i18n/index.ts";`
`@@ -47,10 +46,6 @@ export function formatEventPayload(payload: unknown): string {`
`47`	`46`	`}`
`48`	`47`	`}`
`49`	`48`
`50`		`-export function formatEventPayloadPreview(payload: unknown, maxLength = 120): string {`
`51`		`- return truncateUtf16Safe(formatEventPayload(payload), maxLength);`
`52`		`-}`
`53`		`-`
`54`	`49`	`export function formatCronState(job: CronJob) {`
`55`	`50`	`const state = job.state ?? {};`
`56`	`51`	`const next = state.nextRunAtMs ? formatMs(state.nextRunAtMs) : t("common.na");`