@marimo-team/frontend 0.15.1-dev18 → 0.15.1-dev21

package/src/components/editor/output/ConsoleOutput.tsx

@@ -113,38 +113,40 @@ const ConsoleOutputInternal = (props: Props): React.ReactNode => {
 
   return (
     <div className="relative group">
-      <div className="absolute top-1 right-5 z-10 opacity-0 group-hover:opacity-100 flex gap-1">
-        <Tooltip content="Copy all">
-          <span>
-            <button
-              aria-label="Copy all console output"
-              className="p-1 rounded bg-transparent text-muted-foreground hover:text-foreground"
-              type="button"
-              onClick={() => {
-                const text = reversedOutputs
-                  .filter((output) => output.channel !== "pdb")
-                  .map((output) => Strings.asString(output.data))
-                  .join("\n");
-                void copyToClipboard(text);
-              }}
-            >
-              <CopyIcon className="h-4 w-4" />
-            </button>
-          </span>
-        </Tooltip>
-        <Tooltip content={wrapText ? "Disable wrap text" : "Wrap text"}>
-          <span>
-            <ToggleButton
-              aria-label="Toggle text wrapping"
-              className="p-1 rounded bg-transparent text-muted-foreground data-hovered:text-foreground data-selected:text-foreground"
-              isSelected={wrapText}
-              onChange={setWrapText}
-            >
-              <WrapTextIcon className="h-4 w-4" />
-            </ToggleButton>
-          </span>
-        </Tooltip>
-      </div>
+      {hasOutputs && (
+        <div className="absolute top-1 right-5 z-10 opacity-0 group-hover:opacity-100 flex gap-1">
+          <Tooltip content="Copy all">
+            <span>
+              <button
+                aria-label="Copy all console output"
+                className="p-1 rounded bg-transparent text-muted-foreground hover:text-foreground"
+                type="button"
+                onClick={() => {
+                  const text = reversedOutputs
+                    .filter((output) => output.channel !== "pdb")
+                    .map((output) => Strings.asString(output.data))
+                    .join("\n");
+                  void copyToClipboard(text);
+                }}
+              >
+                <CopyIcon className="h-4 w-4" />
+              </button>
+            </span>
+          </Tooltip>
+          <Tooltip content={wrapText ? "Disable wrap text" : "Wrap text"}>
+            <span>
+              <ToggleButton
+                aria-label="Toggle text wrapping"
+                className="p-1 rounded bg-transparent text-muted-foreground data-hovered:text-foreground data-selected:text-foreground"
+                isSelected={wrapText}
+                onChange={setWrapText}
+              >
+                <WrapTextIcon className="h-4 w-4" />
+              </ToggleButton>
+            </span>
+          </Tooltip>
+        </div>
+      )}
       <div
         title={stale ? "This console output is stale" : undefined}
         data-testid="console-output-area"
@@ -207,7 +209,7 @@ const ConsoleOutputInternal = (props: Props): React.ReactNode => {
         <NameCellContentEditable
           value={cellName}
           cellId={cellId}
-          className="bg-(--slate-4) border-(--slate-4) hover:bg-(--slate-5) dark:border-(--sky-5) dark:bg-(--sky-6) dark:text-(--sky-12) text-(--slate-12) rounded-tl rounded-br-lg absolute right-0 bottom-0 text-xs px-1.5 py-0.5 font-mono"
+          className="bg-(--slate-4) border-(--slate-4) hover:bg-(--slate-5) dark:border-(--sky-5) dark:bg-(--sky-6) dark:text-(--sky-12) text-(--slate-12) rounded-l rounded-br-lg absolute right-0 bottom-0 text-xs px-1.5 py-0.5 font-mono max-w-[75%] whitespace-nowrap overflow-hidden"
         />
       </div>
     </div>

package/dist/assets/_baseMap-CzIRdvop.js

@@ -1 +0,0 @@
-import{b as m}from"./_baseEach-COj8UYrB.js";import{x as s}from"./index-Tc_0hlVK.js";function e(r,o){var a=-1,t=s(r)?Array(r.length):[];return m(r,function(n,f,i){t[++a]=o(n,f,i)}),t}export{e as b};

package/dist/assets/channel-KTUeCTOf.js

@@ -1 +0,0 @@
-import{U as s,C as o}from"./mermaid-Axj__7kG.js";const n=(a,r)=>s.lang.round(o.parse(a)[r]);export{n as c};

package/dist/assets/classDiagram-3BZAVTQC-DPHwWa4N.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as t,C as o}from"./chunk-JBRWN2VN-DF6eV4wI.js";import{_ as e}from"./mermaid-Axj__7kG.js";import"./transform-B8bpuzxV.js";import"./chunk-GLLZNHP4-Dmy2T6iT.js";import"./chunk-WVR4S24B-BrcfqJzw.js";import"./chunk-NRVI72HA-BSUK3njt.js";import"./index-Tc_0hlVK.js";import"./step-BwsUM5iJ.js";import"./timer-BwIYMJWC.js";var i={parser:t,get db(){return new o},renderer:s,styles:a,init:e(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{i as diagram};

package/dist/assets/classDiagram-v2-QTMF73CY-DPHwWa4N.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as t,C as o}from"./chunk-JBRWN2VN-DF6eV4wI.js";import{_ as e}from"./mermaid-Axj__7kG.js";import"./transform-B8bpuzxV.js";import"./chunk-GLLZNHP4-Dmy2T6iT.js";import"./chunk-WVR4S24B-BrcfqJzw.js";import"./chunk-NRVI72HA-BSUK3njt.js";import"./index-Tc_0hlVK.js";import"./step-BwsUM5iJ.js";import"./timer-BwIYMJWC.js";var i={parser:t,get db(){return new o},renderer:s,styles:a,init:e(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{i as diagram};

package/dist/assets/clone-BmLPfKbO.js

@@ -1 +0,0 @@
-import{b as n}from"./_baseUniq-smyj1abf.js";function o(r){return n(r,4)}export{o as c};