@almadar/ui 5.146.0 → 5.146.2

package/dist/providers/index.cjs

@@ -16147,8 +16147,10 @@ var init_CodeBlock = __esm({
                       ref: editableTextareaRef,
                       defaultValue: code,
                       onChange: (e) => {
-                        setEditableValue(e.target.value);
-                        onChange?.(e.target.value);
+                        const v = e.target.value;
+                        lastPropCodeRef.current = v;
+                        setEditableValue(v);
+                        onChange?.(v);
                       },
                       onScroll: handleEditableScroll,
                       spellCheck: false,
@@ -21969,6 +21971,7 @@ var init_CodeRunnerPanel = __esm({
       const [output, setOutput] = React87.useState(null);
       const [error, setError] = React87.useState(null);
       const [isRunning, setIsRunning] = React87.useState(false);
+      const [copied, setCopied] = React87.useState(false);
       const handleRun = React87.useCallback(async () => {
         if (!onRun) return;
         setIsRunning(true);
@@ -21991,63 +21994,75 @@ var init_CodeRunnerPanel = __esm({
         setOutput(null);
         setError(null);
       }, [initialCode]);
+      const handleCopy = React87.useCallback(async () => {
+        try {
+          await navigator.clipboard.writeText(code);
+          setCopied(true);
+          eventBus.emit("UI:COPY_CODE", { language, success: true });
+          setTimeout(() => setCopied(false), 2e3);
+        } catch {
+          eventBus.emit("UI:COPY_CODE", { language, success: false });
+        }
+      }, [code, language, eventBus]);
       if (!runnable || !onRun) {
         return /* @__PURE__ */ jsxRuntime.jsx(Box, { className, children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { language, code }) });
       }
       const hasOutput = output !== null || error !== null;
       return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("space-y-3", className), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          CodeBlock,
-          {
-            language,
-            code,
-            editable: true,
-            onChange: setCode,
-            showLanguageBadge: true,
-            showCopyButton: true
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", justify: "between", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
-              {
-                variant: "primary",
-                size: "sm",
-                onClick: handleRun,
-                disabled: isRunning,
-                className: "min-w-[5rem]",
-                children: isRunning ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons2.RotateCcw, { size: 16, className: "animate-spin" }),
-                  t("common.loading")
-                ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons2.Play, { size: 16 }),
-                  "Run"
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
-              {
-                variant: "secondary",
-                size: "sm",
-                onClick: handleReset,
-                disabled: isRunning,
-                children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons2.RotateCcw, { size: 16 }),
-                  "Reset"
-                ] })
-              }
-            )
-          ] }),
-          output && /* @__PURE__ */ jsxRuntime.jsxs(
-            Badge,
+        /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "group relative", style: { height: 360 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            CodeBlock,
             {
-              variant: output.exitCode === 0 ? "success" : "danger",
-              size: "sm",
+              language,
+              code,
+              editable: true,
+              onChange: setCode,
+              showLanguageBadge: true,
+              showCopyButton: false,
+              maxHeight: "100%"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            HStack,
+            {
+              gap: "xs",
+              align: "center",
+              className: "absolute top-2 right-2 z-10 opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto focus-within:opacity-100 focus-within:pointer-events-auto transition-opacity bg-[var(--color-card)]/90 backdrop-blur-sm rounded-md p-1 shadow-sm border border-border",
               children: [
-                "Exit ",
-                output.exitCode
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: handleCopy,
+                    icon: copied ? LucideIcons2.Check : LucideIcons2.Copy,
+                    "aria-label": t("common.copy"),
+                    className: copied ? "text-success" : ""
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: handleReset,
+                    disabled: isRunning,
+                    icon: LucideIcons2.RotateCcw,
+                    "aria-label": "Reset"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "primary",
+                    size: "sm",
+                    onClick: handleRun,
+                    disabled: isRunning,
+                    icon: isRunning ? LucideIcons2.RotateCcw : LucideIcons2.Play,
+                    className: isRunning ? "[&_svg]:animate-spin" : "",
+                    children: isRunning ? t("common.loading") : "Run"
+                  }
+                )
               ]
             }
           )
@@ -22061,7 +22076,18 @@ var init_CodeRunnerPanel = __esm({
               className: "px-3 py-2 bg-card border-b border-border",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(LucideIcons2.Terminal, { size: 16, className: "text-muted-foreground" }),
-                /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", className: "text-foreground font-medium", children: "Output" })
+                /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", className: "text-foreground font-medium", children: "Output" }),
+                output && /* @__PURE__ */ jsxRuntime.jsxs(
+                  Badge,
+                  {
+                    variant: output.exitCode === 0 ? "success" : "danger",
+                    size: "sm",
+                    children: [
+                      "Exit ",
+                      output.exitCode
+                    ]
+                  }
+                )
               ]
             }
           ),

package/dist/providers/index.js

@@ -16073,8 +16073,10 @@ var init_CodeBlock = __esm({
                       ref: editableTextareaRef,
                       defaultValue: code,
                       onChange: (e) => {
-                        setEditableValue(e.target.value);
-                        onChange?.(e.target.value);
+                        const v = e.target.value;
+                        lastPropCodeRef.current = v;
+                        setEditableValue(v);
+                        onChange?.(v);
                       },
                       onScroll: handleEditableScroll,
                       spellCheck: false,
@@ -21895,6 +21897,7 @@ var init_CodeRunnerPanel = __esm({
       const [output, setOutput] = useState(null);
       const [error, setError] = useState(null);
       const [isRunning, setIsRunning] = useState(false);
+      const [copied, setCopied] = useState(false);
       const handleRun = useCallback(async () => {
         if (!onRun) return;
         setIsRunning(true);
@@ -21917,63 +21920,75 @@ var init_CodeRunnerPanel = __esm({
         setOutput(null);
         setError(null);
       }, [initialCode]);
+      const handleCopy = useCallback(async () => {
+        try {
+          await navigator.clipboard.writeText(code);
+          setCopied(true);
+          eventBus.emit("UI:COPY_CODE", { language, success: true });
+          setTimeout(() => setCopied(false), 2e3);
+        } catch {
+          eventBus.emit("UI:COPY_CODE", { language, success: false });
+        }
+      }, [code, language, eventBus]);
       if (!runnable || !onRun) {
         return /* @__PURE__ */ jsx(Box, { className, children: /* @__PURE__ */ jsx(CodeBlock, { language, code }) });
       }
       const hasOutput = output !== null || error !== null;
       return /* @__PURE__ */ jsxs(Box, { className: cn("space-y-3", className), children: [
-        /* @__PURE__ */ jsx(
-          CodeBlock,
-          {
-            language,
-            code,
-            editable: true,
-            onChange: setCode,
-            showLanguageBadge: true,
-            showCopyButton: true
-          }
-        ),
-        /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "between", children: [
-          /* @__PURE__ */ jsxs(HStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "primary",
-                size: "sm",
-                onClick: handleRun,
-                disabled: isRunning,
-                className: "min-w-[5rem]",
-                children: isRunning ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(RotateCcw, { size: 16, className: "animate-spin" }),
-                  t("common.loading")
-                ] }) : /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(Play, { size: 16 }),
-                  "Run"
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "secondary",
-                size: "sm",
-                onClick: handleReset,
-                disabled: isRunning,
-                children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(RotateCcw, { size: 16 }),
-                  "Reset"
-                ] })
-              }
-            )
-          ] }),
-          output && /* @__PURE__ */ jsxs(
-            Badge,
+        /* @__PURE__ */ jsxs(Box, { className: "group relative", style: { height: 360 }, children: [
+          /* @__PURE__ */ jsx(
+            CodeBlock,
             {
-              variant: output.exitCode === 0 ? "success" : "danger",
-              size: "sm",
+              language,
+              code,
+              editable: true,
+              onChange: setCode,
+              showLanguageBadge: true,
+              showCopyButton: false,
+              maxHeight: "100%"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            HStack,
+            {
+              gap: "xs",
+              align: "center",
+              className: "absolute top-2 right-2 z-10 opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto focus-within:opacity-100 focus-within:pointer-events-auto transition-opacity bg-[var(--color-card)]/90 backdrop-blur-sm rounded-md p-1 shadow-sm border border-border",
               children: [
-                "Exit ",
-                output.exitCode
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: handleCopy,
+                    icon: copied ? Check : Copy,
+                    "aria-label": t("common.copy"),
+                    className: copied ? "text-success" : ""
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: handleReset,
+                    disabled: isRunning,
+                    icon: RotateCcw,
+                    "aria-label": "Reset"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "primary",
+                    size: "sm",
+                    onClick: handleRun,
+                    disabled: isRunning,
+                    icon: isRunning ? RotateCcw : Play,
+                    className: isRunning ? "[&_svg]:animate-spin" : "",
+                    children: isRunning ? t("common.loading") : "Run"
+                  }
+                )
               ]
             }
           )
@@ -21987,7 +22002,18 @@ var init_CodeRunnerPanel = __esm({
               className: "px-3 py-2 bg-card border-b border-border",
               children: [
                 /* @__PURE__ */ jsx(Terminal, { size: 16, className: "text-muted-foreground" }),
-                /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-foreground font-medium", children: "Output" })
+                /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-foreground font-medium", children: "Output" }),
+                output && /* @__PURE__ */ jsxs(
+                  Badge,
+                  {
+                    variant: output.exitCode === 0 ? "success" : "danger",
+                    size: "sm",
+                    children: [
+                      "Exit ",
+                      output.exitCode
+                    ]
+                  }
+                )
               ]
             }
           ),

package/dist/runtime/index.cjs

@@ -15851,8 +15851,10 @@ var init_CodeBlock = __esm({
                       ref: editableTextareaRef,
                       defaultValue: code,
                       onChange: (e) => {
-                        setEditableValue(e.target.value);
-                        onChange?.(e.target.value);
+                        const v = e.target.value;
+                        lastPropCodeRef.current = v;
+                        setEditableValue(v);
+                        onChange?.(v);
                       },
                       onScroll: handleEditableScroll,
                       spellCheck: false,
@@ -21556,6 +21558,7 @@ var init_CodeRunnerPanel = __esm({
       const [output, setOutput] = React85.useState(null);
       const [error, setError] = React85.useState(null);
       const [isRunning, setIsRunning] = React85.useState(false);
+      const [copied, setCopied] = React85.useState(false);
       const handleRun = React85.useCallback(async () => {
         if (!onRun) return;
         setIsRunning(true);
@@ -21578,63 +21581,75 @@ var init_CodeRunnerPanel = __esm({
         setOutput(null);
         setError(null);
       }, [initialCode]);
+      const handleCopy = React85.useCallback(async () => {
+        try {
+          await navigator.clipboard.writeText(code);
+          setCopied(true);
+          eventBus.emit("UI:COPY_CODE", { language, success: true });
+          setTimeout(() => setCopied(false), 2e3);
+        } catch {
+          eventBus.emit("UI:COPY_CODE", { language, success: false });
+        }
+      }, [code, language, eventBus]);
       if (!runnable || !onRun) {
         return /* @__PURE__ */ jsxRuntime.jsx(Box, { className, children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { language, code }) });
       }
       const hasOutput = output !== null || error !== null;
       return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: cn("space-y-3", className), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          CodeBlock,
-          {
-            language,
-            code,
-            editable: true,
-            onChange: setCode,
-            showLanguageBadge: true,
-            showCopyButton: true
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", justify: "between", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
-              {
-                variant: "primary",
-                size: "sm",
-                onClick: handleRun,
-                disabled: isRunning,
-                className: "min-w-[5rem]",
-                children: isRunning ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons2.RotateCcw, { size: 16, className: "animate-spin" }),
-                  t("common.loading")
-                ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons2.Play, { size: 16 }),
-                  "Run"
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
-              {
-                variant: "secondary",
-                size: "sm",
-                onClick: handleReset,
-                disabled: isRunning,
-                children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons2.RotateCcw, { size: 16 }),
-                  "Reset"
-                ] })
-              }
-            )
-          ] }),
-          output && /* @__PURE__ */ jsxRuntime.jsxs(
-            Badge,
+        /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "group relative", style: { height: 360 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            CodeBlock,
             {
-              variant: output.exitCode === 0 ? "success" : "danger",
-              size: "sm",
+              language,
+              code,
+              editable: true,
+              onChange: setCode,
+              showLanguageBadge: true,
+              showCopyButton: false,
+              maxHeight: "100%"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            HStack,
+            {
+              gap: "xs",
+              align: "center",
+              className: "absolute top-2 right-2 z-10 opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto focus-within:opacity-100 focus-within:pointer-events-auto transition-opacity bg-[var(--color-card)]/90 backdrop-blur-sm rounded-md p-1 shadow-sm border border-border",
               children: [
-                "Exit ",
-                output.exitCode
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: handleCopy,
+                    icon: copied ? LucideIcons2.Check : LucideIcons2.Copy,
+                    "aria-label": t("common.copy"),
+                    className: copied ? "text-success" : ""
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: handleReset,
+                    disabled: isRunning,
+                    icon: LucideIcons2.RotateCcw,
+                    "aria-label": "Reset"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "primary",
+                    size: "sm",
+                    onClick: handleRun,
+                    disabled: isRunning,
+                    icon: isRunning ? LucideIcons2.RotateCcw : LucideIcons2.Play,
+                    className: isRunning ? "[&_svg]:animate-spin" : "",
+                    children: isRunning ? t("common.loading") : "Run"
+                  }
+                )
               ]
             }
           )
@@ -21648,7 +21663,18 @@ var init_CodeRunnerPanel = __esm({
               className: "px-3 py-2 bg-card border-b border-border",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(LucideIcons2.Terminal, { size: 16, className: "text-muted-foreground" }),
-                /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", className: "text-foreground font-medium", children: "Output" })
+                /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", className: "text-foreground font-medium", children: "Output" }),
+                output && /* @__PURE__ */ jsxRuntime.jsxs(
+                  Badge,
+                  {
+                    variant: output.exitCode === 0 ? "success" : "danger",
+                    size: "sm",
+                    children: [
+                      "Exit ",
+                      output.exitCode
+                    ]
+                  }
+                )
               ]
             }
           ),

package/dist/runtime/index.js

@@ -15777,8 +15777,10 @@ var init_CodeBlock = __esm({
                       ref: editableTextareaRef,
                       defaultValue: code,
                       onChange: (e) => {
-                        setEditableValue(e.target.value);
-                        onChange?.(e.target.value);
+                        const v = e.target.value;
+                        lastPropCodeRef.current = v;
+                        setEditableValue(v);
+                        onChange?.(v);
                       },
                       onScroll: handleEditableScroll,
                       spellCheck: false,
@@ -21482,6 +21484,7 @@ var init_CodeRunnerPanel = __esm({
       const [output, setOutput] = useState(null);
       const [error, setError] = useState(null);
       const [isRunning, setIsRunning] = useState(false);
+      const [copied, setCopied] = useState(false);
       const handleRun = useCallback(async () => {
         if (!onRun) return;
         setIsRunning(true);
@@ -21504,63 +21507,75 @@ var init_CodeRunnerPanel = __esm({
         setOutput(null);
         setError(null);
       }, [initialCode]);
+      const handleCopy = useCallback(async () => {
+        try {
+          await navigator.clipboard.writeText(code);
+          setCopied(true);
+          eventBus.emit("UI:COPY_CODE", { language, success: true });
+          setTimeout(() => setCopied(false), 2e3);
+        } catch {
+          eventBus.emit("UI:COPY_CODE", { language, success: false });
+        }
+      }, [code, language, eventBus]);
       if (!runnable || !onRun) {
         return /* @__PURE__ */ jsx(Box, { className, children: /* @__PURE__ */ jsx(CodeBlock, { language, code }) });
       }
       const hasOutput = output !== null || error !== null;
       return /* @__PURE__ */ jsxs(Box, { className: cn("space-y-3", className), children: [
-        /* @__PURE__ */ jsx(
-          CodeBlock,
-          {
-            language,
-            code,
-            editable: true,
-            onChange: setCode,
-            showLanguageBadge: true,
-            showCopyButton: true
-          }
-        ),
-        /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "between", children: [
-          /* @__PURE__ */ jsxs(HStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "primary",
-                size: "sm",
-                onClick: handleRun,
-                disabled: isRunning,
-                className: "min-w-[5rem]",
-                children: isRunning ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(RotateCcw, { size: 16, className: "animate-spin" }),
-                  t("common.loading")
-                ] }) : /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(Play, { size: 16 }),
-                  "Run"
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "secondary",
-                size: "sm",
-                onClick: handleReset,
-                disabled: isRunning,
-                children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(RotateCcw, { size: 16 }),
-                  "Reset"
-                ] })
-              }
-            )
-          ] }),
-          output && /* @__PURE__ */ jsxs(
-            Badge,
+        /* @__PURE__ */ jsxs(Box, { className: "group relative", style: { height: 360 }, children: [
+          /* @__PURE__ */ jsx(
+            CodeBlock,
             {
-              variant: output.exitCode === 0 ? "success" : "danger",
-              size: "sm",
+              language,
+              code,
+              editable: true,
+              onChange: setCode,
+              showLanguageBadge: true,
+              showCopyButton: false,
+              maxHeight: "100%"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            HStack,
+            {
+              gap: "xs",
+              align: "center",
+              className: "absolute top-2 right-2 z-10 opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto focus-within:opacity-100 focus-within:pointer-events-auto transition-opacity bg-[var(--color-card)]/90 backdrop-blur-sm rounded-md p-1 shadow-sm border border-border",
               children: [
-                "Exit ",
-                output.exitCode
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: handleCopy,
+                    icon: copied ? Check : Copy,
+                    "aria-label": t("common.copy"),
+                    className: copied ? "text-success" : ""
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: handleReset,
+                    disabled: isRunning,
+                    icon: RotateCcw,
+                    "aria-label": "Reset"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "primary",
+                    size: "sm",
+                    onClick: handleRun,
+                    disabled: isRunning,
+                    icon: isRunning ? RotateCcw : Play,
+                    className: isRunning ? "[&_svg]:animate-spin" : "",
+                    children: isRunning ? t("common.loading") : "Run"
+                  }
+                )
               ]
             }
           )
@@ -21574,7 +21589,18 @@ var init_CodeRunnerPanel = __esm({
               className: "px-3 py-2 bg-card border-b border-border",
               children: [
                 /* @__PURE__ */ jsx(Terminal, { size: 16, className: "text-muted-foreground" }),
-                /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-foreground font-medium", children: "Output" })
+                /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-foreground font-medium", children: "Output" }),
+                output && /* @__PURE__ */ jsxs(
+                  Badge,
+                  {
+                    variant: output.exitCode === 0 ? "success" : "danger",
+                    size: "sm",
+                    children: [
+                      "Exit ",
+                      output.exitCode
+                    ]
+                  }
+                )
               ]
             }
           ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.146.0",
+  "version": "5.146.2",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [