From 912c0eaaa8c1ed2579054c21316aea5ade8dea59 Mon Sep 17 00:00:00 2001 From: deepshekhardas Date: Fri, 19 Jun 2026 10:55:59 +0530 Subject: [PATCH] fix(webapp): animated resizable panel pattern for route components Squashed rebase of pr-3319-fix onto official/main. Co-authored-by: James Ritchie --- .changeset/animated-resizable-panel.md | 8 ++++++++ .../route.tsx | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) create mode 100644 .changeset/animated-resizable-panel.md diff --git a/.changeset/animated-resizable-panel.md b/.changeset/animated-resizable-panel.md new file mode 100644 index 00000000000..718a5b81742 --- /dev/null +++ b/.changeset/animated-resizable-panel.md @@ -0,0 +1,8 @@ +--- +"@trigger.dev/core": patch +"@trigger.dev/sdk": patch +--- + +Feat(webapp): animated resizable panel + +Adds animated open/close transitions to Resizable panels using react-window-splitter built-in animation hooks. Includes new exports: RESIZABLE_PANEL_ANIMATION, collapsibleHandleClassName(), and useFrozenValue(). Converts inspector/detail side panels from conditionally-mounted to always-mounted collapsible panels across multiple routes (batches, runs, schedules, deployments, logs, waitpoints, bulk-actions). diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.logs/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.logs/route.tsx index 78ab68276fb..6a6b7e09190 100644 --- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.logs/route.tsx +++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.logs/route.tsx @@ -412,7 +412,7 @@ function LogsList({ const frozenLogId = useFrozenValue(selectedLogId); const frozenLog = useFrozenValue(selectedLog); const displayLogId = selectedLogId ?? frozenLogId; - const displayLog = selectedLog ?? frozenLog ?? undefined; + const displayLog = selectedLog ?? frozenLog; const updateUrlWithLog = useCallback((logId: string | undefined) => { const url = new URL(window.location.href);