sunpeak 0.5.13 → 0.5.15

package/dist/chatgpt/globals.css

@@ -9,3 +9,8 @@
 
 /* Configure dark mode to use data-theme attribute (OpenAI SDK standard) */
 @custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
+
+/* Custom utilities that use OpenAI SDK color variables */
+@utility bg-sidebar {
+  background-color: var(--color-surface-secondary);
+}

package/dist/index.cjs

@@ -7378,8 +7378,8 @@ const Segment = ({ children, ...restProps }) => {
 SegmentedControl.Option = Segment;
 function SimpleSidebar({ children, controls }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-screen w-full overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "hidden md:flex w-56 flex-col border-r border-subtle bg-background h-screen overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xs font-semibold sticky top-0 bg-background z-10", children: "Controls" }),
+    /* @__PURE__ */ jsxRuntime.jsx("aside", { className: "max-md:hidden md:flex w-56 flex-col border-r border-subtle bg-sidebar h-screen overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xs font-semibold sticky top-0 bg-sidebar z-10", children: "Controls" }),
       controls
     ] }) }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-auto h-screen", children })
@@ -10536,7 +10536,7 @@ function Conversation({
           {
             onClick: handleClose,
             "aria-label": "Close",
-            className: "h-7 w-7 flex items-center justify-center hover:bg-subtle rounded-md transition-colors",
+            className: "h-7 w-7 flex items-center justify-center hover:bg-subtle rounded-md transition-colors text-primary",
             type: "button",
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "svg",
@@ -10551,7 +10551,7 @@ function Conversation({
             )
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-secondary flex items-center justify-center text-base", children: appName }),
+        /* @__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" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative overflow-hidden flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full max-w-full overflow-auto", children }) }),
@@ -10568,7 +10568,7 @@ function Conversation({
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col bg-surface w-full h-full flex-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("header", { className: "h-12 border-b border-subtle bg-surface flex items-center px-4 text-lg", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: "SimGPT" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("header", { className: "h-12 border-b border-subtle bg-surface flex items-center px-4 text-lg", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: "SimGPT" }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -10576,29 +10576,21 @@ function Conversation({
         style: { maxWidth: containerWidth },
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "flex-1 overflow-y-auto overflow-x-hidden", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "text-primary w-full focus:outline-none", dir: "auto", "data-turn": "user", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "sr-only", children: "You said:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base my-auto mx-auto pt-12 px-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[48rem] mx-auto flex-1 relative flex w-full min-w-0 flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex max-w-full flex-col grow", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  "data-message-author-role": "user",
+                  className: "min-h-8 relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full flex-col gap-1 empty:hidden items-end", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-[var(--color-background-primary-soft)] relative rounded-[18px] px-4 py-3 max-w-[70%]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap", children: userMessage }) }) })
+                }
+              ) }) }) })
+            ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(
               "article",
               {
-                className: "text-foreground w-full focus:outline-none",
-                dir: "auto",
-                "data-turn": "user",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "sr-only", children: "You said:" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base my-auto mx-auto pt-12 px-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[48rem] mx-auto flex-1 relative flex w-full min-w-0 flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex max-w-full flex-col grow", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      "data-message-author-role": "user",
-                      className: "min-h-8 relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal",
-                      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full flex-col gap-1 empty:hidden items-end", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-[var(--color-background-primary-soft)] relative rounded-[18px] px-4 py-3 max-w-[70%]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap", children: userMessage }) }) })
-                    }
-                  ) }) }) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "article",
-              {
-                className: "text-foreground w-full focus:outline-none",
+                className: "text-primary w-full focus:outline-none",
                 dir: "auto",
                 "data-turn": "assistant",
                 children: [