feat: add hierarchical prompt tree relationships

Merge contributor hierarchical prompt tree work with follow-up hardening and prompt relationship design docs.

Author: legeling

apps/desktop/src/main/ipc/prompt.ipc.ts

@@ -51,6 +51,25 @@ export function registerPromptIPC(db: PromptDB, folderDb: FolderDB, rawDb: Datab
     return ordered;
   };
 
+  const assertPromptMoveInput = (
+    promptId: string,
+    newParentId: string | null,
+    newOrder: number,
+  ) => {
+    if (typeof promptId !== 'string' || promptId.trim().length === 0) {
+      throw new Error('Prompt id is required');
+    }
+    if (
+      newParentId !== null &&
+      (typeof newParentId !== 'string' || newParentId.trim().length === 0)
+    ) {
+      throw new Error('Parent prompt id must be null or a non-empty string');
+    }
+    if (!Number.isFinite(newOrder) || newOrder < 0) {
+      throw new Error('Prompt order must be a non-negative number');
+    }
+  };
+
   // Create Prompt
   // 创建 Prompt
   ipcMain.handle(IPC_CHANNELS.PROMPT_CREATE, async (_, data: CreatePromptDTO) => {
@@ -249,4 +268,11 @@ export function registerPromptIPC(db: PromptDB, folderDb: FolderDB, rawDb: Datab
     db.insertVersionDirect(version);
     return true;
   });
+
+  ipcMain.handle(IPC_CHANNELS.PROMPT_MOVE, async (_, promptId: string, newParentId: string | null, newOrder: number) => {
+    assertPromptMoveInput(promptId, newParentId, newOrder);
+    db.movePrompt(promptId, newParentId, newOrder);
+    syncWorkspace();
+    return true;
+  });
 }

apps/desktop/src/preload/api/prompt.ts

@@ -40,4 +40,6 @@ export const promptApi = {
     prompts: Prompt[];
     versions: PromptVersion[];
   }) => ipcRenderer.invoke(IPC_CHANNELS.PROMPT_MIGRATE_IDB_BATCH, payload),
+  move: (promptId: string, newParentId: string | null, newOrder: number) =>
+    ipcRenderer.invoke(IPC_CHANNELS.PROMPT_MOVE, promptId, newParentId, newOrder),
 };

apps/desktop/src/renderer/components/layout/MainContent.tsx

@@ -21,9 +21,9 @@ const SkillManager = lazy(() => import('../skill/SkillManager').then(m => ({ def
 const RulesManager = lazy(() => import('../rules/RulesManager').then(m => ({ default: m.RulesManager })));
 const EditPromptModal = lazy(() => import('../prompt/EditPromptModal').then(m => ({ default: m.EditPromptModal })));
 const PromptQuickRewriteDialog = lazy(() => import('../prompt/PromptQuickRewriteDialog').then(m => ({ default: m.PromptQuickRewriteDialog })));
-const PromptTableView = lazy(() => import('../prompt/PromptTableView').then(m => ({ default: m.PromptTableView })));
 const PromptGalleryView = lazy(() => import('../prompt/PromptGalleryView').then(m => ({ default: m.PromptGalleryView })));
 const PromptKanbanView = lazy(() => import('../prompt/PromptKanbanView').then(m => ({ default: m.PromptKanbanView })));
+const PromptListView = lazy(() => import('../prompt/PromptListView').then(m => ({ default: m.PromptListView })));
 const AiTestModal = lazy(() => import('../prompt/AiTestModal').then(m => ({ default: m.AiTestModal })));
 const PromptDetailModal = lazy(() => import('../prompt/PromptDetailModal').then(m => ({ default: m.PromptDetailModal })));
 const VariableInputModal = lazy(() => import('../prompt/VariableInputModal').then(m => ({ default: m.VariableInputModal })));
@@ -367,6 +367,7 @@ function PromptSkillMainContent() {
   const sortOrder = usePromptStore((state) => state.sortOrder);
   const viewMode = usePromptStore((state) => state.viewMode);
   const incrementUsageCount = usePromptStore((state) => state.incrementUsageCount);
+  const movePrompt = usePromptStore((state) => state.movePrompt);
   // Resizable prompt-list pane width (#119)
   const promptListPaneWidth = useUIStore((state) => state.promptListPaneWidth);
   const setPromptListPaneWidth = useUIStore(
@@ -1928,23 +1929,16 @@ function PromptSkillMainContent() {
         </Suspense>
       ) : (
       <>
-      {/* List view mode */}
-      {/* 列表视图模式 */}
+      {/* Gallery view */}
+      {/* Gallery 视图 */}
       <div
-        className={getViewClass('list')}
+        className={getViewClass('gallery')}
       >
-
-
-        {/* Top: sort + view switch */}
-        {/* 顶部：排序 + 视图切换 */}
         <PromptListHeader count={sortedPrompts.length} />
-
-        {/* Table view */}
-        {/* 表格视图 */}
-        <div className="flex-1 overflow-hidden">
+        {viewMode === 'gallery' && (
           <Suspense fallback={loadingFallback}>
-            <PromptTableView
-              prompts={sortedPrompts}
+            <PromptGalleryView
+              prompts={visiblePrompts}
               highlightTerms={highlightTerms}
               onSelect={(id) => selectPrompt(id)}
               onToggleFavorite={toggleFavorite}
@@ -1954,25 +1948,21 @@ function PromptSkillMainContent() {
               onAiTest={handleAiTestFromTable}
               onVersionHistory={handleVersionHistory}
               onViewDetail={handleViewDetail}
-              aiResults={aiResponseCache}
-              onBatchFavorite={handleBatchFavorite}
-              onBatchMove={handleBatchMove}
-              onBatchDelete={handleBatchDelete}
               onContextMenu={handleContextMenu}
             />
           </Suspense>
-        </div>
+        )}
       </div>
 
-      {/* Gallery view */}
-      {/* Gallery 视图 */}
+      {/* Kanban view */}
+      {/* 看板视图 */}
       <div
-        className={getViewClass('gallery')}
+        className={getViewClass('kanban')}
       >
         <PromptListHeader count={sortedPrompts.length} />
-        {viewMode === 'gallery' && (
+        {viewMode === 'kanban' && (
           <Suspense fallback={loadingFallback}>
-            <PromptGalleryView
+            <PromptKanbanView
               prompts={visiblePrompts}
               highlightTerms={highlightTerms}
               onSelect={(id) => selectPrompt(id)}
@@ -1989,26 +1979,23 @@ function PromptSkillMainContent() {
         )}
       </div>
 
-      {/* Kanban view */}
-      {/* 看板视图 */}
+      {/* List view mode: hierarchical list with drag-and-drop */}
+      {/* 列表视图模式：分层列表支持拖拽 */}
       <div
-        className={getViewClass('kanban')}
+        className={getViewClass('list')}
       >
         <PromptListHeader count={sortedPrompts.length} />
-        {viewMode === 'kanban' && (
+        {viewMode === 'list' && (
           <Suspense fallback={loadingFallback}>
-            <PromptKanbanView
+            <PromptListView
               prompts={visiblePrompts}
-              highlightTerms={highlightTerms}
+              selectedId={selectedId}
+              selectedIds={selectedIds}
               onSelect={(id) => selectPrompt(id)}
               onToggleFavorite={toggleFavorite}
               onCopy={handleCopyPrompt}
-              onEdit={(prompt) => setEditingPrompt(prompt)}
-              onDelete={handleDeletePrompt}
-              onAiTest={handleAiTestFromTable}
-              onVersionHistory={handleVersionHistory}
-              onViewDetail={handleViewDetail}
               onContextMenu={handleContextMenu}
+              onMovePrompt={movePrompt}
             />
           </Suspense>
         )}