@flamingo-stack/openframe-frontend-core 0.0.197 → 0.0.199

package/dist/{chunk-GIQZAYY5.js → chunk-5URU5DHE.js}

@@ -109,6 +109,7 @@ import {
   PenEditIcon,
   PencilIcon,
   PlayIcon,
+  PlusCircleIcon,
   PlusIcon,
   PowershellLogoIcon,
   PythonLogoIcon,
@@ -4102,7 +4103,7 @@ init_button2();
 
 // src/components/plus-circle-icon.tsx
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
-function PlusCircleIcon({ className, whiteOverlay = false, iconSize = 24, ...props }) {
+function PlusCircleIcon2({ className, whiteOverlay = false, iconSize = 24, ...props }) {
   return /* @__PURE__ */ jsxs18(
     "svg",
     {
@@ -4265,7 +4266,7 @@ var ChatHeader = React11.forwardRef(
       {
         ref,
         className: cn(
-          "relative mx-auto w-full max-w-3xl",
+          "relative mx-auto w-full max-w-ods-content-narrow",
           className
         ),
         ...props,
@@ -4280,7 +4281,7 @@ var ChatHeader = React11.forwardRef(
               leftIcon: /* @__PURE__ */ jsx24(Chevron02LeftIcon, { size: 24, className: "text-ods-text-primary" }),
               className: cn(
                 cardClasses,
-                "absolute -translate-y-1/2 right-full mr-3 my-6 hover:bg-ods-bg-hover"
+                "absolute top-0 right-full mr-[var(--spacing-system-s)] hover:bg-ods-bg-hover"
               )
             }
           ),
@@ -4313,7 +4314,7 @@ var ChatHeader = React11.forwardRef(
                     onClick: onNewChat,
                     variant: "transparent",
                     size: "small-legacy",
-                    leftIcon: /* @__PURE__ */ jsx24(PlusCircleIcon, { className: "w-5 h-5", whiteOverlay: true }),
+                    leftIcon: /* @__PURE__ */ jsx24(PlusCircleIcon2, { className: "w-5 h-5", whiteOverlay: true }),
                     className: "text-ods-text-primary hover:bg-ods-bg-hover",
                     children: "New Chat"
                   }
@@ -4377,7 +4378,7 @@ var ChatFooter = React11.forwardRef(
           className
         ),
         ...props,
-        children: /* @__PURE__ */ jsx24("div", { className: "mx-auto w-full max-w-3xl", children })
+        children: /* @__PURE__ */ jsx24("div", { className: "mx-auto w-full max-w-ods-content-narrow", children })
       }
     );
   }
@@ -4700,7 +4701,9 @@ var ChatInput = forwardRef18(
       sending = false,
       awaitingResponse = false,
       placeholder = "Enter your Request...",
-      reserveAvatarOffset = true,
+      // Accepted for back-compat; consumed and discarded so the prop never
+      // falls through to the underlying <textarea> as an unknown DOM attr.
+      reserveAvatarOffset: _reserveAvatarOffset,
       disabled = false,
       autoFocus = false,
       ...inputProps
@@ -4896,73 +4899,51 @@ var ChatInput = forwardRef18(
         setIsStopping(false);
       }
     }, [onStop, isStopping]);
-    if (awaitingResponse) {
-      return /* @__PURE__ */ jsxs23(
-        "div",
-        {
-          className: cn(
-            "mx-auto w-full max-w-3xl items-end gap-6",
-            reserveAvatarOffset ? "grid grid-cols-[32px_1fr]" : "grid grid-cols-[1fr]",
-            "flex-shrink-0",
-            className
-          ),
-          children: [
-            reserveAvatarOffset && /* @__PURE__ */ jsx28("div", { className: "invisible h-8 w-8", "aria-hidden": true }),
-            /* @__PURE__ */ jsxs23("div", { className: "relative flex items-center justify-center gap-2 rounded-md bg-ods-card border border-ods-border px-3 py-3 transition-colors", children: [
-              /* @__PURE__ */ jsx28(ChatTypingIndicator, { size: "sm", dotClassName: "bg-ods-text-primary" }),
-              /* @__PURE__ */ jsx28("p", { className: "text-h4 text-ods-text-secondary", children: "Waiting for Technician Response" })
-            ] })
-          ]
-        }
-      );
-    }
     const isStopMode = sending && !!onStop;
     const sendDisabled = sending || disabled || !value.trim();
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsx28(
       "div",
       {
         className: cn(
-          "mx-auto w-full max-w-3xl items-end gap-6",
-          reserveAvatarOffset ? "grid grid-cols-[32px_1fr]" : "grid grid-cols-[1fr]",
-          "flex-shrink-0",
+          "mx-auto w-full max-w-ods-content-narrow flex-shrink-0",
           className
         ),
-        children: [
-          reserveAvatarOffset && /* @__PURE__ */ jsx28("div", { className: "invisible h-8 w-8", "aria-hidden": true }),
-          /* @__PURE__ */ jsxs23("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx28(
-              SlashCommandSuggestions,
-              {
-                commands: slashPrefix !== null ? slashSuggestions : [],
-                highlightedIdx,
-                onHover: setHighlightedIdx,
-                onSelect: acceptSuggestion,
-                resolveSourceIcon: slashCommands?.resolveSourceIcon,
-                onAction: slashCommands?.onAction
-              }
-            ),
-            /* @__PURE__ */ jsx28(
-              Textarea,
-              {
-                ref: textareaRef,
-                value,
-                onChange: handleChange,
-                onKeyDown: handleKeyDown,
-                placeholder: disabled ? "Connection lost. Waiting to reconnect..." : placeholder,
-                disabled: sending || disabled,
-                rows: 1,
-                endIcon: isStopMode ? /* @__PURE__ */ jsx28(StopCircleIcon, { size: 20 }) : /* @__PURE__ */ jsx28(Send01Icon, { size: 20 }),
-                endIconAsButton: true,
-                endIconButtonProps: {
-                  onClick: isStopMode ? handleStop : handleSubmit,
-                  disabled: isStopMode ? isStopping : sendDisabled,
-                  "aria-label": isStopMode ? "Stop generation" : "Send message"
-                },
-                ...inputProps
-              }
-            )
-          ] })
-        ]
+        children: awaitingResponse ? /* @__PURE__ */ jsxs23("div", { className: "relative flex items-center justify-center gap-[var(--spacing-system-xs)] rounded-md bg-ods-card border border-ods-border px-[var(--spacing-system-s)] py-[var(--spacing-system-s)] transition-colors", children: [
+          /* @__PURE__ */ jsx28(ChatTypingIndicator, { size: "sm", dotClassName: "bg-ods-text-primary" }),
+          /* @__PURE__ */ jsx28("p", { className: "text-h4 text-ods-text-secondary", children: "Waiting for Technician Response" })
+        ] }) : /* @__PURE__ */ jsxs23("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx28(
+            SlashCommandSuggestions,
+            {
+              commands: slashPrefix !== null ? slashSuggestions : [],
+              highlightedIdx,
+              onHover: setHighlightedIdx,
+              onSelect: acceptSuggestion,
+              resolveSourceIcon: slashCommands?.resolveSourceIcon,
+              onAction: slashCommands?.onAction
+            }
+          ),
+          /* @__PURE__ */ jsx28(
+            Textarea,
+            {
+              ref: textareaRef,
+              value,
+              onChange: handleChange,
+              onKeyDown: handleKeyDown,
+              placeholder: disabled ? "Connection lost. Waiting to reconnect..." : placeholder,
+              disabled: sending || disabled,
+              rows: 1,
+              endIcon: isStopMode ? /* @__PURE__ */ jsx28(StopCircleIcon, { size: 20 }) : /* @__PURE__ */ jsx28(Send01Icon, { size: 20 }),
+              endIconAsButton: true,
+              endIconButtonProps: {
+                onClick: isStopMode ? handleStop : handleSubmit,
+                disabled: isStopMode ? isStopping : sendDisabled,
+                "aria-label": isStopMode ? "Stop generation" : "Send message"
+              },
+              ...inputProps
+            }
+          )
+        ] })
       }
     );
   }
@@ -5213,7 +5194,7 @@ var ChatMessageEnhanced = forwardRef20(
         variant: "round",
         className: cn(
           "flex-shrink-0",
-          isUser ? "invisible" : isMingo ? "bg-ods-flamingo-cyan" : "bg-ods-flamingo-pink"
+          isMingo ? "bg-ods-flamingo-cyan" : "bg-ods-flamingo-pink"
         )
       };
     };
@@ -5224,20 +5205,20 @@ var ChatMessageEnhanced = forwardRef20(
       {
         ref,
         className: cn(
-          "flex flex-row items-start gap-2 py-3",
+          "relative py-[var(--spacing-system-s)]",
           className
         ),
         ...props,
         children: [
-          showAvatar && (isSystem ? /* @__PURE__ */ jsx30("div", { className: "w-12 flex-shrink-0" }) : !isUser && assistantIcon && !avatar ? /* @__PURE__ */ jsx30("div", { className: "flex items-center justify-center w-12 h-12 rounded-full bg-ods-accent flex-shrink-0", children: assistantIcon }) : /* @__PURE__ */ jsx30(
+          showAvatar && !isSystem && !isUser && /* @__PURE__ */ jsx30("div", { className: "absolute -left-16 top-[var(--spacing-system-s)]", children: assistantIcon && !avatar ? /* @__PURE__ */ jsx30("div", { className: "flex items-center justify-center w-12 h-12 rounded-full bg-ods-accent", children: assistantIcon }) : /* @__PURE__ */ jsx30(
             SquareAvatar,
             {
               ...avatarProps,
               className: cn(avatarProps.className, "w-12 h-12")
             }
-          )),
-          /* @__PURE__ */ jsxs25("div", { className: "flex flex-1 flex-col gap-1 min-w-0", children: [
-            /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-1", children: [
+          ) }),
+          /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-[var(--spacing-system-xxs)] min-w-0", children: [
+            /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between gap-[var(--spacing-system-xxs)]", children: [
               /* @__PURE__ */ jsxs25("span", { className: cn(
                 "text-h3 !font-mono !font-medium flex-1",
                 authorType === "system" ? "text-ods-open-yellow" : authorType === "admin" ? "text-ods-open-yellow" : authorType === "mingo" ? "text-ods-flamingo-cyan" : authorType === "fae" ? "text-ods-flamingo-pink" : "text-ods-text-secondary"
@@ -5375,16 +5356,16 @@ function ChatMessageSkeleton({
     "div",
     {
       className: cn(
-        "flex flex-row items-start gap-4",
+        "relative",
         !isUser && "bg-ods-card/50 rounded-lg px-4 -mx-4",
         className
       ),
       children: [
-        showAvatar && /* @__PURE__ */ jsx31("div", { className: cn(
-          "flex-shrink-0 mt-1 w-8 h-8 rounded animate-pulse",
-          isUser ? "invisible" : isMingo ? "bg-gradient-to-br from-cyan-400/30 to-cyan-600/30" : "bg-gradient-to-br from-pink-400/30 to-pink-600/30"
+        showAvatar && !isUser && /* @__PURE__ */ jsx31("div", { className: cn(
+          "absolute -left-16 top-[var(--spacing-system-s)] w-12 h-12 rounded-full animate-pulse",
+          isMingo ? "bg-gradient-to-br from-cyan-400/30 to-cyan-600/30" : "bg-gradient-to-br from-pink-400/30 to-pink-600/30"
         ) }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex flex-1 flex-col gap-1 min-w-0", children: [
+        /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1 min-w-0", children: [
           /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between pr-2", children: [
             /* @__PURE__ */ jsx31("div", { className: "h-5 w-16 bg-ods-border rounded animate-pulse" }),
             /* @__PURE__ */ jsx31("div", { className: "h-4 w-12 bg-ods-border rounded animate-pulse" })
@@ -5420,7 +5401,7 @@ function ChatMessageListSkeleton({
         "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-ods-border/30 hover:scrollbar-thumb-ods-text-secondary/30",
         className
       ),
-      children: /* @__PURE__ */ jsxs26("div", { className: cn("mx-auto flex w-full max-w-3xl flex-col pb-2 min-w-0", contentClassName || "px-4"), style: { minHeight: "100%" }, children: [
+      children: /* @__PURE__ */ jsxs26("div", { className: cn("mx-auto flex w-full max-w-ods-content-narrow flex-col pb-[var(--spacing-system-xs)] min-w-0", contentClassName ?? "px-[var(--spacing-system-m)]"), style: { minHeight: "100%" }, children: [
         /* @__PURE__ */ jsx31("div", { className: "flex-1" }),
         /* @__PURE__ */ jsx31("div", { className: "space-y-6", children: messages.map((message) => /* @__PURE__ */ jsx31(
           ChatMessageSkeleton,
@@ -5770,8 +5751,8 @@ var ChatMessageList = forwardRef21(
             {
               ref: setContentRef,
               className: cn(
-                "mx-auto flex w-full max-w-3xl flex-col pb-2 min-w-0",
-                contentClassName || "px-4"
+                "mx-auto flex w-full max-w-ods-content-narrow flex-col pb-[var(--spacing-system-xs)] min-w-0",
+                contentClassName ?? "px-[var(--spacing-system-m)]"
               ),
               style: { minHeight: "100%" },
               children: [
@@ -5806,8 +5787,8 @@ var ChatMessageList = forwardRef21(
         "div",
         {
           className: cn(
-            "mx-auto w-full max-w-3xl flex items-center gap-1 py-2",
-            contentClassName || "px-4"
+            "mx-auto w-full max-w-ods-content-narrow flex items-center gap-[var(--spacing-system-xxs)] py-[var(--spacing-system-xs)]",
+            contentClassName ?? "px-[var(--spacing-system-m)]"
           ),
           style: { color: "var(--color-text-muted)" },
           role: "status",
@@ -5820,8 +5801,8 @@ var ChatMessageList = forwardRef21(
       ),
       pendingApprovals && pendingApprovals.length > 0 && /* @__PURE__ */ jsx33("div", { className: cn(
         "border-t border-ods-border bg-ods-bg/95 backdrop-blur-sm",
-        "mx-auto w-full max-w-3xl",
-        contentClassName || "px-4"
+        "mx-auto w-full max-w-ods-content-narrow",
+        contentClassName ?? "px-[var(--spacing-system-m)]"
       ), children: /* @__PURE__ */ jsx33(
         MemoizedChatMessageEnhanced,
         {
@@ -11632,9 +11613,8 @@ var ScriptInfoSection = ({
 ScriptInfoSection.displayName = "ScriptInfoSection";
 
 // src/components/platform/ScriptArguments.tsx
-init_cn();
+import { Trash2 } from "lucide-react";
 init_button2();
-import { PlusCircle as PlusCircle2, Trash2 } from "lucide-react";
 import { jsx as jsx74, jsxs as jsxs62 } from "react/jsx-runtime";
 var ScriptArguments = ({
   arguments: args,
@@ -11727,12 +11707,12 @@ var ScriptArguments = ({
       Button,
       {
         type: "button",
-        variant: "transparent",
-        className: "text-ods-text-primary",
+        variant: "outline",
+        size: "small",
         onClick: handleAdd,
         disabled,
-        leftIcon: /* @__PURE__ */ jsx74(PlusCircle2, { className: "size-6" }),
-        noPaddingX: true,
+        className: "self-start",
+        leftIcon: /* @__PURE__ */ jsx74(PlusCircleIcon, { className: "text-ods-text-secondary" }),
         children: addButtonLabel
       }
     ) })
@@ -13884,13 +13864,13 @@ var CommunityIcon = MessageSquare;
 var CompareIcon = GitCompare;
 
 // src/components/icons-block.tsx
-import { Sun, Moon, CheckCircle as CheckCircle3, Github as Github2, PlusCircle as PlusCircle3 } from "lucide-react";
+import { Sun, Moon, CheckCircle as CheckCircle3, Github as Github2, PlusCircle as PlusCircle2 } from "lucide-react";
 import { jsx as jsx99, jsxs as jsxs79 } from "react/jsx-runtime";
 var SunIcon = Sun;
 var MoonIcon = Moon;
 var CheckCircleIcon2 = CheckCircle3;
 var GitHubIcon2 = Github2;
-var PlusCircleIcon2 = PlusCircle3;
+var PlusCircleIcon3 = PlusCircle2;
 var OpenmspLogo2 = () => /* @__PURE__ */ jsx99("div", { children: "Logo" });
 var availableIcons = [
   VendorDirectoryIcon,
@@ -13903,7 +13883,7 @@ var availableIcons = [
   MoonIcon,
   CheckCircleIcon2,
   GitHubIcon2,
-  PlusCircleIcon2,
+  PlusCircleIcon3,
   OpenmspLogo2
 ];
 function ResponsiveIconsBlock({ loading = false }) {
@@ -34485,4 +34465,4 @@ export {
   TMCG_SOCIAL_PLATFORMS,
   assets
 };
-//# sourceMappingURL=chunk-GIQZAYY5.js.map
+//# sourceMappingURL=chunk-5URU5DHE.js.map