From 53999f3e71c688b2fccd2bb6c0370a9e3ae65488 Mon Sep 17 00:00:00 2001
From: ReaJason <reajason1225@gmail.com>
Date: Thu, 20 Feb 2025 22:25:51 +0800
Subject: [PATCH] fix(ui): packResult not changed when regenerate

---
 web/bun.lockb                       | Bin 187804 -> 187804 bytes
 web/package.json                    |   4 ++--
 web/src/components/shell-result.tsx |  10 +++++++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/bun.lockb b/web/bun.lockb
index 1c0d17df4af624eb6b7481d56102aae78c6553b4..74e0eb973847dbd975030e1bd04a6e054b82d69b 100755
GIT binary patch
delta 229
zcmV<B02=?Cy9=DV3y>}#YX7(&s>Op=k>RTVWozQx>4;l&s-+J!z4cJ18PBcOu}(@l
zlUOA%v&cFS4gm<0fgLB4z#Ry)2uW>?Kot;ag{Prsn@e=J5b_O{ID|y`j=>4_qUD^O
z@vyH3IF|7|aRVwAWQ<bltys^b#y+7?;ZpNBUp-hxA%7{-6|=S0SQ9`lrUzgO<}<vU
z$vsH@JY4>Mip-A^{t!jOWRUep^%|Dh^UyD3u`hbsu89E$k)CT5Nxq3wX=kk1jW~~(
fpH1b1P3pHz>H)lY0Wr4<WCAo20XVlmb^={zI!I~T

delta 227
zcmV<90383Ey9=DV3y>}#NSr2@9@#Xq1Wdx^P;O-Cu<>-@j@eKOG$W`%K^<eUu}(@l
zlNc{Bv&cFS4wF<YD3ib)2(t)DZH++PXOfq7s}a~{b|mMCKMAlXl|@j_c7Ejhg9h2!
z>dhk#daA_6Z8sc@0|fG}tDT7kqWi%T#@Dm~A|$1GM&*yQwbob@K&jp8{?#cLVztDJ
zUp<#ylUYCVl$V~1;Nw;D3Zh^>jF=KC%m&bOu~8LO55lkmr-L{av=i5gWnbd1Bs1HN
d=z~q_w@vB+ym<jIw+dteG!g+fw?B3QU1x2UXg2@=

diff --git a/web/package.json b/web/package.json
index a72c06d1..95c7de10 100644
--- a/web/package.json
+++ b/web/package.json
@@ -38,7 +38,7 @@
     "@radix-ui/react-tabs": "^1.1.3",
     "@radix-ui/react-tooltip": "^1.1.8",
     "@tailwindcss/vite": "^4.0.7",
-    "@tanstack/react-query": "^5.66.7",
+    "@tanstack/react-query": "^5.66.8",
     "@tanstack/react-router": "^1.106.0",
     "@tanstack/router-devtools": "^1.106.0",
     "class-variance-authority": "^0.7.1",
@@ -51,7 +51,7 @@
     "react-hook-form": "^7.54.2",
     "react-i18next": "^15.4.1",
     "react-syntax-highlighter": "^15.6.1",
-    "sonner": "^2.0.0",
+    "sonner": "^2.0.1",
     "tailwind-merge": "^3.0.1",
     "tailwind-scrollbar": "^4.0.0",
     "tailwindcss-animate": "^1.0.7",
diff --git a/web/src/components/shell-result.tsx b/web/src/components/shell-result.tsx
index b0232629..e29adddd 100644
--- a/web/src/components/shell-result.tsx
+++ b/web/src/components/shell-result.tsx
@@ -29,7 +29,7 @@ import {
 } from "@/types/shell.ts";
 import { TFunction } from "i18next";
 import { CircleHelpIcon, FileTextIcon, ScrollTextIcon, TriangleAlertIcon } from "lucide-react";
-import { Fragment, useState } from "react";
+import { Fragment, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 
@@ -280,6 +280,14 @@ function MultiPackResult({
   const packMethods = Object.keys(allPackResults ?? {});
   const [selectedMethod, setSelectedMethod] = useState(packMethods[0]);
   const [packResult, setPackResult] = useState(allPackResults?.[selectedMethod as keyof typeof allPackResults] ?? "");
+
+  useEffect(() => {
+    const methods = Object.keys(allPackResults ?? {});
+    const firstMethod = methods[0];
+    setSelectedMethod(firstMethod);
+    setPackResult(allPackResults?.[firstMethod as keyof typeof allPackResults] ?? "");
+  }, [allPackResults]);
+
   return (
     <Fragment>
       <CodeViewer