Payload rendering and error optimizations by rossedfort · Pull Request #3401 · temporalio/ui

rossedfort · 2026-05-15T20:36:16Z

Description & motivation 💭

Removes the Codec Server error banner (from workflow details page only) and adds inline errors for payload code blocks and payload inline components.
Adds retry functionality for when a /decode request errors
Prevents re-rendering of payload codeblocks when payload values haven't changed

Screenshots (if applicable) 📸

Design Considerations 🎨

Testing 🧪

How was this tested 👻

Manual testing
E2E tests added
Unit tests added

Steps for others to test: 🚶🏽‍♂️🚶🏽‍♀️

Checklists

Draft Checklist

Merge Checklist

Issue(s) closed

Docs

Any docs updates needed?

…Banner Wire the error snippet in PayloadCodeBlock to PayloadDecoder so codec decode failures display inline with an icon instead of being silently swallowed. Remove the now-redundant CodecServerErrorBanner component from all usage sites and delete the file.

Show raw payload content with a retry button in the CodeBlock header when decoding fails, allowing users to re-trigger the decode request without a page reload.

Use a derived promise keyed on serialized value content + retry count so PayloadDecoder only re-triggers a decode when the payload data actually changes, not on every reference change from parent re-renders.

… changes Use untrack() around decodeValue(value) so the value prop is not tracked as a reactive dependency inside the derived. Only valueJson (content hash) and retryCount drive invalidation, avoiding redundant decodes when a parent passes a structurally identical but referentially different payload. Also removes the leftover $inspect debug directive.

vercel · 2026-05-15T20:36:21Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
holocene	Ready	Preview, Comment	May 19, 2026 5:19pm

temporal-cicd · 2026-05-15T20:37:26Z

	Warnings
⚠️	📊 Strict Mode: 10 errors in 4 files (1.1% of 914 total) src/lib/services/data-encoder.ts (5) L36:27: Type 'PotentialPayloads' is not assignable to type 'IPayloads'. L53:8: Element implicitly has an 'any' type because expression of type '"Authorization"' can't be used to index type '{ 'Content-Type': string; 'X-Namespace': string; }'. L56:8: Element implicitly has an 'any' type because expression of type '"Authorization-Extras"' can't be used to index type '{ 'Content-Type': string; 'X-Namespace': string; }'. L60:6: Type 'PotentialPayloads' is not assignable to type 'IPayloads'. L106:2: Type 'PotentialPayloads' is not assignable to type 'IPayloads'. src/lib/components/payload/payload-decoder.svelte (3) L49:23: 'value.payloads' is possibly 'null' or 'undefined'. L70:15: Argument of type '{ decodedValue: WorkflowEvent \| EventAttribute \| IMemo \| PotentiallyDecodable; originalValue: T; }[]' is not assignable to parameter of type 'DecodedPayloadResult'. L71:4: Type '{ decodedValue: WorkflowEvent \| EventAttribute \| IMemo \| PotentiallyDecodable; originalValue: T; }[]' is not assignable to type 'DecodedPayloadResult'. src/lib/components/payload/payload-code-block.svelte (1) L68:43: 'data.payloads' is possibly 'null' or 'undefined'. src/lib/components/payload/payload-inline.svelte (1) L56:6: Argument of type 'string \| undefined' is not assignable to parameter of type 'string'.

Generated by 🚫 dangerJS against 0729411

Restore the CodecServerErrorBanner component and its usages in workflow-header, schedule-view, start-workflow, and schedule form. The banner surfaces codec server errors at the page level alongside the inline payload decode error display.

temporal-cicd · 2026-05-18T21:51:47Z

-      }
+      throw err;
    });



⚠️ Type 'PotentialPayloads' is not assignable to type 'IPayloads'.

temporal-cicd · 2026-05-18T22:13:28Z

    {/if}
  {/snippet}
+  {#snippet error({ error, retry })}
+    {@render codeBlock(


⚠️ Argument of type 'string | undefined' is not assignable to parameter of type 'string'.

Auto-generated version bump from 2.49.1 to 2.50.0 Bump type: minor Changes included: - [`29832bec`](29832be) Use initiatedEvent for startChildFailed event grouping (#3342) - [`91a01560`](91a0156) rm slash (#3343) - [`2e7b88d0`](2e7b88d) feat: Set Current Version action for worker deployment versions (#3319) - [`b2685f3b`](b2685f3) Add relative path prefix support to routeFor utilities (#3292) - [`9c888c0c`](9c888c0) fix: validate connection modal status, retry button, and copy nits (#3347) - [`38989c48`](38989c4) revert: restore original create worker deployment copy (#3348) - [`90e1fe58`](90e1fe5) Common Errors for Event History (#3306) - [`f479e4e2`](f479e4e) Show current duration for pending timeline events (#3346) - [`65a7ff0d`](65a7ff0) Add refresh button to workers list view (#3349) - [`219cfee4`](219cfee) Fix null conditionals in search attribute filter (#3351) - [`08bd2f01`](08bd2f0) Add support for adding caller Namespace even if it's not in list of allowed Namespace options for Nexus endpoint (#3167) - [`d424a78a`](d424a78) refactor(DT-3906): Add knip (#3350) - [`e828b14f`](e828b14) Remove icon (#3357) - [`252a755c`](252a755) Add Java to list of support versions for worker heartbeats (#3362) - [`0f446c7a`](0f446c7) refactor(DT-3906): Simple Svelte 5 migrations (#3359) - [`63db5b72`](63db5b7) feat(DT-3657): Support shift click for bulk selection in workflow table (#3344) - [`389d57bf`](389d57b) Enable Svelte 5 runes on files not using legacy features (#3363) - [`f4b87e1d`](f4b87e1) Update components/workflow to Svelte 5 syntax (#3361) - [`3e2cce43`](3e2cce4) refactor(DT-3906): More Svelte 5 Migrations (trivial ones) (#3364) - [`15adcd73`](15adcd7) refactor(DT-3906): UI svelte 5 migrate components/events (#3365) - [`031fb867`](031fb86) refactor(DT-3906): Migrate stories to Svelte 5 syntax (#3366) - [`4eac9d2a`](4eac9d2) Scope group hover to tooltip component only (#3379) - [`eeace5c3`](eeace5c) chore: upgrade TypeScript to v6.0.3 (#3371) - [`cb80efdd`](cb80efd) refactor(DT-3906): More trivial migrations (#3367) - [`6cc395bf`](6cc395b) refactor(DT-3906): migrate holocene primitives + layout components to Svelte 5 runes (#3377) - [`40a029ea`](40a029e) refactor(DT-3906): UI Svelte 5 Migrations medium (#3368) - [`7dc29ba6`](7dc29ba) refactor(DT-3906): Delete unused Svelte 4 scaffolding (carved from #3370 - Part 1) (#3372) - [`34a8547e`](34a8547) refactor(DT-3906): Migrate workflow client-action modals to runes (carved from #3370 - Part 4) (#3375) - [`61090d7e`](61090d7) refactor(DT-3906): Migrate schedule view components to runes (carved from #3370 - Part 2) (#3373) - [`988e0479`](988e047) refactor(DT-3906): Migrate filter and input components to runes (carved from #3370 - Part 3) (#3374) - [`d8b78496`](d8b7849) refactor(DT-3906): Migrate workflows-summary table + relationships to runes (carved from #3370 - Part 5) (#3376) - [`ff86c004`](ff86c00) fix(DT-3968): Make Workflow Table Tooltips render in portal (#3383) - [`5e02642a`](5e02642) fix(DT-3967): Visibly toggle the view children button even with a parent has 0 (#3382) - [`1f2b1031`](1f2b103) Remove capability guard from Set Current Version menu item (#3386) - [`0d54dcb4`](0d54dcb) fix: portal maximizable to body to escape stacking context (#3385) - [`abf45438`](abf4543) chore(security): patch Dependabot alerts for axios, protobufjs, fast-uri, uuid, postcss, gomarkdown (#3388) - [`4500f5ea`](4500f5e) Upgrade GitHub actions (#3389) - [`4a8c0c5b`](4a8c0c5) fix(timeline): stabilize child workflow timeline width with scrollbar-gutter (#3329) - [`ead14c61`](ead14c6) Move Create Schedule button to header row (#3390) - [`e8638a2b`](e8638a2) Add top margin (#3392) - [`ef03dfce`](ef03dfc) refactor: replace PayloadDecoder and MetadataDecoder with unified Payload component (#3299) - [`89b9eafa`](89b9eaf) add loading state to payload code block (#3397) - [`ee3ae138`](ee3ae13) Update Schedules search attributes filter (#3396) - [`41fd4f1f`](41fd4f1) DT-3751 - download external payloads (#3345) - [`e4fee0b6`](e4fee0b) Fix codec server request URL (#3400) - [`966b3d0a`](966b3d0) Make input from schedule result actually a string and update tests (#3403) - [`48a014db`](48a014d) feat(history): show Nexus operation name in compact view (#3394) - [`9127c768`](9127c76) Refactor status counts and refresh button (#3402) - [`747ec109`](747ec10) Fix double loader button (#3407) - [`6ae961fc`](6ae961f) Payload rendering and error optimizations (#3401) - [`32c74a48`](32c74a4) add codec server error banner back to workflow layout (#3408) - [`f73c7ec9`](f73c7ec) Nxs operation/kt (#3406) - [`672bb04a`](672bb04) Bump Go 1.26.2→1.26.3, x/net v0.54.0, remove curl from runtime image (#3409) - [`1ee09fe3`](1ee09fe) chore(deps-dev): bump svelte from 5.55.1 to 5.55.7 (#3395) - [`565bb071`](565bb07) VLN-1352: remediate missing-dependency-cooldown (#3398) - [`25794ed8`](25794ed) Bump devalue to 5.8.1 (#3410) - [`b18d0060`](b18d006) Set color-scheme explicitly (#3358) - [`e7995b81`](e7995b8) chore: ensure the empty app.html respects the user's ligh/dark settings (#3353) - [`01d64038`](01d6403) fix: enable external payload download button with namespace level codec endpoint (#3420) - [`4cc44311`](4cc4431) Fix publicPath URL duplication when prefix appears as substring (#3393) Co-authored-by: laurakwhit <15069288+laurakwhit@users.noreply.github.com>

rossedfort added 5 commits May 15, 2026 13:44

feat(payload): add retry button to payload decode error state

5228bb2

Show raw payload content with a retry button in the CodeBlock header when decoding fails, allowing users to re-trigger the decode request without a page reload.

perf(payload): skip re-decode when payload value content is unchanged

6ff852a

Use a derived promise keyed on serialized value content + retry count so PayloadDecoder only re-triggers a decode when the payload data actually changes, not on every reference change from parent re-renders.

stringify error

54fc8df

rossedfort added 3 commits May 18, 2026 13:51

Merge branch 'main' into payload-rendering-and-error-optimizations

3763705

feat: reinstate codec-server-error-banner

44e7d36

Restore the CodecServerErrorBanner component and its usages in workflow-header, schedule-view, start-workflow, and schedule form. The banner surfaces codec server errors at the page level alongside the inline payload decode error display.

remove codec server error banner from workflow header layout only

3e5100a

vercel Bot deployed to Preview May 18, 2026 21:51 View deployment

temporal-cicd Bot reviewed May 18, 2026

View reviewed changes

add error and retry state to payload inline

20c7f0c

rossedfort marked this pull request as ready for review May 18, 2026 22:12

rossedfort requested a review from a team as a code owner May 18, 2026 22:12

temporal-cicd Bot reviewed May 18, 2026

View reviewed changes

vercel Bot deployed to Preview May 18, 2026 22:15 View deployment

rossedfort requested a review from GiantRobots May 18, 2026 22:17

rossedfort added 2 commits May 19, 2026 10:31

simplify retry

29636bf

add comments and clean up untrack call

0729411

vercel Bot deployed to Preview May 19, 2026 17:19 View deployment

GiantRobots approved these changes May 19, 2026

View reviewed changes

rossedfort merged commit 6ae961f into main May 19, 2026
17 checks passed

rossedfort deleted the payload-rendering-and-error-optimizations branch May 19, 2026 19:46

temporal-cicd Bot mentioned this pull request May 21, 2026

chore: bump version to 2.50.0 #3421

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Payload rendering and error optimizations#3401

Payload rendering and error optimizations#3401
rossedfort merged 11 commits into
mainfrom
payload-rendering-and-error-optimizations

rossedfort commented May 15, 2026 •

edited

Loading

Uh oh!

vercel Bot commented May 15, 2026 •

edited

Loading

Uh oh!

temporal-cicd Bot commented May 15, 2026 •

edited

Loading

Uh oh!

temporal-cicd Bot May 18, 2026

Uh oh!

temporal-cicd Bot May 18, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

rossedfort commented May 15, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description & motivation 💭

Screenshots (if applicable) 📸

Design Considerations 🎨

Testing 🧪

How was this tested 👻

Steps for others to test: 🚶🏽‍♂️🚶🏽‍♀️

Checklists

Draft Checklist

Merge Checklist

Issue(s) closed

Docs

Any docs updates needed?

Uh oh!

vercel Bot commented May 15, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

temporal-cicd Bot commented May 15, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

temporal-cicd Bot May 18, 2026

Choose a reason for hiding this comment

Uh oh!

temporal-cicd Bot May 18, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

rossedfort commented May 15, 2026 •

edited

Loading

vercel Bot commented May 15, 2026 •

edited

Loading

temporal-cicd Bot commented May 15, 2026 •

edited

Loading