ai-design-system 0.1.58 → 0.1.60

package/components/composites/SessionHeader/SessionHeader.tsx

@@ -46,23 +46,6 @@ export const SessionHeader = React.forwardRef<HTMLDivElement, SessionHeaderProps
               ? (activeSession?.title || 'Untitled Session')
               : 'New Session'}
           </span>
-          <Button 
-            variant="ghost" 
-            size="icon" 
-            className="h-6 w-6 flex-none" 
-            onClick={() => {
-              if (activeSessionId) {
-                onCloseSession?.(activeSessionId);
-              } else {
-                // If closing a 'New Session', we might want to just trigger onCloseSession with null or handle it.
-                // But since the interface requires a string, we can just pass an empty string or 'new'.
-                // Actually, if activeSessionId is null, clicking X should probably revert to the last session.
-                onCloseSession?.('draft');
-              }
-            }}
-          >
-            <Icon name="x" className="h-4 w-4" />
-          </Button>
         </div>
         <div className="flex items-center space-x-1 flex-none">
           <Button variant="ghost" size="icon" onClick={onNewSession} className="h-8 w-8">

package/components/features/{WorkflowBuilder/WorkflowBuilder.behaviors.stories.tsx → NodeEditor/NodeEditor.behaviors.stories.tsx}

@@ -1,22 +1,22 @@
 /**
- * WorkflowBuilder Behavior Tests
+ * NodeEditor Behavior Tests
  *
  * Tests user interactions and state changes to prevent regressions.
  */
 
 import type { Meta, StoryObj } from "@storybook/nextjs-vite";
 import { expect, fn, userEvent, waitFor, within } from "@storybook/test";
-import { WorkflowBuilder } from "./WorkflowBuilder";
-import { mockVersions, mockNodes, mockEdges } from "./WorkflowBuilder.mocks";
+import { NodeEditor } from "./NodeEditor";
+import { mockVersions, mockNodes, mockEdges } from "./NodeEditor.mocks";
 
 const meta = {
-  title: "Features/WorkflowBuilder/Behaviors",
-  component: WorkflowBuilder,
+  title: "Features/NodeEditor/Behaviors",
+  component: NodeEditor,
   tags: ["test"],
   parameters: {
     layout: "fullscreen",
   },
-} satisfies Meta<typeof WorkflowBuilder>;
+} satisfies Meta<typeof NodeEditor>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

package/components/features/{WorkflowBuilder/WorkflowBuilder.mocks.ts → NodeEditor/NodeEditor.mocks.ts}

@@ -1,9 +1,9 @@
 /**
- * Mock data for WorkflowBuilder stories and tests
+ * Mock data for NodeEditor stories and tests
  *
  * Reusable mock data imported by:
- * - WorkflowBuilder.stories.tsx
- * - WorkflowBuilder.behaviors.stories.tsx
+ * - NodeEditor.stories.tsx
+ * - NodeEditor.behaviors.stories.tsx
  */
 
 import type { WorkflowNode, WorkflowEdge } from "@/components/blocks/WorkflowCanvas";

package/components/features/{WorkflowBuilder/WorkflowBuilder.stories.tsx → NodeEditor/NodeEditor.stories.tsx}

@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from "@storybook/nextjs-vite";
-import { WorkflowBuilder } from "./WorkflowBuilder";
-import { useWorkflowBuilderMock } from "./useWorkflowBuilder.mock";
-import { mockVersions, mockNodes, mockEdges } from "./WorkflowBuilder.mocks";
+import { NodeEditor } from "./NodeEditor";
+import { useNodeEditorMock } from "./useNodeEditor.mock";
+import { mockVersions, mockNodes, mockEdges } from "./NodeEditor.mocks";
 
 /**
- * WorkflowBuilder Feature
+ * NodeEditor Feature
  *
  * Complete workflow editing experience combining a floating toolbar
  * with a ReactFlow canvas for building state machine workflows.
@@ -17,7 +17,7 @@ import { mockVersions, mockNodes, mockEdges } from "./WorkflowBuilder.mocks";
  * - Minimap support
  *
  * ## Usage
- * Pass individual props directly or wire up via `useWorkflowBuilder` hook
+ * Pass individual props directly or wire up via `useNodeEditor` hook
  * in the consuming application.
  *
  * ## Accessibility
@@ -25,22 +25,22 @@ import { mockVersions, mockNodes, mockEdges } from "./WorkflowBuilder.mocks";
  * - Keyboard navigation supported
  */
 const meta = {
-  title: "Features/WorkflowBuilder",
-  component: WorkflowBuilder,
+  title: "Features/NodeEditor",
+  component: NodeEditor,
   tags: ["autodocs"],
   parameters: {
     layout: "fullscreen",
   },
-} satisfies Meta<typeof WorkflowBuilder>;
+} satisfies Meta<typeof NodeEditor>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
 
-function WorkflowBuilderStateManagementStory() {
-  const hook = useWorkflowBuilderMock("wf-1");
+function NodeEditorStateManagementStory() {
+  const hook = useNodeEditorMock("wf-1");
 
   return (
-    <WorkflowBuilder
+    <NodeEditor
       workflowName={hook.workflowName}
       versions={hook.versions}
       currentVersionId={hook.currentVersionId}
@@ -63,11 +63,11 @@ function WorkflowBuilderStateManagementStory() {
   );
 }
 
-function WorkflowBuilderWithMinimapStory() {
-  const hook = useWorkflowBuilderMock("wf-1");
+function NodeEditorWithMinimapStory() {
+  const hook = useNodeEditorMock("wf-1");
 
   return (
-    <WorkflowBuilder
+    <NodeEditor
       workflowName={hook.workflowName}
       versions={hook.versions}
       currentVersionId={hook.currentVersionId}
@@ -100,7 +100,7 @@ export const Default: Story = {
  * WithStateManagement — full interactive mock hook wired up
  */
 export const WithStateManagement: Story = {
-  render: () => <WorkflowBuilderStateManagementStory />,
+  render: () => <NodeEditorStateManagementStory />,
 };
 
 /**
@@ -120,7 +120,7 @@ export const Empty: Story = {
  * WithMinimap — canvas with minimap enabled
  */
 export const WithMinimap: Story = {
-  render: () => <WorkflowBuilderWithMinimapStory />,
+  render: () => <NodeEditorWithMinimapStory />,
 };
 
 /**

package/components/features/{WorkflowBuilder/WorkflowBuilder.tsx → NodeEditor/NodeEditor.tsx}

@@ -7,7 +7,7 @@ import type { ToolbarAction, WorkflowVersion } from "@/components/composites/Wor
 import type { Connection, NodeChange, EdgeChange } from "@xyflow/react";
 import { cn } from "@/lib/utils";
 
-export interface WorkflowBuilderProps {
+export interface NodeEditorProps {
   // Toolbar — left
   workflowName?: string;
   versions?: WorkflowVersion[];
@@ -37,10 +37,11 @@ export interface WorkflowBuilderProps {
 
   showMinimap?: boolean;
   interactive?: boolean;
+  hideDefaultActions?: boolean;
   className?: string;
 }
 
-export function WorkflowBuilder({
+export function NodeEditor({
   workflowName,
   versions,
   currentVersionId,
@@ -62,8 +63,9 @@ export function WorkflowBuilder({
   extraActions,
   showMinimap,
   interactive = false,
+  hideDefaultActions = false,
   className,
-}: WorkflowBuilderProps) {
+}: NodeEditorProps) {
   const defaultActionGroups: ToolbarAction[][] = [
     [
       { id: "undo", icon: "undo-2", title: "Undo", onClick: onUndo, disabled: !canUndo },
@@ -72,9 +74,9 @@ export function WorkflowBuilder({
     ],
   ];
 
-  const allActionGroups = extraActions
-    ? [...extraActions, ...defaultActionGroups]
-    : defaultActionGroups;
+  let allActionGroups: ToolbarAction[][] = [];
+  if (extraActions) allActionGroups = [...allActionGroups, ...extraActions];
+  if (!hideDefaultActions) allActionGroups = [...allActionGroups, ...defaultActionGroups];
 
   return (
     <div

package/components/features/NodeEditor/index.ts

@@ -0,0 +1,4 @@
+export { NodeEditor } from "./NodeEditor";
+export type { NodeEditorProps } from "./NodeEditor";
+export type { UseNodeEditor, UseNodeEditorReturn } from "./useNodeEditor.d";
+export type { ToolbarAction } from "@/components/composites/WorkflowToolbar";

package/components/features/{WorkflowBuilder/useWorkflowBuilder.d.ts → NodeEditor/useNodeEditor.d.ts}

@@ -4,7 +4,7 @@ import type { WorkflowVersion } from "@/components/composites/WorkflowToolbar";
 
 export type { WorkflowVersion };
 
-export interface UseWorkflowBuilderReturn {
+export interface UseNodeEditorReturn {
   // Workflow state
   nodes: WorkflowNode[];
   edges: WorkflowEdge[];
@@ -39,8 +39,8 @@ export interface UseWorkflowBuilderReturn {
   currentWorkflowId?: string;
 }
 
-export type UseWorkflowBuilder = (workflowId?: string) => UseWorkflowBuilderReturn;
+export type UseNodeEditor = (workflowId?: string) => UseNodeEditorReturn;
 
-export function useWorkflowBuilder(workflowId?: string): UseWorkflowBuilderReturn {
-  throw new Error("useWorkflowBuilder must be implemented by the consuming application");
+export function useNodeEditor(workflowId?: string): UseNodeEditorReturn {
+  throw new Error("useNodeEditor must be implemented by the consuming application");
 }

package/components/features/{WorkflowBuilder/useWorkflowBuilder.mock.ts → NodeEditor/useNodeEditor.mock.ts}

@@ -2,7 +2,7 @@ import { useState, useCallback } from "react";
 import { applyNodeChanges, applyEdgeChanges, addEdge } from "@xyflow/react";
 import type { Connection, NodeChange, EdgeChange } from "@xyflow/react";
 import type { WorkflowNode, WorkflowEdge } from "@/components/blocks/WorkflowCanvas";
-import type { UseWorkflowBuilderReturn } from "./useWorkflowBuilder";
+import type { UseNodeEditorReturn } from "./useNodeEditor";
 
 const mockNodes: WorkflowNode[] = [
   {
@@ -43,7 +43,7 @@ const mockVersions = [
   { id: "v4", label: "v4" },
 ];
 
-export function useWorkflowBuilderMock(workflowId?: string): UseWorkflowBuilderReturn {
+export function useNodeEditorMock(workflowId?: string): UseNodeEditorReturn {
   const [nodes, setNodes] = useState<WorkflowNode[]>(mockNodes);
   const [edges, setEdges] = useState<WorkflowEdge[]>(mockEdges);
   const [workflowName, setWorkflowName] = useState("Order Processing Workflow");

package/components/features/PageLayout/PageLayout.stories.tsx

@@ -9,9 +9,9 @@ import {
   mockPageLayoutRefinementMessages,
   mockSidebarConfig,
 } from './PageLayout.mocks'
-import { WorkflowBuilder } from '../WorkflowBuilder/WorkflowBuilder'
+import { NodeEditor } from '../NodeEditor/NodeEditor'
 import { RefinementPanel } from '../RefinementPanel/RefinementPanel'
-import { mockEdges, mockNodes, mockVersions } from '../WorkflowBuilder/WorkflowBuilder.mocks'
+import { mockEdges, mockNodes, mockVersions } from '../NodeEditor/NodeEditor.mocks'
 import { DashboardFeature } from '../DashboardFeature/DashboardFeature'
 import { useDashboardIntegrationMock } from './useDashboardIntegration.mock'
 
@@ -157,7 +157,7 @@ export const WithStateManagement: Story = {
               content: activeTab === 'dashboard' ? (
                 <DashboardFeature {...dashboardState.dashboardProps} />
               ) : (
-                <WorkflowBuilder
+                <NodeEditor
                   workflowName="Order Processing Workflow"
                   currentVersionId="v4"
                   versions={mockVersions}

package/components/features/{AIDocEditor/AIDocEditor.behaviors.stories.tsx → TextEditor/TextEditor.behaviors.stories.tsx}

@@ -1,5 +1,5 @@
 /**
- * AIDocEditor Behavior Tests
+ * TextEditor Behavior Tests
  * 
  * Tests user interactions and state changes to prevent regressions.
  * These tests validate functionality, not visual appearance.
@@ -8,17 +8,17 @@
 import type { Meta, StoryObj } from '@storybook/react'
 import { expect, fn, userEvent, within, waitFor, screen } from '@storybook/test'
 import type { Annotation } from '@/types/ai-editor'
-import { AIDocEditor } from './AIDocEditor'
-import { currentUser, sampleAnnotations, sampleContent } from './AIDocEditor.mocks'
+import { TextEditor } from './TextEditor'
+import { currentUser, sampleAnnotations, sampleContent } from './TextEditor.mocks'
 
 const meta = {
-  title: 'Features/AIDocEditor/Behaviors',
-  component: AIDocEditor,
+  title: 'Features/TextEditor/Behaviors',
+  component: TextEditor,
   tags: ['test'],
   parameters: {
     layout: 'fullscreen',
   },
-} satisfies Meta<typeof AIDocEditor>
+} satisfies Meta<typeof TextEditor>
 
 export default meta
 type Story = StoryObj<typeof meta>

package/components/features/{AIDocEditor/AIDocEditor.mocks.ts → TextEditor/TextEditor.mocks.ts}

@@ -1,10 +1,10 @@
 /**
- * Mock data for AIDocEditor stories and tests
+ * Mock data for TextEditor stories and tests
  * 
  * This file contains reusable mock data that can be imported by:
- * - AIDocEditor.stories.tsx (regular stories)
- * - AIDocEditor.behaviors.stories.tsx (behavior tests)
- * - Any other test files that need AIDocEditor mock data
+ * - TextEditor.stories.tsx (regular stories)
+ * - TextEditor.behaviors.stories.tsx (behavior tests)
+ * - Any other test files that need TextEditor mock data
  */
 
 import type { JSONContent } from '@tiptap/core'

package/components/features/{AIDocEditor/AIDocEditor.stories.tsx → TextEditor/TextEditor.stories.tsx}

@@ -1,30 +1,30 @@
 /**
- * AIDocEditor Feature Stories
+ * TextEditor Feature Stories
  * 
- * Required story patterns for AIDocEditor feature:
+ * Required story patterns for TextEditor feature:
  * - Default: Static single-document mode (backward compatible)
  * - Empty: Empty state for multi-tab mode
  * - WithStateManagement: Interactive multi-tab with mock hook
  */
 
 import type { Meta, StoryObj } from '@storybook/react'
-import { AIDocEditor } from './AIDocEditor'
-import { useAIDocEditorMock } from './useAIDocEditor.mock'
+import { TextEditor } from './TextEditor'
+import { useTextEditorMock } from './useTextEditor.mock'
 import {
   sampleContent,
   currentUser,
   sampleAnnotations,
   sampleMultiTabDocuments,
-} from './AIDocEditor.mocks'
+} from './TextEditor.mocks'
 
 const meta = {
-  title: 'Features/AIDocEditor',
-  component: AIDocEditor,
+  title: 'Features/TextEditor',
+  component: TextEditor,
   parameters: {
     layout: 'fullscreen',
   },
   tags: ['autodocs'],
-} satisfies Meta<typeof AIDocEditor>
+} satisfies Meta<typeof TextEditor>
 
 export default meta
 type Story = StoryObj<typeof meta>
@@ -70,13 +70,13 @@ export const Empty: Story = {
  */
 export const WithStateManagement: Story = {
   render: () => {
-    const mockState = useAIDocEditorMock({
+    const mockState = useTextEditorMock({
       multiDoc: true,
       initialDocuments: sampleMultiTabDocuments,
     })
 
     return (
-      <AIDocEditor
+      <TextEditor
         documents={mockState.documents}
         activeDocumentId={mockState.activeDocumentId}
         fileTree={mockState.fileTree}

package/components/features/{AIDocEditor/AIDocEditor.tsx → TextEditor/TextEditor.tsx}

@@ -1,12 +1,12 @@
 /**
- * AIDocEditor Feature Component
+ * TextEditor Feature Component
  * 
  * Complete document editor with inline comment annotations.
  * Supports both single-document and multi-tab modes.
  * 
  * Single-document mode (backward compatible):
  * ```tsx
- * <AIDocEditor
+ * <TextEditor
  *   content={document}
  *   annotations={annotations}
  *   currentUser={user}
@@ -17,7 +17,7 @@
  * 
  * Multi-tab mode:
  * ```tsx
- * <AIDocEditor
+ * <TextEditor
  *   documents={[
  *     { file: { id: 'doc-1', name: 'File.md', isDirty: false, lastModified: now }, 
  *       content: '...',
@@ -50,9 +50,9 @@ interface DocumentWithAnnotations {
 }
 
 /**
- * Props for AIDocEditor feature component - Single document mode (backward compatible)
+ * Props for TextEditor feature component - Single document mode (backward compatible)
  */
-export interface AIDocEditorSingleProps {
+export interface TextEditorSingleProps {
   /** 
    * Document content - can be either:
    * - JSONContent: Tiptap's JSON format (default)
@@ -82,9 +82,9 @@ export interface AIDocEditorSingleProps {
 }
 
 /**
- * Props for AIDocEditor feature component - Multi-tab mode
+ * Props for TextEditor feature component - Multi-tab mode
  */
-export interface AIDocEditorMultiTabProps {
+export interface TextEditorMultiTabProps {
   /** Array of open documents with their content and annotations */
   documents: DocumentWithAnnotations[]
   /** ID of currently active document */
@@ -108,9 +108,9 @@ export interface AIDocEditorMultiTabProps {
 }
 
 /**
- * Props for AIDocEditor feature component
+ * Props for TextEditor feature component
  */
-export type AIDocEditorProps = (AIDocEditorSingleProps | AIDocEditorMultiTabProps) & {
+export type TextEditorProps = (TextEditorSingleProps | TextEditorMultiTabProps) & {
   /** Current user information */
   currentUser: User
   /** Editor mode: 'review' allows commenting, 'readonly' disables interactions */
@@ -136,7 +136,7 @@ export type AIDocEditorProps = (AIDocEditorSingleProps | AIDocEditorMultiTabProp
 /**
  * Determine if props are multi-tab mode
  */
-function isMultiTabMode(props: AIDocEditorProps): props is AIDocEditorMultiTabProps & {
+function isMultiTabMode(props: TextEditorProps): props is TextEditorMultiTabProps & {
   currentUser: User
   mode: 'review' | 'readonly'
 } {
@@ -152,7 +152,7 @@ function formatJson(text: string): string {
 }
 
 /**
- * AIDocEditor - Document editor with inline comment annotations
+ * TextEditor - Document editor with inline comment annotations
  * 
  * This feature component provides a complete document review experience with:
  * - Single-document or multi-tab display modes
@@ -166,7 +166,7 @@ function formatJson(text: string): string {
  * Note: The refinement panel (right sidebar with Accept All/Reject All) is a
  * separate component in the parent application, not part of this feature.
  */
-export const AIDocEditor = React.memo<AIDocEditorProps>(
+export const TextEditor = React.memo<TextEditorProps>(
   (props) => {
     const {
       mode = 'review',
@@ -214,7 +214,7 @@ export const AIDocEditor = React.memo<AIDocEditorProps>(
     const fileTreeNodes = useMemo(() => {
       if (!isMultiTab) return []
       
-      const multiProps = props as AIDocEditorMultiTabProps
+      const multiProps = props as TextEditorMultiTabProps
       if (multiProps.fileTree) {
         return multiProps.fileTree
       }
@@ -256,7 +256,7 @@ export const AIDocEditor = React.memo<AIDocEditorProps>(
         })
       })
       return rootNodes
-    }, [isMultiTab, (props as AIDocEditorMultiTabProps).documents, (props as AIDocEditorMultiTabProps).fileTree])
+    }, [isMultiTab, (props as TextEditorMultiTabProps).documents, (props as TextEditorMultiTabProps).fileTree])
 
     /**
      * Single-document mode
@@ -269,7 +269,7 @@ export const AIDocEditor = React.memo<AIDocEditorProps>(
           ? `\`\`\`json\n${formatJson(props.content as string)}\n\`\`\``
           : (props.content as string)
         return (
-          <div className={cn('ai-doc-editor p-6 flex flex-col h-screen w-full flex-1', className)}>
+          <div className={cn('text-editor p-6 flex flex-col h-screen w-full flex-1', className)}>
             <StreamingMarkdown mode="streaming">
               {content}
             </StreamingMarkdown>
@@ -277,7 +277,7 @@ export const AIDocEditor = React.memo<AIDocEditorProps>(
         )
       }
       return (
-        <div className={cn('ai-doc-editor flex flex-col h-screen w-full flex-1', className)}>
+        <div className={cn('text-editor flex flex-col h-screen w-full flex-1', className)}>
           <DocumentEditorWithComments
             content={props.content}
             format={props.format}
@@ -288,7 +288,7 @@ export const AIDocEditor = React.memo<AIDocEditorProps>(
             readOnly={mode === 'readonly'}
             onAnnotationAdd={handleAnnotationAdd}
             onAnnotationUpdate={handleAnnotationUpdate}
-            className={cn('ai-doc-editor p-6 h-full flex flex-col', className)}
+            className={cn('text-editor p-6 h-full flex flex-col', className)}
           />
         </div>
       )
@@ -297,13 +297,13 @@ export const AIDocEditor = React.memo<AIDocEditorProps>(
     /**
      * Multi-tab mode
      */
-    const { hideTabBar } = props as AIDocEditorMultiTabProps
+    const { hideTabBar } = props as TextEditorMultiTabProps
 
     let editorPane: React.ReactNode
 
     if (!currentDocument) {
       editorPane = (
-        <div className="ai-doc-editor flex flex-col h-full w-full">
+        <div className="text-editor flex flex-col h-full w-full">
           {!hideTabBar && (
             <DocumentTabBar
               className="w-full"
@@ -324,7 +324,7 @@ export const AIDocEditor = React.memo<AIDocEditorProps>(
       const renderAsStreamdown = isMarkdownMulti || isJsonMulti
 
       editorPane = (
-        <div className="ai-doc-editor flex flex-col h-full w-full">
+        <div className="text-editor flex flex-col h-full w-full">
           {!hideTabBar && (
             <DocumentTabBar
               className="w-full"
@@ -358,7 +358,7 @@ export const AIDocEditor = React.memo<AIDocEditorProps>(
                 readOnly={mode === 'readonly'}
                 onAnnotationAdd={handleAnnotationAdd}
                 onAnnotationUpdate={handleAnnotationUpdate}
-                className="ai-doc-editor p-6 min-h-full"
+                className="text-editor p-6 min-h-full"
               />
             )}
           </div>
@@ -400,4 +400,4 @@ export const AIDocEditor = React.memo<AIDocEditorProps>(
   }
 )
 
-AIDocEditor.displayName = 'AIDocEditor'
+TextEditor.displayName = 'TextEditor'

package/components/features/TextEditor/index.ts

@@ -0,0 +1,24 @@
+/**
+ * TextEditor Feature Component
+ * 
+ * Complete document editor with inline comment annotations
+ * Supports both single-document and multi-tab modes
+ */
+
+export { TextEditor } from './TextEditor'
+export type {
+  TextEditorProps,
+  TextEditorSingleProps,
+  TextEditorMultiTabProps,
+} from './TextEditor'
+
+export { useTextEditorMock, useAIMultiTabDocEditorMock } from './useTextEditor.mock'
+export type { UseTextEditorReturn, UseAIMultiTabDocEditorReturn } from './useTextEditor'
+
+export {
+  sampleContent,
+  currentUser,
+  sampleAnnotations,
+  sampleDocumentFiles,
+  sampleMultiTabDocuments,
+} from './TextEditor.mocks'

package/components/features/{AIDocEditor/useAIDocEditor.d.ts → TextEditor/useTextEditor.d.ts}

@@ -1,5 +1,5 @@
 /**
- * Hook contract for AIDocEditor feature
+ * Hook contract for TextEditor feature
  * 
  * This interface defines the contract for managing document annotations.
  * Applications should implement this hook to provide real data management,
@@ -8,7 +8,7 @@
  * @example
  * ```tsx
  * // Real implementation in application
- * export function useAIDocEditor(documentId: string): UseAIDocEditorReturn {
+ * export function useTextEditor(documentId: string): UseTextEditorReturn {
  *   const [annotations, setAnnotations] = useState<Annotation[]>([])
  *   const [loading, setLoading] = useState(false)
  * 
@@ -29,10 +29,10 @@
  * ```tsx
  * // Usage in component
  * const MyDocumentEditor = ({ documentId }) => {
- *   const { annotations, addAnnotation, updateAnnotation, loading } = useAIDocEditor(documentId)
+ *   const { annotations, addAnnotation, updateAnnotation, loading } = useTextEditor(documentId)
  * 
  *   return (
- *     <AIDocEditor
+ *     <TextEditor
  *       content={document}
  *       annotations={annotations}
  *       currentUser={user}
@@ -51,10 +51,10 @@ import type { FileTreeNode } from '@/components/composites/FileTreeExplorer'
 import type { JSONContent } from '@tiptap/core'
 
 /**
- * Return type for useAIDocEditor hook (single document)
+ * Return type for useTextEditor hook (single document)
  * @deprecated Use UseAIMultiTabDocEditorReturn for multi-tab support
  */
-export interface UseAIDocEditorReturn {
+export interface UseTextEditorReturn {
   /**
    * Array of annotations for the document
    */
@@ -168,7 +168,7 @@ export interface UseAIMultiTabDocEditorReturn {
  * @param documentId - ID of the document to manage annotations for
  * @returns Object containing annotations array and mutation methods
  */
-export function useAIDocEditor(documentId: string): UseAIDocEditorReturn
+export function useTextEditor(documentId: string): UseTextEditorReturn
 
 /**
  * Hook for managing multi-tab documents with annotations