ugly-app 0.1.669 → 0.1.670

package/dist/cli/version.d.ts

@@ -1,2 +1,2 @@
-export declare const CLI_VERSION = "0.1.669";
+export declare const CLI_VERSION = "0.1.670";
 //# sourceMappingURL=version.d.ts.map

package/dist/cli/version.js

@@ -1,3 +1,3 @@
 // Auto-generated by prebuild — do not edit manually
-export const CLI_VERSION = "0.1.669";
+export const CLI_VERSION = "0.1.670";
 //# sourceMappingURL=version.js.map

package/dist/markdown/client/MarkdownTheme.css

@@ -360,34 +360,39 @@ ol:has(> .task-list-item) {
   pointer-events: none;
 }
 
-/* Collaborative editing — remote cursor selections (y-prosemirror) */
-.yRemoteSelection {
-  opacity: 0.3;
-}
-
-.yRemoteSelectionHead {
-  position: absolute;
-  border-left: 2px solid;
-  border-color: inherit;
-  height: 1.2em;
+/* Collaborative editing — remote carets + selections (y-prosemirror).
+ * These are the class names the default cursor/selection builders emit; the
+ * caret colour comes from an inline `border-color`, the label background from an
+ * inline `background-color`. We only handle layout here so the colours win. */
+.ProseMirror-yjs-cursor {
+  position: relative;
   margin-left: -1px;
+  margin-right: -1px;
+  border-left-width: 2px;
+  border-left-style: solid;
+  border-right-width: 0;
+  box-sizing: border-box;
+  word-break: normal;
+  pointer-events: none;
 }
-
-.yRemoteSelectionHead::after {
-  content: attr(data-user);
+.ProseMirror-yjs-cursor > div {
   position: absolute;
-  top: -1.4em;
-  left: -1px;
+  top: -1.5em;
+  left: -2px;
   font-size: 10px;
-  font-weight: 600;
+  font-weight: 700;
   line-height: 1;
-  padding: 1px 4px;
-  border-radius: 3px;
-  color: #fff;
-  background-color: inherit;
   white-space: nowrap;
+  color: #fff;
+  padding: 1px 5px;
+  border-radius: 4px;
+  user-select: none;
   pointer-events: none;
 }
+.ProseMirror-yjs-selection {
+  /* background-color (with alpha) is set inline by the selection builder */
+  border-radius: 1px;
+}
 
 /* Mermaid / Vega-Lite / Markmap / SVG diagram blocks */
 .mermaid-block,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ugly-app",
-  "version": "0.1.669",
+  "version": "0.1.670",
   "type": "module",
   "comment:files": "Allowlist what ships to npm. dist = runtime; src = sourcemap targets (dist/*.js.map reference ../../src/); templates = CLI scaffold. Everything else at repo root (.pgdata local Postgres, coverage, assets/icons sources, test/, test-results/) is excluded by omission. The !negations strip the scaffold's installed deps + cruft (templates/node_modules is 200MB+ and must never ship). package.json/README/LICENSE ship automatically.",
   "files": [

package/src/cli/version.ts

@@ -1,2 +1,2 @@
 // Auto-generated by prebuild — do not edit manually
-export const CLI_VERSION = "0.1.669";
+export const CLI_VERSION = "0.1.670";

package/src/markdown/client/MarkdownTheme.css

@@ -360,34 +360,39 @@ ol:has(> .task-list-item) {
   pointer-events: none;
 }
 
-/* Collaborative editing — remote cursor selections (y-prosemirror) */
-.yRemoteSelection {
-  opacity: 0.3;
-}
-
-.yRemoteSelectionHead {
-  position: absolute;
-  border-left: 2px solid;
-  border-color: inherit;
-  height: 1.2em;
+/* Collaborative editing — remote carets + selections (y-prosemirror).
+ * These are the class names the default cursor/selection builders emit; the
+ * caret colour comes from an inline `border-color`, the label background from an
+ * inline `background-color`. We only handle layout here so the colours win. */
+.ProseMirror-yjs-cursor {
+  position: relative;
   margin-left: -1px;
+  margin-right: -1px;
+  border-left-width: 2px;
+  border-left-style: solid;
+  border-right-width: 0;
+  box-sizing: border-box;
+  word-break: normal;
+  pointer-events: none;
 }
-
-.yRemoteSelectionHead::after {
-  content: attr(data-user);
+.ProseMirror-yjs-cursor > div {
   position: absolute;
-  top: -1.4em;
-  left: -1px;
+  top: -1.5em;
+  left: -2px;
   font-size: 10px;
-  font-weight: 600;
+  font-weight: 700;
   line-height: 1;
-  padding: 1px 4px;
-  border-radius: 3px;
-  color: #fff;
-  background-color: inherit;
   white-space: nowrap;
+  color: #fff;
+  padding: 1px 5px;
+  border-radius: 4px;
+  user-select: none;
   pointer-events: none;
 }
+.ProseMirror-yjs-selection {
+  /* background-color (with alpha) is set inline by the selection builder */
+  border-radius: 1px;
+}
 
 /* Mermaid / Vega-Lite / Markmap / SVG diagram blocks */
 .mermaid-block,