feat: integrate custom features for smart context management

- Added a new integration script to manage custom features related to smart context.
- Implemented handlers for smart context operations (get, update, clear, stats) in ipc.
- Created a SmartContextStore class to manage context snippets and summaries.
- Developed hooks for React to interact with smart context (useSmartContext, useUpdateSmartContext, useClearSmartContext, useSmartContextStats).
- Included backup and restore functionality in the integration script.
- Validated integration by checking for custom modifications and file existence.

backups/backup-20251218-094212/src/pages/chat.tsx

@@ -0,0 +1,82 @@
+import { useState, useRef, useEffect } from "react";
+import {
+  PanelGroup,
+  Panel,
+  PanelResizeHandle,
+  type ImperativePanelHandle,
+} from "react-resizable-panels";
+import { ChatPanel } from "../components/ChatPanel";
+import { PreviewPanel } from "../components/preview_panel/PreviewPanel";
+import { useNavigate, useSearch } from "@tanstack/react-router";
+import { cn } from "@/lib/utils";
+import { useAtom, useAtomValue, useSetAtom } from "jotai";
+import { isPreviewOpenAtom } from "@/atoms/viewAtoms";
+import { useChats } from "@/hooks/useChats";
+import { selectedAppIdAtom } from "@/atoms/appAtoms";
+
+export default function ChatPage() {
+  let { id: chatId } = useSearch({ from: "/chat" });
+  const navigate = useNavigate();
+  const [isPreviewOpen, setIsPreviewOpen] = useAtom(isPreviewOpenAtom);
+  const [isResizing, setIsResizing] = useState(false);
+  const selectedAppId = useAtomValue(selectedAppIdAtom);
+  const setSelectedAppId = useSetAtom(selectedAppIdAtom);
+  const { chats, loading } = useChats(selectedAppId);
+
+  useEffect(() => {
+    if (!chatId && chats.length && !loading) {
+      // Not a real navigation, just a redirect, when the user navigates to /chat
+      // without a chatId, we redirect to the first chat
+      setSelectedAppId(chats[0].appId);
+      navigate({ to: "/chat", search: { id: chats[0].id }, replace: true });
+    }
+  }, [chatId, chats, loading, navigate]);
+
+  useEffect(() => {
+    if (isPreviewOpen) {
+      ref.current?.expand();
+    } else {
+      ref.current?.collapse();
+    }
+  }, [isPreviewOpen]);
+  const ref = useRef<ImperativePanelHandle>(null);
+
+  return (
+    <PanelGroup autoSaveId="persistence" direction="horizontal">
+      <Panel id="chat-panel" minSize={30}>
+        <div className="h-full w-full">
+          <ChatPanel
+            chatId={chatId}
+            isPreviewOpen={isPreviewOpen}
+            onTogglePreview={() => {
+              setIsPreviewOpen(!isPreviewOpen);
+              if (isPreviewOpen) {
+                ref.current?.collapse();
+              } else {
+                ref.current?.expand();
+              }
+            }}
+          />
+        </div>
+      </Panel>
+
+      <>
+        <PanelResizeHandle
+          onDragging={(e) => setIsResizing(e)}
+          className="w-1 bg-gray-200 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700 transition-colors cursor-col-resize"
+        />
+        <Panel
+          collapsible
+          ref={ref}
+          id="preview-panel"
+          minSize={20}
+          className={cn(
+            !isResizing && "transition-all duration-100 ease-in-out",
+          )}
+        >
+          <PreviewPanel />
+        </Panel>
+      </>
+    </PanelGroup>
+  );
+}