system-canvas-standalone 0.2.37 → 0.2.38

package/dist/system-canvas.js

@@ -22466,21 +22466,45 @@ var SystemCanvas = (() => {
         top: screen.y,
         transform: "translate(0, 0)",
         userSelect: "none"
-      }, children: [(0, import_jsx_runtime32.jsx)("svg", { width: "16", height: "20", viewBox: "0 0 16 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, import_jsx_runtime32.jsx)("path", { d: "M1 1L1 15L5 11L8 18L10 17L7 10L13 10L1 1Z", fill: collab.color, stroke: "#fff", strokeWidth: "1.5", strokeLinejoin: "round" }) }), (0, import_jsx_runtime32.jsx)("div", { style: {
+      }, children: [(0, import_jsx_runtime32.jsx)("svg", { width: "16", height: "20", viewBox: "0 0 16 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, import_jsx_runtime32.jsx)("path", { d: "M1 1L1 15L5 11L8 18L10 17L7 10L13 10L1 1Z", fill: collab.color, stroke: "#fff", strokeWidth: "1.5", strokeLinejoin: "round" }) }), (0, import_jsx_runtime32.jsxs)("div", { style: {
         position: "absolute",
         top: 18,
         left: 8,
-        fontSize: 11,
-        lineHeight: "16px",
-        padding: "1px 6px",
+        display: "flex",
+        alignItems: "center",
+        gap: 4,
+        background: collab.color,
         borderRadius: 8,
+        padding: "1px 4px 1px 2px",
+        boxShadow: "0 1px 3px rgba(0,0,0,0.3)",
+        whiteSpace: "nowrap",
+        fontFamily: "sans-serif"
+      }, children: [(0, import_jsx_runtime32.jsx)("div", { style: {
+        width: 16,
+        height: 16,
+        borderRadius: "50%",
+        overflow: "hidden",
+        flexShrink: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: collab.image ? "transparent" : collab.color
+      }, children: collab.image ? (0, import_jsx_runtime32.jsx)("img", { src: collab.image, width: 16, height: 16, style: { objectFit: "cover", borderRadius: "50%" } }) : (0, import_jsx_runtime32.jsx)("div", { style: {
+        width: 16,
+        height: 16,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
         background: collab.color,
         color: "#fff",
-        whiteSpace: "nowrap",
-        fontFamily: "sans-serif",
-        fontWeight: 500,
-        boxShadow: "0 1px 3px rgba(0,0,0,0.3)"
-      }, children: collab.name })] }, `cursor-${collab.id}`);
+        fontSize: 9,
+        fontWeight: 700
+      }, children: collab.name ? collab.name[0].toUpperCase() : "?" }) }), (0, import_jsx_runtime32.jsx)("span", { style: {
+        fontSize: 11,
+        lineHeight: "16px",
+        color: "#fff",
+        fontWeight: 500
+      }, children: collab.name })] })] }, `cursor-${collab.id}`);
     }), Array.from(flashNodeIds.keys()).map((nodeId) => {
       const node = nodeMap.get(nodeId);
       if (!node)