Namespace fix, copy changes

Corrected comment namespace from app.diffdown.comment to com.diffdown.comment

Skip steps already applied via WS while the POST was inflight.

Copy updates to landing and about pages

.claude/settings.local.json

···
       "Bash(node:*)",
       "Bash(magick:*)",
       "mcp__codebase-memory-mcp__index_repository",
-      "mcp__codebase-memory-mcp__manage_adr"
+      "mcp__codebase-memory-mcp__manage_adr",
+      "Bash(go test:*)",
+      "WebFetch(domain:tiptap.dev)",
+      "WebFetch(domain:developers.google.com)",
+      "WebFetch(domain:milkdown.dev)",
+      "Bash(find /Users/johnluther/projects/diffdown -name \"Dockerfile*\" -o -name \"docker-compose*\" | xargs cat)",
+      "Bash(go vet:*)"
     ]
   }
 }

.gitignore

···
 diffdown.db-shm
 diffdown.db-wal
 node_modules/
-.claude/
 /node_modules
 package-lock.json
 .worktrees/

internal/handler/handler.go

···
 		Resolved:     false,
 	}
 
-	// Create as separate record in app.diffdown.comment collection
+	// Create as separate record in com.diffdown.comment collection
 	uri, _, err := ownerClient.CreateRecord(model.CollectionComment, comment)
 	if err != nil {
 		log.Printf("CommentCreate: CreateRecord: %v", err)

internal/model/models.go

···
 
 const (
 	CollectionDocument = "com.diffdown.document"
-	CollectionComment  = "app.diffdown.comment"
+	CollectionComment  = "com.diffdown.comment"
 )

static/collab-client.js

···
     }
 
     // Rich mode: register the sendable-steps provider and confirmation callback.
-    // getSendable: () => { steps, version } | null  (calls sendableSteps(pmState))
-    // confirm:     (steps, clientIDs) => void        (calls receiveTransaction on own steps)
-    setPMHandlers(getSendable, confirm) {
+    // getSendable:  () => { steps, version } | null  (calls sendableSteps(pmState))
+    // confirm:      (steps, clientIDs) => void        (calls receiveTransaction on own steps)
+    // getVersion:   () => number                      (calls getVersion(pmState))
+    setPMHandlers(getSendable, confirm, getVersion) {
         this._pmGetSendable = getSendable;
         this._pmConfirm = confirm;
+        this._pmGetVersion = getVersion || null;
         this._queue = [];
     }
 
···
                 }
             } else if (resp.status === 409) {
                 const {steps: missedJSON} = await resp.json();
-                const missed = missedJSON.map(s => JSON.parse(s));
-                // Apply missed steps — for rich mode this calls receiveTransaction which
-                // rebases unconfirmed steps and advances the collab plugin version.
-                this.applyRemoteSteps(missed);
+                let missed = missedJSON.map(s => JSON.parse(s));
+                // Skip steps already applied via WS while the POST was inflight.
+                // Without this, the same steps are applied twice, corrupting the
+                // document state and producing TransformError / position-out-of-range.
+                if (isRichMode && this._pmGetVersion) {
+                    const currentVersion = this._pmGetVersion();
+                    const alreadyApplied = Math.max(0, currentVersion - clientVersion);
+                    if (alreadyApplied > 0) missed = missed.slice(alreadyApplied);
+                }
+                if (missed.length > 0) {
+                    this.applyRemoteSteps(missed);
+                }
                 setTimeout(() => this._flush(), 30);
                 return; // skip finally retry
             } else {

static/css/style.css

···
 :root {
     --bg: #fafafa;
     --bg-card: #fff;
-    --text: #1a1a2e;
+    --text: #090909;
     --text-muted: #6b7280;
     --border: #e5e7eb;
     --primary: #2563eb;

templates/about.html

···
     <section class="about-content">
         <div class="about-col">
             <h2>What is This?</h2>
-            <p>Diffdown is a real-time collaborative <a href="https://www.markdownguide.org/basic-syntax/">Markdown</a> editor/previewer built on <a href="https://atproto.brussels/about-the-atmosphere">AT Protocol</a> (the tech that powers <a href="https://bsky.app">Bluesky</a> and <a href="https://atproto.brussels/atproto-apps">many other cool apps</a>).
-            <p>Diffdown is decentralized; it stores documents as <a href="https://atproto.wiki/en/wiki/reference/data/records">records</a> on the document creator's <a href="https://atproto.wiki/en/wiki/reference/core-architecture/pds">PDS</a>, not on the Diffdown server or a cloud provider. Your data is yours, literally.</p>
+            <p>Diffdown is a real-time collaborative <a href="https://www.markdownguide.org/basic-syntax/">Markdown</a> editor/previewer built on <a href="https://atproto.brussels/about-the-atmosphere">AT Protocol</a> (the tech that powers <a href="https://bsky.app">Bluesky</a> and <a href="https://blueskydirectory.com">many other cool apps</a>).
+            <p>Diffdown is decentralized; it stores documents as <a href="https://atproto.wiki/en/wiki/reference/data/records">records</a> on the document creator's <a href="https://atproto.wiki/en/wiki/reference/core-architecture/pds">Personal Data Server (PDS)</a>, not on the Diffdown server or a cloud provider. Your data is yours, literally.</p>
             <h3>About Me</h3>
             <p>I'm a tech tinkerer, co-founder of <a href="https://limeleaf.coop">Limeleaf Worker Collective</a>, and an advisor to a few startups. Read about my journey building Diffdown <a href="https://leaflet.jluther.net">on my Leaflet</a>.</p>
             <h2>Contact</h2>
-            <p>Feedback is welcome! Create an issue in the <a href="https://tangled.org/diffdown.com/diffdown-app/issues">Diffdown Tangled repository</a>.</p>
+            <p>Feedback is welcome! Create an issue in the <a href="https://tangled.org/diffdown.com/diffdown-app/issues">Diffdown repository on Tangled</a>.</p>
         </div>
         <div class="about-col">
             <h2>Status</h2>
-            <p>This app is alpha quality. Use at your own risk. Expect bugs, breaking changes, and limited features. However, any documents you create will be stored in your AT Proto account, so even if Diffdown goes away, you will still have your documents.</p>
-            <p><strong class="warning">Important:</strong> Because AT Proto does not support private records (<a href="https://atproto.wiki/en/working-groups/private-data">yet</a>), any documents you create will be visible to anyone with the URL to the record (<a href="at://did:plc:za4vlvbizdstoym7lpymc5q5/com.diffdown.document/3mgncllbr7424">see this example</a>).</p>
+            <p>This app is alpha quality. Use at your own risk. Expect bugs, breaking changes, and limited features. However, any documents you create will be stored on your AT Proto PDS, so even if Diffdown goes away, you will still have your documents and comments.</p>
+            <p><strong class="warning">Important:</strong> Because AT Proto does not support private records (<a href="https://atproto.wiki/en/working-groups/private-data">yet</a>), any documents you create will be visible to the world (not on diffdown.com, but with a PDS record viewer, <a href="https://atproto.at/viewer?uri=did:plc:za4vlvbizdstoym7lpymc5q5/com.diffdown.document/3mhg62vlznz24">see this example</a>).</p>
             <p>The app wasn't designed for mobile, so it is likely to be a very bad UX on small screens.</p>
+            <p>Also, it is running on a free <a href="https://fly.io">fly.io</a> instance, so it may be slow or unavailable at times.</p>
             <h3>Roadmap</h3>
             <ul>
-                <li>Document versioning</li>
                 <li>Export to .md, HTML, PDF</li>
+                <li>Publish to the ATmosphere (for example, <a href="https://leaflet.pub">Leaflet</a>)</li>
+                <li>Document versioning</li>
+                <li>Other ideas? <a href="https://tangled.org/diffdown.com/diffdown-app/issues">Create an issue</a>.</li>
             </ul>
             <h3>Technology</h3>
             <ul>
-                <li><strong>Backend:</strong> Go, SQLite</li>
+                <li><strong>Backend:</strong> Go, SQLite (only for session management; no user data is stored)</li>
                 <li><strong>Frontend:</strong> Plain 'ole HTML, CSS, JavaScript</li>
                 <li><strong>Editor:</strong> <a href="https://prosemirror.net/">ProseMirror</a> with <a href="https://github.com/ProseMirror/prosemirror-collab">prosemirror-collab</a> for real-time collaboration; <a href="https://milkdown.dev/">Milkdown</a> for Markdown parsing and rendering</li>
                 <li><strong>Authentication:</strong> <a href="https://atproto.com/guides/auth">ATProto OAuth</a> (any PDS)</li>

templates/base.html

···
     <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
     <link rel="manifest" href="/favicon/site.webmanifest">
     <title>{{.Title}} — Diffdown</title>
-    <meta name="description" content="{{if .Description}}{{.Description}}{{else}}Diffdown — collaborative markdown editing and publishing.{{end}}">
+    <meta name="description" content="{{if .Description}}{{.Description}}{{else}}Diffdown — collaborative markdown editing.{{end}}">
     <!-- Open Graph -->
     <meta property="og:type" content="website">
     <meta property="og:site_name" content="Diffdown">
     <meta property="og:title" content="{{.Title}} — Diffdown">
-    <meta property="og:description" content="{{if .Description}}{{.Description}}{{else}}Diffdown — collaborative markdown editing and publishing.{{end}}">
+    <meta property="og:description" content="{{if .Description}}{{.Description}}{{else}}Diffdown — collaborative markdown editing.{{end}}">
     <meta property="og:image" content="{{if .OGImage}}{{.OGImage}}{{else}}/favicon/android-chrome-512x512.png{{end}}">
     <!-- Twitter Card -->
     <meta name="twitter:card" content="summary">
     <meta name="twitter:title" content="{{.Title}} — Diffdown">
-    <meta name="twitter:description" content="{{if .Description}}{{.Description}}{{else}}Diffdown — collaborative markdown editing and publishing.{{end}}">
+    <meta name="twitter:description" content="{{if .Description}}{{.Description}}{{else}}Diffdown — collaborative markdown editing.{{end}}">
     <meta name="twitter:image" content="{{if .OGImage}}{{.OGImage}}{{else}}/favicon/android-chrome-512x512.png{{end}}">
     <link rel="stylesheet" href="/static/css/style.css">
     {{block "head" .}}{{end}}

templates/document_edit.html

···
                 } finally {
                     applyingRemote = false;
                 }
+            },
+            () => {
+                const pmView = milkdownEditor.action(c => c.get(editorViewCtx));
+                return getVersion(pmView.state);
             }
         );
 
···
             wsReconnectDelay = 1000;
             wsMissedPings = 0;
             startHeartbeat();
+            // Fetch any steps missed while the WS was disconnected.
+            catchUpSteps();
         };
 
         ws.onmessage = (event) => {
···
         stopHeartbeat();
     }
 
+    // Fetch steps missed during a WS disconnect and apply them to the PM state.
+    async function catchUpSteps() {
+        if (currentMode !== 'rich' || !milkdownEditor) return;
+        try {
+            const pmView = milkdownEditor.action(c => c.get(editorViewCtx));
+            const since = getVersion(pmView.state);
+            const resp = await fetch(`/api/docs/${rkey}/steps?since=${since}`);
+            if (!resp.ok) return;
+            const {steps: stepsJSON} = await resp.json();
+            if (!stepsJSON || stepsJSON.length === 0) return;
+            const missed = stepsJSON.map(s => JSON.parse(s));
+            collabClient.applyRemoteSteps(missed);
+        } catch(e) {
+            console.warn('catchUpSteps:', e);
+        }
+    }
+
     // ── Presence ──────────────────────────────────────────────────────────────
 
     function updatePresence(users) {
···
     async function replyToComment(comment) {
         if (!commentForm || !commentTextEl) return;
         pendingCommentRange = { from: 0, to: 0, quotedText: '' };
-        pendingReplyTo = `at://${comment.docOwnerDid}/app.diffdown.comment/${comment.id}`;
+        pendingReplyTo = `at://${comment.docOwnerDid}/com.diffdown.comment/${comment.id}`;
         pendingThreadId = comment.threadId;
         commentTextEl.placeholder = `Replying to ${comment.authorHandle || comment.author}...`;
         commentTextEl.value = '';

templates/landing.html

···
 <div class="landing">
     <section class="landing-header">
         <h1>Collaborative Markdown Editing</h1>
-        <p>Write, review, and collaborate on Markdown documents with your team in the <a href="https://www.bskyinfo.com/glossary/atmosphere/">ATmosphere</a>. 
-        <p>Diffdown uses your Bluesky or <a href="https://atproto.com/">AT Protocol</a> account, so no need to create an account, just log in.</p>
-        </p>
+        <p>Write, review, and collaborate on Markdown documents in the <a href="https://www.bskyinfo.com/glossary/atmosphere/">ATmosphere</a>. 
+        <p>Diffdown uses your <a href="https://bsky.app">Bluesky</a> (or any <a href="https://atproto.com/">AT Protocol</a> account) so no need to create an account here, just log in.</p>
     </section>
     <div class="landing-actions">
         <a href="/auth/atproto" class="btn btn-lg">Log In</a>
     </div>
     <hr class="landing-hr">
     <section>
-        <p>This is barely Alpha-quality software. Don't use it for anything important. <a href="/about">Learn more about Diffdown</a>.</p>
+        <p><a href="/about">Diffdown is alpha-quality software</a>.</p>
     </section>
 
 </div>