diff --git a/com.twin.app.shoptime/src/views/MainView/MainView.jsx b/com.twin.app.shoptime/src/views/MainView/MainView.jsx
index 1ee1b970..e9d6d522 100644
--- a/com.twin.app.shoptime/src/views/MainView/MainView.jsx
+++ b/com.twin.app.shoptime/src/views/MainView/MainView.jsx
@@ -838,204 +838,216 @@ export default function MainView({ className, initService }) {
           fontSize: "11px",
           opacity: ".9",
           zIndex: "999",
-          backgroundColor: "rgba(0,0,0,0.9)",
-          padding: "15px",
-          maxWidth: "600px",
+          backgroundColor: "rgba(0,0,0,0.7)",
+          padding: "8px",
+          width: "700px",
+          height: "550px",
           borderRadius: "5px",
           fontFamily: "monospace",
-          maxHeight: "400px",
-          overflowY: "auto",
+          overflow: "hidden",
+          boxSizing: "border-box",
+          display: "flex",
+          flexDirection: "column",
         }}
       >
         <div
-          style={{ fontWeight: "bold", marginBottom: "10px", color: "#00ff00" }}
+          style={{
+            fontWeight: "bold",
+            marginBottom: "5px",
+            color: "#00ff00",
+            fontSize: "10px",
+          }}
         >
           🔗 Deep Link Debug Info
         </div>
 
-        {/* Deep Link Info */}
-        <div
-          style={{
-            marginBottom: "10px",
-            borderBottom: "1px solid #333",
-            paddingBottom: "8px",
-          }}
-        >
-          <div style={{ marginBottom: "5px" }}>
-            <span style={{ color: "#ffff00" }}>isDeepLink:</span>{" "}
-            <span
-              style={{ color: deepLinkInfo.isDeepLink ? "#00ff00" : "#ff6666" }}
-            >
-              {deepLinkInfo.isDeepLink ? "true" : "false"}
-            </span>
-          </div>
-          <div>
-            <span style={{ color: "#ffff00" }}>contentTarget:</span>{" "}
-            <span style={{ color: "#ffffff", wordBreak: "break-all" }}>
-              {deepLinkInfo.contentTarget || "(empty)"}
-            </span>
-          </div>
-        </div>
+        <div style={{ display: "flex", gap: "5px", height: "100%" }}>
+          {/* Left Column */}
+          <div style={{ flex: 1, fontSize: "11px" }}>
+            {/* Current State */}
+            <div style={{ marginBottom: "5px" }}>
+              <div style={{ color: "#ffff00", marginBottom: "2px" }}>
+                📊 Current:
+              </div>
+              <div>
+                isDeepLink:{" "}
+                <span
+                  style={{
+                    color: deepLinkInfo.isDeepLink ? "#00ff00" : "#ff6666",
+                  }}
+                >
+                  {deepLinkInfo.isDeepLink ? "✓" : "✗"}
+                </span>
+              </div>
+              <div>
+                contentTarget:{" "}
+                <span
+                  style={{
+                    color: deepLinkInfo.contentTarget ? "#00ff00" : "#ff6666",
+                  }}
+                >
+                  {deepLinkInfo.contentTarget || "MISSING"}
+                </span>
+              </div>
+              <div>
+                panels: {panels.length}, top:{" "}
+                {panels.length > 0 ? panels[panels.length - 1].name : "none"}
+              </div>
+            </div>
 
-        {/* Launch Params Check */}
-        <div
-          style={{
-            marginBottom: "10px",
-            borderBottom: "1px solid #333",
-            paddingBottom: "8px",
-          }}
-        >
-          <div style={{ color: "#00ff00", marginBottom: "5px" }}>
-            📱 Launch Params:
+            {/* App Status */}
+            <div style={{ marginBottom: "5px" }}>
+              <div style={{ color: "#ffff00", marginBottom: "2px" }}>
+                📱 System:
+              </div>
+              <div>webOS: {appStatus.webOSVersion || "unknown"}</div>
+              <div>
+                deviceId:{" "}
+                {appStatus.deviceId
+                  ? appStatus.deviceId.substring(0, 8) + "..."
+                  : "unknown"}
+              </div>
+              <div>server: {appStatus.serverHOST || "unknown"}</div>
+            </div>
+
+            {/* Redux State */}
+            <div>
+              <div style={{ color: "#ffff00", marginBottom: "2px" }}>
+                🏪 Redux:
+              </div>
+              <div>deepLink: {JSON.stringify(deepLinkInfo)}</div>
+              <div>secondLayer: {JSON.stringify(secondLayerInfo)}</div>
+            </div>
           </div>
-          <div style={{ fontSize: "10px", color: "#cccccc" }}>
-            {(() => {
-              try {
-                const getLaunchParams = () => {
+
+          {/* Right Column */}
+          <div style={{ flex: 1, fontSize: "11px" }}>
+            {/* Launch Params */}
+            <div style={{ marginBottom: "5px" }}>
+              <div style={{ color: "#ffff00", marginBottom: "2px" }}>
+                📱 Launch Params:
+              </div>
+              {(() => {
+                try {
+                  if (
+                    !(
+                      typeof window === "object" &&
+                      window.PalmSystem &&
+                      window.PalmSystem.launchParams
+                    )
+                  ) {
+                    return (
+                      <div style={{ color: "#ff6666" }}>
+                        No webOS environment
+                      </div>
+                    );
+                  }
+
+                  const raw = window.PalmSystem.launchParams;
+                  const parsed = JSON.parse(raw);
+                  const containerFlag = parsed["x-webos-app-container-launch"];
+                  const finalParams =
+                    containerFlag === true ? parsed.details : parsed;
+                  const contentTarget = finalParams.contentTarget;
+
+                  return (
+                    <>
+                      <div>raw: {raw.substring(0, 50)}...</div>
+                      <div>containerFlag: {String(containerFlag)}</div>
+                      <div>
+                        contentTarget:{" "}
+                        <span
+                          style={{
+                            color: contentTarget ? "#00ff00" : "#ff6666",
+                          }}
+                        >
+                          {contentTarget || "MISSING"}
+                        </span>
+                      </div>
+                    </>
+                  );
+                } catch (e) {
+                  return (
+                    <div style={{ color: "#ff6666" }}>Error: {e.message}</div>
+                  );
+                }
+              })()}
+            </div>
+
+            {/* Real-time Check */}
+            <div>
+              <div style={{ color: "#ffff00", marginBottom: "2px" }}>
+                🔄 Real-time:
+              </div>
+              {(() => {
+                try {
+                  let currentParams = {};
                   if (
                     typeof window === "object" &&
                     window.PalmSystem &&
                     window.PalmSystem.launchParams
                   ) {
-                    try {
-                      let params = JSON.parse(window.PalmSystem.launchParams);
-                      if (params["x-webos-app-container-launch"] === true) {
-                        params = params.details;
-                      }
-                      return params;
-                    } catch (e) {
-                      return { error: "Parse failed: " + e.message };
+                    currentParams = JSON.parse(window.PalmSystem.launchParams);
+                    if (
+                      currentParams["x-webos-app-container-launch"] === true
+                    ) {
+                      currentParams = currentParams.details;
                     }
-                  } else {
-                    return { debug: "Not on webOS or no launchParams" };
                   }
-                };
-                const params = getLaunchParams();
-                return JSON.stringify(params, null, 2);
-              } catch (e) {
-                return "Error: " + e.message;
-              }
-            })()}
-          </div>
-        </div>
-
-        {/* App Status */}
-        <div
-          style={{
-            marginBottom: "10px",
-            borderBottom: "1px solid #333",
-            paddingBottom: "8px",
-          }}
-        >
-          <div style={{ color: "#00ff00", marginBottom: "5px" }}>
-            📊 App Status:
-          </div>
-          <div style={{ fontSize: "10px" }}>
-            <div>
-              <span style={{ color: "#ffff00" }}>webOSVersion:</span>{" "}
-              {appStatus.webOSVersion || "unknown"}
-            </div>
-            <div>
-              <span style={{ color: "#ffff00" }}>deviceId:</span>{" "}
-              {appStatus.deviceId || "unknown"}
-            </div>
-            <div>
-              <span style={{ color: "#ffff00" }}>serverHOST:</span>{" "}
-              {appStatus.serverHOST || "unknown"}
+                  return (
+                    <>
+                      <div>time: {new Date().toLocaleTimeString()}</div>
+                      <div>
+                        current:{" "}
+                        <span
+                          style={{
+                            color: currentParams.contentTarget
+                              ? "#00ff00"
+                              : "#ff6666",
+                          }}
+                        >
+                          {currentParams.contentTarget || "MISSING"}
+                        </span>
+                      </div>
+                    </>
+                  );
+                } catch (e) {
+                  return (
+                    <div style={{ color: "#ff6666" }}>Error: {e.message}</div>
+                  );
+                }
+              })()}
             </div>
           </div>
         </div>
 
-        {/* Panel Stack */}
-        <div
-          style={{
-            marginBottom: "10px",
-            borderBottom: "1px solid #333",
-            paddingBottom: "8px",
-          }}
-        >
-          <div style={{ color: "#00ff00", marginBottom: "5px" }}>
-            📚 Panel Stack ({panels.length}):
-          </div>
-          <div style={{ fontSize: "10px" }}>
-            {panels.map((panel, index) => (
-              <div
-                key={index}
-                style={{
-                  color: index === panels.length - 1 ? "#00ff00" : "#cccccc",
-                }}
-              >
-                {index}: {panel.name}{" "}
-                {index === panels.length - 1 ? "(current)" : ""}
-              </div>
-            ))}
-          </div>
-        </div>
-
-        {/* Second Layer Info */}
-        {secondLayerInfo && Object.keys(secondLayerInfo).length > 0 && (
-          <div
-            style={{
-              marginBottom: "10px",
-              borderBottom: "1px solid #333",
-              paddingBottom: "8px",
-            }}
-          >
-            <div style={{ color: "#00ff00", marginBottom: "5px" }}>
-              🔗 Second Layer Info:
-            </div>
-            <div style={{ fontSize: "10px", color: "#cccccc" }}>
-              {JSON.stringify(secondLayerInfo, null, 2)}
-            </div>
-          </div>
-        )}
-
         {/* Parsed Deep Link */}
         {deepLinkInfo.contentTarget && (
-          <div style={{ marginTop: "10px" }}>
-            <div style={{ color: "#00ff00", marginBottom: "5px" }}>
-              🔍 Parsed Deep Link:
+          <div
+            style={{ marginTop: "8px", fontSize: "8px", paddingBottom: "5px" }}
+          >
+            <div style={{ color: "#ffff00", marginBottom: "2px" }}>
+              🔍 Parsed:
             </div>
-            <div style={{ marginLeft: "10px", fontSize: "10px" }}>
-              {(() => {
-                const tokens = deepLinkInfo.contentTarget.split("_");
-                if (tokens[0] === "V2" || tokens[0] === "V3") {
-                  return (
-                    <>
-                      <div>
-                        <span style={{ color: "#ffff00" }}>Version:</span>{" "}
-                        {tokens[0]}
-                      </div>
-                      <div>
-                        <span style={{ color: "#ffff00" }}>Link Code:</span>{" "}
-                        {tokens[1]}
-                      </div>
-                      <div>
-                        <span style={{ color: "#ffff00" }}>Link Name:</span>{" "}
-                        {tokens[2]}
-                      </div>
-                      <div>
-                        <span style={{ color: "#ffff00" }}>Type:</span>{" "}
-                        {tokens[3]}
-                      </div>
-                      {tokens.length > 4 && (
-                        <div>
-                          <span style={{ color: "#ffff00" }}>
-                            Extra Params:
-                          </span>{" "}
-                          {tokens.slice(4).join("_")}
-                        </div>
-                      )}
-                    </>
-                  );
-                }
+            {(() => {
+              const tokens = deepLinkInfo.contentTarget.split("_");
+              if (tokens[0] === "V2" || tokens[0] === "V3") {
                 return (
-                  <div style={{ color: "#ff6666" }}>
-                    ❌ Raw format (not V2/V3)
-                  </div>
+                  <>
+                    <div>
+                      Version: {tokens[0]}, Code: {tokens[1]}, Name: {tokens[2]}
+                      , Type: {tokens[3]}
+                    </div>
+                    {tokens.length > 4 && (
+                      <div>Extra: {tokens.slice(4).join("_")}</div>
+                    )}
+                  </>
                 );
-              })()}
-            </div>
+              }
+              return (
+                <div style={{ color: "#ff6666" }}>❌ Not V2/V3 format</div>
+              );
+            })()}
           </div>
         )}
       </div>