Feat: add commands, refactor editor (#356)

Author: jonathanlab

apps/array/package.json

@@ -52,6 +52,7 @@
     "@vitest/ui": "^4.0.10",
     "autoprefixer": "^10.4.17",
     "electron": "^30.0.0",
+    "fuse.js": "^7.1.0",
     "husky": "^9.1.7",
     "jsdom": "^26.0.0",
     "lint-staged": "^15.5.2",
@@ -100,16 +101,13 @@
     "@radix-ui/themes": "^3.2.1",
     "@tanstack/react-query": "^5.90.2",
     "@tanstack/react-virtual": "^3.13.12",
-    "@tiptap/core": "^3.11.0",
-    "@tiptap/extension-link": "^3.11.0",
-    "@tiptap/extension-mention": "^3.11.0",
-    "@tiptap/extension-placeholder": "^3.11.0",
-    "@tiptap/extension-typography": "^3.11.0",
-    "@tiptap/extension-underline": "^3.11.0",
-    "@tiptap/pm": "^3.11.0",
-    "@tiptap/react": "^3.11.0",
-    "@tiptap/starter-kit": "^3.11.0",
-    "@tiptap/suggestion": "^3.11.0",
+    "@tiptap/core": "^3.13.0",
+    "@tiptap/extension-mention": "^3.13.0",
+    "@tiptap/extension-placeholder": "^3.13.0",
+    "@tiptap/pm": "^3.13.0",
+    "@tiptap/react": "^3.13.0",
+    "@tiptap/starter-kit": "^3.13.0",
+    "@tiptap/suggestion": "^3.13.0",
     "@trpc/client": "^11.8.0",
     "@trpc/react-query": "^11.8.0",
     "@trpc/server": "^11.8.0",
@@ -127,8 +125,8 @@
     "electron-store": "^11.0.0",
     "file-icon": "^6.0.0",
     "idb-keyval": "^6.2.2",
-    "inversify": "^7.10.6",
     "immer": "^11.0.1",
+    "inversify": "^7.10.6",
     "is-glob": "^4.0.3",
     "micromatch": "^4.0.5",
     "node-addon-api": "^8.5.0",
@@ -146,6 +144,7 @@
     "reflect-metadata": "^0.2.2",
     "remark-gfm": "^4.0.1",
     "sonner": "^2.0.7",
+    "tippy.js": "^6.3.7",
     "trpc-electron": "^0.1.2",
     "uuid": "^9.0.1",
     "vscode-icons-js": "^11.6.1",

apps/array/src/main/services/agent/service.ts

@@ -9,7 +9,6 @@ import {
   PROTOCOL_VERSION,
   type RequestPermissionRequest,
   type RequestPermissionResponse,
-  type SessionNotification,
 } from "@agentclientprotocol/sdk";
 import { Agent, type OnLogCallback } from "@posthog/agent";
 import { app } from "electron";
@@ -550,8 +549,8 @@ export class AgentService extends TypedEventEmitter<AgentServiceEvents> {
         };
       },
 
-      async sessionUpdate(_params: SessionNotification): Promise<void> {
-        // No-op: session/update notifications are captured by the stream tap
+      async sessionUpdate() {
+        // session/update notifications flow through the tapped stream
       },
 
       extNotification: async (

apps/array/src/renderer/components/ThemeWrapper.tsx

@@ -1,9 +1,24 @@
 import { Theme } from "@radix-ui/themes";
 import { useThemeStore } from "@stores/themeStore";
 import type React from "react";
+import { useEffect, useRef } from "react";
+
+let portalContainer: HTMLDivElement | null = null;
+
+export function getPortalContainer(): HTMLElement {
+  return portalContainer ?? document.body;
+}
 
 export function ThemeWrapper({ children }: { children: React.ReactNode }) {
   const isDarkMode = useThemeStore((state) => state.isDarkMode);
+  const portalRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    portalContainer = portalRef.current;
+    return () => {
+      portalContainer = null;
+    };
+  }, []);
 
   return (
     <Theme
@@ -15,6 +30,7 @@ export function ThemeWrapper({ children }: { children: React.ReactNode }) {
       scaling="100%"
     >
       {children}
+      <div ref={portalRef} id="portal-container" />
     </Theme>
   );
 }