@nice-code/action 0.3.1 → 0.3.3

package/build/devtools/browser/index.js

@@ -3090,7 +3090,13 @@ function FullErrorContent({
 function CompactErrorContent({ value, color }) {
   if (isNiceErrorJson(value)) {
     return /* @__PURE__ */ jsxDEV5("div", {
-      style: { display: "flex", flexDirection: "column", gap: "1em" },
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "1em",
+        width: "100%",
+        minWidth: 0
+      },
       children: [
         /* @__PURE__ */ jsxDEV5("div", {
           style: {
@@ -3100,19 +3106,39 @@ function CompactErrorContent({ value, color }) {
             fontWeight: 600,
             lineHeight: "1.4",
             wordBreak: "break-word",
+            overflowWrap: "anywhere",
             textAlign: "left"
           },
           children: value.message
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV5("div", {
-          style: { display: "flex", flexWrap: "wrap", gap: "6px", alignItems: "center" },
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            gap: "6px",
+            alignItems: "center",
+            minWidth: 0
+          },
           children: [
             value.ids.map((id) => /* @__PURE__ */ jsxDEV5("span", {
-              style: { color, fontFamily: MONO3, fontSize: "10px", opacity: 0.8 },
+              style: {
+                color,
+                fontFamily: MONO3,
+                fontSize: "10px",
+                opacity: 0.8,
+                wordBreak: "break-word",
+                overflowWrap: "anywhere"
+              },
               children: id
             }, id, false, undefined, this)),
             /* @__PURE__ */ jsxDEV5("span", {
-              style: { color: DEVTOOL_COLOR_TEXT_MUTED, fontFamily: MONO3, fontSize: "10px" },
+              style: {
+                color: DEVTOOL_COLOR_TEXT_MUTED,
+                fontFamily: MONO3,
+                fontSize: "10px",
+                wordBreak: "break-word",
+                overflowWrap: "anywhere"
+              },
               children: value.def.domain
             }, undefined, false, undefined, this)
           ]
@@ -3129,7 +3155,8 @@ function CompactErrorContent({ value, color }) {
       fontFamily: SANS2,
       fontSize: "12px",
       lineHeight: "1.4",
-      wordBreak: "break-word"
+      wordBreak: "break-word",
+      overflowWrap: "anywhere"
     },
     children: text
   }, undefined, false, undefined, this);
@@ -3254,7 +3281,11 @@ function Tooltip({
       pointerEvents: "none",
       maxWidth: resolvedMaxWidth != null ? `${resolvedMaxWidth}px` : undefined,
       maxHeight: `${maxHeight}px`,
-      overflowY: "auto"
+      overflowY: "auto",
+      overflowX: "hidden",
+      whiteSpace: "normal",
+      wordBreak: "break-word",
+      overflowWrap: "anywhere"
     },
     children: [
       resolvedTitle != null && /* @__PURE__ */ jsxDEV6("div", {
@@ -4369,7 +4400,6 @@ var ActionInputAndOutputChip = ({
             title: isNewOutput ? "New Output" : "Output"
           }
         }, undefined, false, undefined, this),
-        isNewOutput && newSparkleComp,
         (entry.error != null || entry.abortReason != null) && /* @__PURE__ */ jsxDEV18(Icon, {
           noBackground: true,
           icon: CircleX2,
@@ -4382,7 +4412,8 @@ var ActionInputAndOutputChip = ({
             title: entry.status === "aborted" ? "Aborted" : "Error",
             maxWidth: 340
           }
-        }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        isNewOutput && newSparkleComp
       ]
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
@@ -4590,27 +4621,49 @@ function ActionEntryRow({
               /* @__PURE__ */ jsxDEV19("div", {
                 style: { flex: 1 }
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV19("span", {
+              /* @__PURE__ */ jsxDEV19("div", {
                 style: {
-                  color: DEVTOOL_COLOR_SEMANTIC_METADATA,
-                  fontSize: "10px",
-                  letterSpacing: "0.02em",
-                  fontFamily: "ui-sans-serif, system-ui, sans-serif",
-                  flexShrink: 0
+                  display: "flex",
+                  flexDirection: "column",
+                  alignItems: "end",
+                  gap: "0.35em",
+                  marginTop: "-0.2em",
+                  marginRight: "-0.2em"
                 },
-                children: timestamp
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV19("span", {
-                style: { color: DEVTOOL_COLOR_SEMANTIC_WARNING, fontSize: "11px", flexShrink: 0 },
-                children: /* @__PURE__ */ jsxDEV19(DurationDisplay, {
-                  entry
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
+                children: [
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    style: {
+                      display: "flex",
+                      color: DEVTOOL_COLOR_SEMANTIC_METADATA,
+                      fontSize: "10px",
+                      lineHeight: "1em",
+                      letterSpacing: "0.02em",
+                      fontFamily: "ui-sans-serif, system-ui, sans-serif",
+                      flexShrink: 0,
+                      opacity: 0.7
+                    },
+                    children: timestamp
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    style: {
+                      display: "flex",
+                      color: DEVTOOL_COLOR_SEMANTIC_WARNING,
+                      lineHeight: "1em",
+                      fontSize: "11px",
+                      opacity: 0.9,
+                      flexShrink: 0
+                    },
+                    children: /* @__PURE__ */ jsxDEV19(DurationDisplay, {
+                      entry
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      hasBottomContent && /* @__PURE__ */ jsxDEV19("div", {
+      hasBottomContent && (childEntries?.length ?? 0) > 0 && /* @__PURE__ */ jsxDEV19("div", {
         style: {
           display: "flex",
           flexWrap: "wrap",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nice-code/action",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "private": false,
   "type": "module",
   "exports": {
@@ -44,9 +44,9 @@
     "build-types": "tsc --project tsconfig.build.json"
   },
   "dependencies": {
-    "@nice-code/common-errors": "0.3.1",
-    "@nice-code/error": "0.3.1",
-    "@nice-code/util": "0.3.1",
+    "@nice-code/common-errors": "0.3.3",
+    "@nice-code/error": "0.3.3",
+    "@nice-code/util": "0.3.3",
     "@standard-schema/spec": "^1.1.0",
     "@tanstack/react-virtual": "^3.13.26",
     "http-status-codes": "^2.3.0",