From 8d1586ae7d9c5847a16f108aa11395676820d8eb Mon Sep 17 00:00:00 2001
From: Trang Doan <doantranghp2000@gmail.com>
Date: Tue, 18 Nov 2025 17:16:43 -0500
Subject: [PATCH 1/4] working first ver

---
 apps/obsidian/package.json                    |   6 +-
 .../src/components/GeneralSettings.tsx        |  42 +++
 .../src/components/NodeTagSuggestModal.tsx    | 336 ++++++++++++++++++
 apps/obsidian/src/constants.ts                |   1 +
 apps/obsidian/src/index.ts                    |  38 ++
 apps/obsidian/src/types.ts                    |   1 +
 pnpm-lock.yaml                                |   2 +-
 7 files changed, 423 insertions(+), 3 deletions(-)
 create mode 100644 apps/obsidian/src/components/NodeTagSuggestModal.tsx

diff --git a/apps/obsidian/package.json b/apps/obsidian/package.json
index 4cb48a41d..7f5d0f7b5 100644
--- a/apps/obsidian/package.json
+++ b/apps/obsidian/package.json
@@ -16,6 +16,8 @@
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
+    "@codemirror/state": "^6.5.2",
+    "@codemirror/view": "^6.38.2",
     "@octokit/core": "^6.1.2",
     "@repo/eslint-config": "workspace:*",
     "@repo/typescript-config": "workspace:*",
@@ -36,11 +38,11 @@
     "zod": "^3.24.1"
   },
   "dependencies": {
+    "date-fns": "^4.1.0",
     "nanoid": "^4.0.2",
     "react": "catalog:obsidian",
     "react-dom": "catalog:obsidian",
-    "date-fns": "^4.1.0",
     "tailwindcss-animate": "^1.0.7",
     "tldraw": "3.14.2"
   }
-}
+}
\ No newline at end of file
diff --git a/apps/obsidian/src/components/GeneralSettings.tsx b/apps/obsidian/src/components/GeneralSettings.tsx
index 0389d93ae..5bfda4f54 100644
--- a/apps/obsidian/src/components/GeneralSettings.tsx
+++ b/apps/obsidian/src/components/GeneralSettings.tsx
@@ -154,6 +154,9 @@ const GeneralSettings = () => {
   );
   const [canvasAttachmentsFolderPath, setCanvasAttachmentsFolderPath] =
     useState<string>(plugin.settings.canvasAttachmentsFolderPath);
+  const [nodeTagHotkey, setNodeTagHotkey] = useState<string>(
+    plugin.settings.nodeTagHotkey,
+  );
   const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
 
   const handleToggleChange = (newValue: boolean) => {
@@ -179,11 +182,20 @@ const GeneralSettings = () => {
     [],
   );
 
+  const handleNodeTagHotkeyChange = useCallback((newValue: string) => {
+    // Only allow single character
+    if (newValue.length <= 1) {
+      setNodeTagHotkey(newValue);
+      setHasUnsavedChanges(true);
+    }
+  }, []);
+
   const handleSave = async () => {
     plugin.settings.showIdsInFrontmatter = showIdsInFrontmatter;
     plugin.settings.nodesFolderPath = nodesFolderPath;
     plugin.settings.canvasFolderPath = canvasFolderPath;
     plugin.settings.canvasAttachmentsFolderPath = canvasAttachmentsFolderPath;
+    plugin.settings.nodeTagHotkey = nodeTagHotkey || "\\";
     await plugin.saveSettings();
     new Notice("General settings saved");
     setHasUnsavedChanges(false);
@@ -262,6 +274,36 @@ const GeneralSettings = () => {
         </div>
       </div>
 
+      <div className="setting-item">
+        <div className="setting-item-info">
+          <div className="setting-item-name">Node tag hotkey</div>
+          <div className="setting-item-description">
+            Key to press after a space to open the node tags menu. Default:
+            &quot;\&quot;.
+          </div>
+        </div>
+        <div className="setting-item-control">
+          <input
+            type="text"
+            value={nodeTagHotkey}
+            onChange={(e) => handleNodeTagHotkeyChange(e.target.value)}
+            onKeyDown={(e) => {
+              // Capture the key pressed
+              if (e.key.length === 1) {
+                e.preventDefault();
+                handleNodeTagHotkeyChange(e.key);
+              } else if (e.key === "Backspace") {
+                handleNodeTagHotkeyChange("");
+              }
+            }}
+            placeholder="\\"
+            maxLength={1}
+            className="setting-item-control"
+            style={{ width: "60px" }}
+          />
+        </div>
+      </div>
+
       <div className="setting-item">
         <button
           onClick={() => void handleSave()}
diff --git a/apps/obsidian/src/components/NodeTagSuggestModal.tsx b/apps/obsidian/src/components/NodeTagSuggestModal.tsx
new file mode 100644
index 000000000..4e748f28c
--- /dev/null
+++ b/apps/obsidian/src/components/NodeTagSuggestModal.tsx
@@ -0,0 +1,336 @@
+import { App, Editor } from "obsidian";
+import { DiscourseNode } from "~/types";
+
+type NodeTagItem = {
+  nodeType: DiscourseNode;
+  tag: string;
+};
+
+export class NodeTagSuggestPopover {
+  private popover: HTMLElement | null = null;
+  private items: NodeTagItem[] = [];
+  private selectedIndex = 0;
+  private keydownHandler: ((e: KeyboardEvent) => void) | null = null;
+  private clickOutsideHandler: ((e: MouseEvent) => void) | null = null;
+
+  constructor(
+    private editor: Editor,
+    private nodeTypes: DiscourseNode[],
+    private app: App,
+  ) {
+    this.initializeItems();
+  }
+
+  private initializeItems() {
+    this.items = [];
+    this.nodeTypes.forEach((nodeType) => {
+      if (nodeType.tag) {
+        this.items.push({
+          nodeType,
+          tag: nodeType.tag,
+        });
+      }
+    });
+  }
+
+  private getCursorPosition(): { x: number; y: number } | null {
+    try {
+      const selection = window.getSelection();
+      if (!selection || selection.rangeCount === 0) {
+        console.error("No selection found");
+        return null;
+      }
+
+      const range = selection.getRangeAt(0);
+      const rect = range.getBoundingClientRect();
+
+      // If the rect has no dimensions (collapsed cursor), try using a temporary span to get cursor position
+      if (rect.width === 0 && rect.height === 0) {
+        const span = document.createElement("span");
+        span.textContent = "\u200B";
+        range.insertNode(span);
+        const spanRect = span.getBoundingClientRect();
+        span.remove();
+
+        if (spanRect.width === 0 && spanRect.height === 0) {
+          console.error("Could not determine cursor position");
+          return null;
+        }
+
+        return {
+          x: spanRect.left,
+          y: spanRect.bottom,
+        };
+      }
+
+      return {
+        x: rect.left,
+        y: rect.bottom,
+      };
+    } catch (error) {
+      console.error("Error getting cursor position:", error);
+      return null;
+    }
+  }
+
+  private createPopover(): HTMLElement {
+    const popover = document.createElement("div");
+    popover.className = "node-tag-suggest-popover";
+    popover.style.cssText = `
+      position: fixed;
+      z-index: 10000;
+      background: var(--background-primary);
+      border: 1px solid var(--background-modifier-border);
+      border-radius: 6px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      max-height: 300px;
+      overflow-y: auto;
+      min-width: 200px;
+      max-width: 400px;
+    `;
+
+    const itemsContainer = document.createElement("div");
+    itemsContainer.className = "node-tag-items-container";
+    popover.appendChild(itemsContainer);
+
+    this.renderItems(itemsContainer);
+
+    return popover;
+  }
+
+  private renderItems(container: HTMLElement) {
+    container.innerHTML = "";
+
+    if (this.items.length === 0) {
+      const noResults = document.createElement("div");
+      noResults.style.cssText = `
+        padding: 12px;
+        text-align: center;
+        color: var(--text-muted);
+        font-size: 14px;
+      `;
+      noResults.textContent = "No node tags available";
+      container.appendChild(noResults);
+      return;
+    }
+
+    this.items.forEach((item, index) => {
+      const itemEl = document.createElement("div");
+      itemEl.className = "node-tag-item";
+      itemEl.dataset.index = index.toString();
+      itemEl.style.cssText = `
+        padding: 8px 12px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        border-bottom: 1px solid var(--background-modifier-border-hover);
+      `;
+
+      if (index === this.selectedIndex) {
+        itemEl.style.backgroundColor = "var(--background-modifier-hover)";
+      }
+
+      if (item.nodeType.color) {
+        const colorDot = document.createElement("div");
+        colorDot.style.cssText = `
+          width: 12px;
+          height: 12px;
+          border-radius: 50%;
+          background-color: ${item.nodeType.color};
+          flex-shrink: 0;
+        `;
+        itemEl.appendChild(colorDot);
+      }
+
+      const textContainer = document.createElement("div");
+      textContainer.style.cssText = `
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+        flex: 1;
+      `;
+
+      const tagText = document.createElement("div");
+      tagText.textContent = `#${item.tag}`;
+      tagText.style.cssText = `
+        font-weight: 500;
+        color: var(--text-normal);
+        font-size: 14px;
+      `;
+
+      const nodeTypeText = document.createElement("div");
+      nodeTypeText.textContent = item.nodeType.name;
+      nodeTypeText.style.cssText = `
+        font-size: 12px;
+        color: var(--text-muted);
+      `;
+
+      textContainer.appendChild(tagText);
+      textContainer.appendChild(nodeTypeText);
+      itemEl.appendChild(textContainer);
+
+      itemEl.addEventListener("mousedown", (e) => {
+        e.preventDefault(); 
+        e.stopPropagation();
+        this.selectItem(item);
+      });
+
+      itemEl.addEventListener("mouseenter", () => {
+        this.updateSelectedIndex(index);
+      });
+
+      container.appendChild(itemEl);
+    });
+  }
+
+  private updateSelectedIndex(newIndex: number) {
+    if (newIndex === this.selectedIndex) return;
+
+    const prevSelected = this.popover?.querySelector(
+      `.node-tag-item[data-index="${this.selectedIndex}"]`,
+    ) as HTMLElement;
+    if (prevSelected) {
+      prevSelected.style.backgroundColor = "";
+    }
+
+    this.selectedIndex = newIndex;
+
+    const newSelected = this.popover?.querySelector(
+      `.node-tag-item[data-index="${this.selectedIndex}"]`,
+    ) as HTMLElement;
+    if (newSelected) {
+      newSelected.style.backgroundColor = "var(--background-modifier-hover)";
+    }
+  }
+
+  private scrollToSelected() {
+    const selectedEl = this.popover?.querySelector(
+      `.node-tag-item[data-index="${this.selectedIndex}"]`,
+    ) as HTMLElement;
+    if (selectedEl) {
+      selectedEl.scrollIntoView({ block: "nearest", behavior: "smooth" });
+    }
+  }
+
+  private selectItem(item: NodeTagItem) {
+    const tagText = `#${item.tag} `;
+    const cursor = this.editor.getCursor();
+    this.editor.replaceRange(tagText, cursor, cursor);
+    const newCursor = {
+      line: cursor.line,
+      ch: cursor.ch + tagText.length,
+    };
+    this.editor.setCursor(newCursor);
+    this.close();
+  }
+
+  private setupEventHandlers() {
+    this.keydownHandler = (e: KeyboardEvent) => {
+      if (!this.popover) return;
+
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        e.stopPropagation();
+        const newIndex = Math.min(
+          this.selectedIndex + 1,
+          this.items.length - 1,
+        );
+        this.updateSelectedIndex(newIndex);
+        this.scrollToSelected();
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        e.stopPropagation();
+        const newIndex = Math.max(this.selectedIndex - 1, 0);
+        this.updateSelectedIndex(newIndex);
+        this.scrollToSelected();
+      } else if (e.key === "Enter") {
+        e.preventDefault();
+        e.stopPropagation();
+        const selectedItem = this.items[this.selectedIndex];
+        if (selectedItem) {
+          this.selectItem(selectedItem);
+        }
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        e.stopPropagation();
+        this.close();
+      }
+    };
+
+    this.clickOutsideHandler = (e: MouseEvent) => {
+      if (
+        this.popover &&
+        !this.popover.contains(e.target as Node) &&
+        !(e.target as HTMLElement).closest(".node-tag-suggest-popover")
+      ) {
+        this.close();
+      }
+    };
+
+    document.addEventListener("keydown", this.keydownHandler, true);
+    document.addEventListener("mousedown", this.clickOutsideHandler, true);
+  }
+
+  private removeEventHandlers() {
+    if (this.keydownHandler) {
+      document.removeEventListener("keydown", this.keydownHandler, true);
+      this.keydownHandler = null;
+    }
+    if (this.clickOutsideHandler) {
+      document.removeEventListener("mousedown", this.clickOutsideHandler, true);
+      this.clickOutsideHandler = null;
+    }
+  }
+
+  public open() {
+    if (this.popover) {
+      this.close();
+    }
+
+    const position = this.getCursorPosition();
+    if (!position) {
+      console.error("Could not get cursor position for popover");
+      return;
+    }
+
+    this.popover = this.createPopover();
+    document.body.appendChild(this.popover);
+
+    const popoverRect = this.popover.getBoundingClientRect();
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+
+    let left = position.x;
+    let top = position.y + 4;
+
+    if (left + popoverRect.width > viewportWidth) {
+      left = viewportWidth - popoverRect.width - 10;
+    }
+    if (left < 10) {
+      left = 10;
+    }
+
+    if (top + popoverRect.height > viewportHeight) {
+      // Position above cursor instead
+      top = position.y - popoverRect.height - 4;
+    }
+    if (top < 10) {
+      top = 10;
+    }
+
+    this.popover.style.left = `${left}px`;
+    this.popover.style.top = `${top}px`;
+
+    this.setupEventHandlers();
+  }
+
+  public close() {
+    this.removeEventHandlers();
+    if (this.popover) {
+      this.popover.remove();
+      this.popover = null;
+    }
+    this.selectedIndex = 0;
+  }
+}
diff --git a/apps/obsidian/src/constants.ts b/apps/obsidian/src/constants.ts
index 1d6cc9781..3ff5b0777 100644
--- a/apps/obsidian/src/constants.ts
+++ b/apps/obsidian/src/constants.ts
@@ -68,6 +68,7 @@ export const DEFAULT_SETTINGS: Settings = {
   nodesFolderPath: "",
   canvasFolderPath: "Discourse Canvas",
   canvasAttachmentsFolderPath: "attachments",
+  nodeTagHotkey: "\\",
 };
 export const FRONTMATTER_KEY = "tldr-dg";
 export const TLDATA_DELIMITER_START =
diff --git a/apps/obsidian/src/index.ts b/apps/obsidian/src/index.ts
index 5010b4cf1..300e2ad3a 100644
--- a/apps/obsidian/src/index.ts
+++ b/apps/obsidian/src/index.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import {
   Plugin,
   Editor,
@@ -6,6 +7,7 @@ import {
   MarkdownView,
   WorkspaceLeaf,
 } from "obsidian";
+import { EditorView } from "@codemirror/view";
 import { SettingsTab } from "~/components/Settings";
 import { Settings, VIEW_TYPE_DISCOURSE_CONTEXT } from "~/types";
 import { registerCommands } from "~/utils/registerCommands";
@@ -19,6 +21,7 @@ import { DEFAULT_SETTINGS } from "~/constants";
 import { CreateNodeModal } from "~/components/CreateNodeModal";
 import { TagNodeHandler } from "~/utils/tagNodeHandler";
 import { TldrawView } from "~/components/canvas/TldrawView";
+import { NodeTagSuggestPopover } from "~/components/NodeTagSuggestModal";
 
 export default class DiscourseGraphPlugin extends Plugin {
   settings: Settings = { ...DEFAULT_SETTINGS };
@@ -185,6 +188,41 @@ export default class DiscourseGraphPlugin extends Plugin {
         });
       }),
     );
+
+    // Register editor keydown listener for node tag hotkey
+    this.setupNodeTagHotkey();
+  }
+
+  private setupNodeTagHotkey() {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
+    const nodeTagHotkeyExtension = EditorView.domEventHandlers({
+      keydown: (event: KeyboardEvent) => {
+        // Access settings dynamically to handle changes
+        const hotkey = this.settings.nodeTagHotkey;
+
+        if (!hotkey || event.key !== hotkey) {
+          return false;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+
+        const activeView = this.app.workspace.getActiveViewOfType(MarkdownView);
+        if (activeView?.editor) {
+          // Open the node tag suggest popover
+          const popover = new NodeTagSuggestPopover(
+            activeView.editor,
+            this.settings.nodeTypes,
+            this.app,
+          );
+          popover.open();
+        }
+
+        return true;
+      },
+    });
+
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    this.registerEditorExtension(nodeTagHotkeyExtension);
   }
 
   private createStyleElement() {
diff --git a/apps/obsidian/src/types.ts b/apps/obsidian/src/types.ts
index fc0055592..2d8dcdc3d 100644
--- a/apps/obsidian/src/types.ts
+++ b/apps/obsidian/src/types.ts
@@ -33,6 +33,7 @@ export type Settings = {
   nodesFolderPath: string;
   canvasFolderPath: string;
   canvasAttachmentsFolderPath: string;
+  nodeTagHotkey: string;
 };
 
 export type BulkImportCandidate = {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d2e66963a..a560df145 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -19652,4 +19652,4 @@ snapshots:
 
   zod@3.25.76: {}
 
-  zwitch@2.0.4: {}
+  zwitch@2.0.4: {}
\ No newline at end of file

From 67f7bab41564f1f52210b6ce8149bf1f9ecfc779 Mon Sep 17 00:00:00 2001
From: Trang Doan <doantranghp2000@gmail.com>
Date: Tue, 18 Nov 2025 18:13:04 -0500
Subject: [PATCH 2/4] address PR comments

---
 apps/obsidian/src/components/GeneralSettings.tsx     | 2 +-
 apps/obsidian/src/components/NodeTagSuggestModal.tsx | 5 ++---
 apps/obsidian/src/index.ts                           | 1 -
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/apps/obsidian/src/components/GeneralSettings.tsx b/apps/obsidian/src/components/GeneralSettings.tsx
index 5bfda4f54..36df364e1 100644
--- a/apps/obsidian/src/components/GeneralSettings.tsx
+++ b/apps/obsidian/src/components/GeneralSettings.tsx
@@ -195,7 +195,7 @@ const GeneralSettings = () => {
     plugin.settings.nodesFolderPath = nodesFolderPath;
     plugin.settings.canvasFolderPath = canvasFolderPath;
     plugin.settings.canvasAttachmentsFolderPath = canvasAttachmentsFolderPath;
-    plugin.settings.nodeTagHotkey = nodeTagHotkey || "\\";
+    plugin.settings.nodeTagHotkey = nodeTagHotkey || "";
     await plugin.saveSettings();
     new Notice("General settings saved");
     setHasUnsavedChanges(false);
diff --git a/apps/obsidian/src/components/NodeTagSuggestModal.tsx b/apps/obsidian/src/components/NodeTagSuggestModal.tsx
index 4e748f28c..5a663c291 100644
--- a/apps/obsidian/src/components/NodeTagSuggestModal.tsx
+++ b/apps/obsidian/src/components/NodeTagSuggestModal.tsx
@@ -1,4 +1,4 @@
-import { App, Editor } from "obsidian";
+import { Editor } from "obsidian";
 import { DiscourseNode } from "~/types";
 
 type NodeTagItem = {
@@ -16,7 +16,6 @@ export class NodeTagSuggestPopover {
   constructor(
     private editor: Editor,
     private nodeTypes: DiscourseNode[],
-    private app: App,
   ) {
     this.initializeItems();
   }
@@ -171,7 +170,7 @@ export class NodeTagSuggestPopover {
       itemEl.appendChild(textContainer);
 
       itemEl.addEventListener("mousedown", (e) => {
-        e.preventDefault(); 
+        e.preventDefault();
         e.stopPropagation();
         this.selectItem(item);
       });
diff --git a/apps/obsidian/src/index.ts b/apps/obsidian/src/index.ts
index 300e2ad3a..0d73c719f 100644
--- a/apps/obsidian/src/index.ts
+++ b/apps/obsidian/src/index.ts
@@ -212,7 +212,6 @@ export default class DiscourseGraphPlugin extends Plugin {
           const popover = new NodeTagSuggestPopover(
             activeView.editor,
             this.settings.nodeTypes,
-            this.app,
           );
           popover.open();
         }

From 618f4fa6b99d170fd1c6c16117ca34dd6f1bf6e3 Mon Sep 17 00:00:00 2001
From: Trang Doan <doantranghp2000@gmail.com>
Date: Fri, 28 Nov 2025 17:00:25 -0500
Subject: [PATCH 3/4] address PR comments

---
 apps/obsidian/package.json                    |  2 -
 .../src/components/GeneralSettings.tsx        |  1 -
 .../src/components/NodeTagSuggestModal.tsx    | 69 ++++---------------
 apps/obsidian/src/index.ts                    |  1 -
 pnpm-lock.yaml                                | 34 ++-------
 5 files changed, 20 insertions(+), 87 deletions(-)

diff --git a/apps/obsidian/package.json b/apps/obsidian/package.json
index 7f5d0f7b5..0b382048a 100644
--- a/apps/obsidian/package.json
+++ b/apps/obsidian/package.json
@@ -16,8 +16,6 @@
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@codemirror/state": "^6.5.2",
-    "@codemirror/view": "^6.38.2",
     "@octokit/core": "^6.1.2",
     "@repo/eslint-config": "workspace:*",
     "@repo/typescript-config": "workspace:*",
diff --git a/apps/obsidian/src/components/GeneralSettings.tsx b/apps/obsidian/src/components/GeneralSettings.tsx
index 36df364e1..9adf78467 100644
--- a/apps/obsidian/src/components/GeneralSettings.tsx
+++ b/apps/obsidian/src/components/GeneralSettings.tsx
@@ -299,7 +299,6 @@ const GeneralSettings = () => {
             placeholder="\\"
             maxLength={1}
             className="setting-item-control"
-            style={{ width: "60px" }}
           />
         </div>
       </div>
diff --git a/apps/obsidian/src/components/NodeTagSuggestModal.tsx b/apps/obsidian/src/components/NodeTagSuggestModal.tsx
index 5a663c291..8ff22b017 100644
--- a/apps/obsidian/src/components/NodeTagSuggestModal.tsx
+++ b/apps/obsidian/src/components/NodeTagSuggestModal.tsx
@@ -74,19 +74,8 @@ export class NodeTagSuggestPopover {
 
   private createPopover(): HTMLElement {
     const popover = document.createElement("div");
-    popover.className = "node-tag-suggest-popover";
-    popover.style.cssText = `
-      position: fixed;
-      z-index: 10000;
-      background: var(--background-primary);
-      border: 1px solid var(--background-modifier-border);
-      border-radius: 6px;
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-      max-height: 300px;
-      overflow-y: auto;
-      min-width: 200px;
-      max-width: 400px;
-    `;
+    popover.className =
+      "node-tag-suggest-popover fixed z-[10000] bg-primary border border-modifier-border rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.15)] max-h-[300px] overflow-y-auto min-w-[200px] max-w-[400px]";
 
     const itemsContainer = document.createElement("div");
     itemsContainer.className = "node-tag-items-container";
@@ -102,12 +91,7 @@ export class NodeTagSuggestPopover {
 
     if (this.items.length === 0) {
       const noResults = document.createElement("div");
-      noResults.style.cssText = `
-        padding: 12px;
-        text-align: center;
-        color: var(--text-muted);
-        font-size: 14px;
-      `;
+      noResults.className = "p-3 text-center text-muted text-sm";
       noResults.textContent = "No node tags available";
       container.appendChild(noResults);
       return;
@@ -115,55 +99,28 @@ export class NodeTagSuggestPopover {
 
     this.items.forEach((item, index) => {
       const itemEl = document.createElement("div");
-      itemEl.className = "node-tag-item";
+      itemEl.className = `node-tag-item px-3 py-2 cursor-pointer flex items-center gap-2 border-b border-[var(--background-modifier-border-hover)]${
+        index === this.selectedIndex ? " bg-modifier-hover" : ""
+      }`;
       itemEl.dataset.index = index.toString();
-      itemEl.style.cssText = `
-        padding: 8px 12px;
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        border-bottom: 1px solid var(--background-modifier-border-hover);
-      `;
-
-      if (index === this.selectedIndex) {
-        itemEl.style.backgroundColor = "var(--background-modifier-hover)";
-      }
 
       if (item.nodeType.color) {
         const colorDot = document.createElement("div");
-        colorDot.style.cssText = `
-          width: 12px;
-          height: 12px;
-          border-radius: 50%;
-          background-color: ${item.nodeType.color};
-          flex-shrink: 0;
-        `;
+        colorDot.className = `w-3 h-3 rounded-full shrink-0`;
+        colorDot.style.backgroundColor = item.nodeType.color;
         itemEl.appendChild(colorDot);
       }
 
       const textContainer = document.createElement("div");
-      textContainer.style.cssText = `
-        display: flex;
-        flex-direction: column;
-        gap: 2px;
-        flex: 1;
-      `;
+      textContainer.className = "flex flex-col gap-0.5 flex-1";
 
       const tagText = document.createElement("div");
       tagText.textContent = `#${item.tag}`;
-      tagText.style.cssText = `
-        font-weight: 500;
-        color: var(--text-normal);
-        font-size: 14px;
-      `;
+      tagText.className = "font-medium text-normal text-sm";
 
       const nodeTypeText = document.createElement("div");
       nodeTypeText.textContent = item.nodeType.name;
-      nodeTypeText.style.cssText = `
-        font-size: 12px;
-        color: var(--text-muted);
-      `;
+      nodeTypeText.className = "text-xs text-muted";
 
       textContainer.appendChild(tagText);
       textContainer.appendChild(nodeTypeText);
@@ -190,7 +147,7 @@ export class NodeTagSuggestPopover {
       `.node-tag-item[data-index="${this.selectedIndex}"]`,
     ) as HTMLElement;
     if (prevSelected) {
-      prevSelected.style.backgroundColor = "";
+      prevSelected.classList.remove("bg-modifier-hover");
     }
 
     this.selectedIndex = newIndex;
@@ -199,7 +156,7 @@ export class NodeTagSuggestPopover {
       `.node-tag-item[data-index="${this.selectedIndex}"]`,
     ) as HTMLElement;
     if (newSelected) {
-      newSelected.style.backgroundColor = "var(--background-modifier-hover)";
+      newSelected.classList.add("bg-modifier-hover");
     }
   }
 
diff --git a/apps/obsidian/src/index.ts b/apps/obsidian/src/index.ts
index 0d73c719f..140448196 100644
--- a/apps/obsidian/src/index.ts
+++ b/apps/obsidian/src/index.ts
@@ -194,7 +194,6 @@ export default class DiscourseGraphPlugin extends Plugin {
   }
 
   private setupNodeTagHotkey() {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
     const nodeTagHotkeyExtension = EditorView.domEventHandlers({
       keydown: (event: KeyboardEvent) => {
         // Access settings dynamically to handle changes
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a560df145..dde2edfb3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,33 +6,9 @@ settings:
 
 catalogs:
   default:
-    '@supabase/auth-js':
-      specifier: 2.76.1
-      version: 2.76.1
-    '@supabase/functions-js':
-      specifier: 2.76.1
-      version: 2.76.1
-    '@supabase/supabase-js':
-      specifier: 2.76.1
-      version: 2.76.1
-    '@types/eslint':
-      specifier: 8.56.12
-      version: 8.56.12
-    '@types/react':
-      specifier: ^19.1.12
-      version: 19.1.12
-    '@types/react-dom':
-      specifier: ^19.1.9
-      version: 19.1.9
     eslint:
       specifier: 8.57.1
       version: 8.57.1
-    react:
-      specifier: ^19.1.0
-      version: 19.1.1
-    react-dom:
-      specifier: ^19.1.0
-      version: 19.1.1
   obsidian:
     '@types/react':
       specifier: ^19.0.12
@@ -10383,7 +10359,7 @@ snapshots:
   '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
-      debug: 4.4.1(supports-color@8.1.1)
+      debug: 4.4.1
       espree: 9.6.1
       globals: 13.24.0
       ignore: 5.3.2
@@ -10426,7 +10402,7 @@ snapshots:
   '@humanwhocodes/config-array@0.13.0':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.4.1(supports-color@8.1.1)
+      debug: 4.4.1
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -14510,6 +14486,10 @@ snapshots:
     dependencies:
       ms: 2.1.2
 
+  debug@4.4.1:
+    dependencies:
+      ms: 2.1.3
+
   debug@4.4.1(supports-color@8.1.1):
     dependencies:
       ms: 2.1.3
@@ -15224,7 +15204,7 @@ snapshots:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
-      debug: 4.4.1(supports-color@8.1.1)
+      debug: 4.4.1
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2

From 0d76c1bb4be9e4958c1de4393e42db3765134d77 Mon Sep 17 00:00:00 2001
From: Trang Doan <doantranghp2000@gmail.com>
Date: Fri, 28 Nov 2025 17:07:45 -0500
Subject: [PATCH 4/4] fix type issue

---
 apps/obsidian/package.json |   1 +
 pnpm-lock.yaml             | 154 +++++++++++++++----------------------
 2 files changed, 61 insertions(+), 94 deletions(-)

diff --git a/apps/obsidian/package.json b/apps/obsidian/package.json
index 0b382048a..c8171caee 100644
--- a/apps/obsidian/package.json
+++ b/apps/obsidian/package.json
@@ -36,6 +36,7 @@
     "zod": "^3.24.1"
   },
   "dependencies": {
+    "@codemirror/view": "^6.38.8",
     "date-fns": "^4.1.0",
     "nanoid": "^4.0.2",
     "react": "catalog:obsidian",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index dde2edfb3..ad0cd6163 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,9 +6,33 @@ settings:
 
 catalogs:
   default:
+    '@supabase/auth-js':
+      specifier: 2.76.1
+      version: 2.76.1
+    '@supabase/functions-js':
+      specifier: 2.76.1
+      version: 2.76.1
+    '@supabase/supabase-js':
+      specifier: 2.76.1
+      version: 2.76.1
+    '@types/eslint':
+      specifier: 8.56.12
+      version: 8.56.12
+    '@types/react':
+      specifier: ^19.1.12
+      version: 19.1.12
+    '@types/react-dom':
+      specifier: ^19.1.9
+      version: 19.1.9
     eslint:
       specifier: 8.57.1
       version: 8.57.1
+    react:
+      specifier: ^19.1.0
+      version: 19.1.1
+    react-dom:
+      specifier: ^19.1.0
+      version: 19.1.1
   obsidian:
     '@types/react':
       specifier: ^19.0.12
@@ -70,6 +94,9 @@ importers:
 
   apps/obsidian:
     dependencies:
+      '@codemirror/view':
+        specifier: ^6.38.8
+        version: 6.38.8
       date-fns:
         specifier: ^4.1.0
         version: 4.1.0
@@ -124,7 +151,7 @@ importers:
         version: 8.57.1
       obsidian:
         specifier: ^1.7.2
-        version: 1.8.7(@codemirror/state@6.5.2)(@codemirror/view@6.38.2)
+        version: 1.8.7(@codemirror/state@6.5.2)(@codemirror/view@6.38.8)
       postcss:
         specifier: ^8.5.3
         version: 8.5.6
@@ -256,7 +283,7 @@ importers:
         version: 3.5.2(react@18.2.0)
       roamjs-components:
         specifier: 0.85.6
-        version: 0.85.6(8b55b1f14ffbf718c26dbfa3a20c2d6b)
+        version: 0.85.6(5b78e88b35a4681c3fec2bd59ab560ac)
       tldraw:
         specifier: 2.3.0
         version: 2.3.0(patch_hash=53157a9866fb748b22a548ab8d9aca2a557f98c0487b201b01f0a4ca89c71708)(@types/react-dom@18.2.17)(@types/react@18.2.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -308,7 +335,7 @@ importers:
         version: 0.17.14
       tailwindcss:
         specifier: ^3.4.17
-        version: 3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2))
+        version: 3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4))
       tsx:
         specifier: ^4.19.2
         version: 4.20.5
@@ -538,10 +565,10 @@ importers:
         version: link:../typescript-config
       tailwindcss:
         specifier: ^3.4.1
-        version: 3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2))
+        version: 3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4))
       tailwindcss-animate:
         specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2)))
+        version: 1.0.7(tailwindcss@3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4)))
 
   packages/types: {}
 
@@ -972,8 +999,8 @@ packages:
   '@codemirror/state@6.5.2':
     resolution: {integrity: sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==}
 
-  '@codemirror/view@6.38.2':
-    resolution: {integrity: sha512-bTWAJxL6EOFLPzTx+O5P5xAO3gTqpatQ2b/ARQ8itfU/v2LlpS3pH2fkL0A3E/Fx8Y2St2KES7ZEV0sHTsSW/A==}
+  '@codemirror/view@6.38.8':
+    resolution: {integrity: sha512-XcE9fcnkHCbWkjeKyi0lllwXmBLtyYb5dt89dJyx23I9+LSh5vZDIuk7OLG4VM1lgrXZQcY6cxyZyk5WVPRv/A==}
 
   '@colors/colors@1.5.0':
     resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
@@ -9952,7 +9979,7 @@ snapshots:
     dependencies:
       '@marijn/find-cluster-break': 1.0.2
 
-  '@codemirror/view@6.38.2':
+  '@codemirror/view@6.38.8':
     dependencies:
       '@codemirror/state': 6.5.2
       crelt: 1.0.6
@@ -10359,7 +10386,7 @@ snapshots:
   '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
-      debug: 4.4.1
+      debug: 4.4.1(supports-color@8.1.1)
       espree: 9.6.1
       globals: 13.24.0
       ignore: 5.3.2
@@ -10402,7 +10429,7 @@ snapshots:
   '@humanwhocodes/config-array@0.13.0':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.4.1
+      debug: 4.4.1(supports-color@8.1.1)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -12217,22 +12244,22 @@ snapshots:
 
   '@rushstack/eslint-patch@1.12.0': {}
 
-  '@samepage/scripts@0.74.5(@aws-sdk/client-lambda@3.882.0)(@aws-sdk/client-s3@3.882.0)(@samepage/testing@0.74.5(@playwright/test@1.29.0)(@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.2.17)(@types/react@18.2.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1))(@types/jsdom@20.0.1)(c8@7.14.0)(debug@4.4.1)(dotenv@16.6.1)(jsdom@20.0.3)(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2)))(archiver@5.3.2)(axios@0.27.2(debug@4.4.1))(debug@4.4.1)(dotenv@16.6.1)(esbuild@0.17.14)(patch-package@6.5.1)(tailwindcss@3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2)))(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2))(zod@3.25.76)':
+  '@samepage/scripts@0.74.5(@aws-sdk/client-lambda@3.882.0)(@aws-sdk/client-s3@3.882.0)(@samepage/testing@0.74.5(@playwright/test@1.29.0)(@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.2.17)(@types/react@18.2.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1))(@types/jsdom@20.0.1)(c8@7.14.0)(debug@4.4.1)(dotenv@16.6.1)(jsdom@20.0.3)(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4)))(archiver@5.3.2)(axios@0.27.2(debug@4.4.1))(debug@4.4.1)(dotenv@16.6.1)(esbuild@0.17.14)(patch-package@6.5.1)(tailwindcss@3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4)))(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4))(zod@3.25.76)':
     dependencies:
       '@aws-sdk/client-lambda': 3.882.0
       '@aws-sdk/client-s3': 3.882.0
-      '@samepage/testing': 0.74.5(@playwright/test@1.29.0)(@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.2.17)(@types/react@18.2.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1))(@types/jsdom@20.0.1)(c8@7.14.0)(debug@4.4.1)(dotenv@16.6.1)(jsdom@20.0.3)(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2))
+      '@samepage/testing': 0.74.5(@playwright/test@1.29.0)(@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.2.17)(@types/react@18.2.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1))(@types/jsdom@20.0.1)(c8@7.14.0)(debug@4.4.1)(dotenv@16.6.1)(jsdom@20.0.3)(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4))
       archiver: 5.3.2
       axios: 0.27.2(debug@4.4.1)
       debug: 4.4.1(supports-color@8.1.1)
       dotenv: 16.6.1
       esbuild: 0.17.14
       patch-package: 6.5.1
-      tailwindcss: 3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2))
-      ts-node: 10.9.2(@types/node@20.19.13)(typescript@5.9.2)
+      tailwindcss: 3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4))
+      ts-node: 10.9.2(@types/node@20.19.13)(typescript@5.5.4)
       zod: 3.25.76
 
-  '@samepage/testing@0.74.5(@playwright/test@1.29.0)(@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.2.17)(@types/react@18.2.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1))(@types/jsdom@20.0.1)(c8@7.14.0)(debug@4.4.1)(dotenv@16.6.1)(jsdom@20.0.3)(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2))':
+  '@samepage/testing@0.74.5(@playwright/test@1.29.0)(@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.2.17)(@types/react@18.2.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1))(@types/jsdom@20.0.1)(c8@7.14.0)(debug@4.4.1)(dotenv@16.6.1)(jsdom@20.0.3)(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4))':
     dependencies:
       '@playwright/test': 1.29.0
       '@testing-library/react': 16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.2.17)(@types/react@18.2.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
@@ -12242,7 +12269,7 @@ snapshots:
       debug: 4.4.1(supports-color@8.1.1)
       dotenv: 16.6.1
       jsdom: 20.0.3
-      ts-node: 10.9.2(@types/node@20.19.13)(typescript@5.9.2)
+      ts-node: 10.9.2(@types/node@20.19.13)(typescript@5.5.4)
 
   '@selderee/plugin-htmlparser2@0.11.0':
     dependencies:
@@ -13631,10 +13658,10 @@ snapshots:
       '@typescript-eslint/eslint-plugin': 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4)
       '@typescript-eslint/parser': 7.18.0(eslint@8.57.1)(typescript@5.5.4)
       eslint-config-prettier: 9.1.2(eslint@8.57.1)
-      eslint-import-resolver-alias: 1.1.2(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1))
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-import-resolver-alias: 1.1.2(eslint-plugin-import@2.32.0)
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1)
       eslint-plugin-eslint-comments: 3.2.0(eslint@8.57.1)
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
       eslint-plugin-jest: 27.9.0(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@8.57.1)
       eslint-plugin-playwright: 1.8.3(eslint-plugin-jest@27.9.0(@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1)
@@ -14486,10 +14513,6 @@ snapshots:
     dependencies:
       ms: 2.1.2
 
-  debug@4.4.1:
-    dependencies:
-      ms: 2.1.3
-
   debug@4.4.1(supports-color@8.1.1):
     dependencies:
       ms: 2.1.3
@@ -14981,9 +15004,9 @@ snapshots:
       eslint-plugin-turbo: 2.5.6(eslint@8.57.1)(turbo@2.5.6)
       turbo: 2.5.6
 
-  eslint-import-resolver-alias@1.1.2(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)):
+  eslint-import-resolver-alias@1.1.2(eslint-plugin-import@2.32.0):
     dependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
 
   eslint-import-resolver-node@0.3.9:
     dependencies:
@@ -14993,7 +15016,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1))(eslint@8.57.1):
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
       debug: 4.4.1(supports-color@8.1.1)
@@ -15004,18 +15027,18 @@ snapshots:
       tinyglobby: 0.2.14
       unrs-resolver: 1.11.1
     optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
       '@typescript-eslint/parser': 7.18.0(eslint@8.57.1)(typescript@5.5.4)
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -15025,7 +15048,7 @@ snapshots:
       eslint: 8.57.1
       ignore: 5.3.2
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.9
@@ -15036,7 +15059,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.5.4))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -15204,7 +15227,7 @@ snapshots:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
-      debug: 4.4.1
+      debug: 4.4.1(supports-color@8.1.1)
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
@@ -17048,10 +17071,10 @@ snapshots:
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
 
-  obsidian@1.8.7(@codemirror/state@6.5.2)(@codemirror/view@6.38.2):
+  obsidian@1.8.7(@codemirror/state@6.5.2)(@codemirror/view@6.38.8):
     dependencies:
       '@codemirror/state': 6.5.2
-      '@codemirror/view': 6.38.2
+      '@codemirror/view': 6.38.8
       '@types/codemirror': 5.60.8
       moment: 2.29.4
 
@@ -17361,14 +17384,6 @@ snapshots:
       postcss: 8.5.6
       ts-node: 10.9.2(@types/node@20.19.13)(typescript@5.5.4)
 
-  postcss-load-config@4.0.2(postcss@8.5.6)(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2)):
-    dependencies:
-      lilconfig: 3.1.3
-      yaml: 2.8.1
-    optionalDependencies:
-      postcss: 8.5.6
-      ts-node: 10.9.2(@types/node@20.19.13)(typescript@5.9.2)
-
   postcss-nested@6.2.0(postcss@8.5.6):
     dependencies:
       postcss: 8.5.6
@@ -18106,12 +18121,12 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
-  roamjs-components@0.85.6(8b55b1f14ffbf718c26dbfa3a20c2d6b):
+  roamjs-components@0.85.6(5b78e88b35a4681c3fec2bd59ab560ac):
     dependencies:
       '@blueprintjs/core': 3.50.4(patch_hash=51c5847e0a73a1be0cc263036ff64d8fada46f3b65831ed938dbca5eecf3edc0)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       '@blueprintjs/datetime': 3.23.14(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       '@blueprintjs/select': 3.19.1(patch_hash=5b2821b0bf7274e9b64d7824648c596b9e73c61f421d699a6d4c494f12f62355)(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
-      '@samepage/scripts': 0.74.5(@aws-sdk/client-lambda@3.882.0)(@aws-sdk/client-s3@3.882.0)(@samepage/testing@0.74.5(@playwright/test@1.29.0)(@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.2.17)(@types/react@18.2.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1))(@types/jsdom@20.0.1)(c8@7.14.0)(debug@4.4.1)(dotenv@16.6.1)(jsdom@20.0.3)(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2)))(archiver@5.3.2)(axios@0.27.2(debug@4.4.1))(debug@4.4.1)(dotenv@16.6.1)(esbuild@0.17.14)(patch-package@6.5.1)(tailwindcss@3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2)))(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2))(zod@3.25.76)
+      '@samepage/scripts': 0.74.5(@aws-sdk/client-lambda@3.882.0)(@aws-sdk/client-s3@3.882.0)(@samepage/testing@0.74.5(@playwright/test@1.29.0)(@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.2.17)(@types/react@18.2.21)(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1))(@types/jsdom@20.0.1)(c8@7.14.0)(debug@4.4.1)(dotenv@16.6.1)(jsdom@20.0.3)(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4)))(archiver@5.3.2)(axios@0.27.2(debug@4.4.1))(debug@4.4.1)(dotenv@16.6.1)(esbuild@0.17.14)(patch-package@6.5.1)(tailwindcss@3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4)))(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4))(zod@3.25.76)
       '@types/crypto-js': 4.1.1
       '@types/cytoscape': 3.21.9
       '@types/file-saver': 2.0.5
@@ -18708,10 +18723,6 @@ snapshots:
     dependencies:
       tailwindcss: 3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4))
 
-  tailwindcss-animate@1.0.7(tailwindcss@3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2))):
-    dependencies:
-      tailwindcss: 3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2))
-
   tailwindcss@3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.5.4)):
     dependencies:
       '@alloc/quick-lru': 5.2.0
@@ -18739,33 +18750,6 @@ snapshots:
     transitivePeerDependencies:
       - ts-node
 
-  tailwindcss@3.4.17(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2)):
-    dependencies:
-      '@alloc/quick-lru': 5.2.0
-      arg: 5.0.2
-      chokidar: 3.6.0
-      didyoumean: 1.2.2
-      dlv: 1.1.3
-      fast-glob: 3.3.3
-      glob-parent: 6.0.2
-      is-glob: 4.0.3
-      jiti: 1.21.7
-      lilconfig: 3.1.3
-      micromatch: 4.0.8
-      normalize-path: 3.0.0
-      object-hash: 3.0.0
-      picocolors: 1.1.1
-      postcss: 8.5.6
-      postcss-import: 15.1.0(postcss@8.5.6)
-      postcss-js: 4.0.1(postcss@8.5.6)
-      postcss-load-config: 4.0.2(postcss@8.5.6)(ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2))
-      postcss-nested: 6.2.0(postcss@8.5.6)
-      postcss-selector-parser: 6.1.2
-      resolve: 1.22.10
-      sucrase: 3.35.0
-    transitivePeerDependencies:
-      - ts-node
-
   tar-stream@2.2.0:
     dependencies:
       bl: 4.1.0
@@ -19004,24 +18988,6 @@ snapshots:
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
 
-  ts-node@10.9.2(@types/node@20.19.13)(typescript@5.9.2):
-    dependencies:
-      '@cspotcode/source-map-support': 0.8.1
-      '@tsconfig/node10': 1.0.11
-      '@tsconfig/node12': 1.0.11
-      '@tsconfig/node14': 1.0.3
-      '@tsconfig/node16': 1.0.4
-      '@types/node': 20.19.13
-      acorn: 8.15.0
-      acorn-walk: 8.3.4
-      arg: 4.1.3
-      create-require: 1.1.1
-      diff: 4.0.2
-      make-error: 1.3.6
-      typescript: 5.9.2
-      v8-compile-cache-lib: 3.0.1
-      yn: 3.1.1
-
   ts-toolbelt@6.15.5: {}
 
   ts-toolbelt@9.6.0: {}
@@ -19632,4 +19598,4 @@ snapshots:
 
   zod@3.25.76: {}
 
-  zwitch@2.0.4: {}
\ No newline at end of file
+  zwitch@2.0.4: {}