sunpeak 0.7.11 → 0.8.4

package/dist/index.cjs

@@ -7585,6 +7585,8 @@ function Conversation({
 }) {
   const displayMode = useDisplayMode() ?? "inline";
   const api = useWidgetAPI();
+  const userAgent = useUserAgent();
+  const isDesktop = (userAgent == null ? void 0 : userAgent.device.type) === "desktop";
   const containerWidth = screenWidth === "full" ? "100%" : `${SCREEN_WIDTHS[screenWidth]}px`;
   if (displayMode === "fullscreen") {
     const handleClose = () => {
@@ -7614,8 +7616,8 @@ function Conversation({
                     children: /* @__PURE__ */ jsxRuntime.jsx(CloseBold, {})
                   }
                 ) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-primary flex items-center justify-center text-base", children: appName }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                isDesktop && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-primary flex items-center justify-center text-base", children: appName }),
+                isDesktop && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
                   Button,
                   {
                     variant: "outline",
@@ -7947,11 +7949,8 @@ function ChatGPTSimulator({
 }) {
   const [screenWidth, setScreenWidth] = React__namespace.useState("full");
   const isMobileWidth = (width) => width === "mobile-s" || width === "mobile-l";
-  const getSimulationKey = (sim) => `${sim.resource.name}-${sim.tool.name}`;
-  const [selectedKey, setSelectedKey] = React__namespace.useState(
-    simulations.length > 0 ? getSimulationKey(simulations[0]) : ""
-  );
-  const selectedSim = simulations.find((sim) => getSimulationKey(sim) === selectedKey);
+  const [selectedIndex, setSelectedIndex] = React__namespace.useState(0);
+  const selectedSim = simulations[selectedIndex];
   const userMessage = selectedSim == null ? void 0 : selectedSim.userMessage;
   const mock = React.useMemo(
     () => initMockOpenAI({
@@ -7983,7 +7982,7 @@ function ChatGPTSimulator({
       mock.widgetState = ((_j = selectedSim.simulationGlobals) == null ? void 0 : _j.widgetState) ?? null;
       mock.toolOutput = ((_k = selectedSim.toolCall) == null ? void 0 : _k.structuredContent) ?? null;
     }
-  }, [selectedKey, selectedSim, mock]);
+  }, [selectedIndex, selectedSim, mock]);
   const theme = useTheme() ?? DEFAULT_THEME;
   const displayMode = useDisplayMode() ?? DEFAULT_DISPLAY_MODE;
   const locale = useLocale() ?? "en-US";
@@ -8073,7 +8072,7 @@ function ChatGPTSimulator({
       setViewParamsError("");
     }
   }, [
-    selectedKey,
+    selectedIndex,
     toolInput,
     toolOutput,
     toolResponseMetadata,
@@ -8112,13 +8111,13 @@ function ChatGPTSimulator({
         simulations.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(SidebarControl, { label: "Simulation", children: /* @__PURE__ */ jsxRuntime.jsx(
           SidebarSelect,
           {
-            value: selectedKey,
-            onChange: (value) => setSelectedKey(value),
-            options: simulations.map((sim) => {
+            value: String(selectedIndex),
+            onChange: (value) => setSelectedIndex(Number(value)),
+            options: simulations.map((sim, index2) => {
               const resourceTitle = sim.resource.title || sim.resource.name;
               const toolTitle = sim.tool.title || sim.tool.name;
               return {
-                value: getSimulationKey(sim),
+                value: String(index2),
                 label: `${resourceTitle}: ${toolTitle}`
               };
             })
@@ -8439,7 +8438,7 @@ function ChatGPTSimulator({
           resourceMeta: selectedSim == null ? void 0 : selectedSim.resource._meta,
           children: content
         },
-        selectedKey
+        selectedIndex
       )
     }
   ) });