@easyling/sanity-connector 0.0.1 → 0.0.2-rc.1

package/package.json

@@ -1,27 +1,28 @@
 {
   "name": "@easyling/sanity-connector",
-  "version": "0.0.1",
+  "version": "0.0.2-rc.1",
   "description": "A Sanity Studio plugin that enables document translation with support for single and bulk operations. Extracts document content as HTML and prepares translation requests for external services.",
   "main": "dist/index.js",
   "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "types": "dist-types/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist-types/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     }
   },
   "files": [
     "dist",
+    "dist-types",
     "README.md",
     "LICENSE"
   ],
   "scripts": {
     "build": "npm run clean && tsc",
-    "build:bundle": "npm run clean && webpack build && tsc --project tsconfig.bundle.json",
+    "build:bundle": "npm run clean && webpack build && tsc --project tsconfig.types.json",
     "build:watch": "tsc --watch",
-    "clean": "rimraf dist",
+    "clean": "rimraf dist dist-types",
     "dev": "npm run build:watch",
     "test": "jest",
     "test:watch": "jest --watch",
@@ -53,16 +54,16 @@
   },
   "homepage": "",
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "sanity": "^3.0.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "sanity": "^4.0.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@types/jest": "^29.0.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
     "eslint": "^8.0.0",
@@ -74,7 +75,12 @@
     "ts-loader": "^9.5.4",
     "typescript": "^5.0.0",
     "webpack": "^5.103.0",
-    "webpack-cli": "^6.0.1",
-    "@easyling/sanity": "^1.0.6"
+    "@easyling/sanity": "^1.0.6",
+    "webpack-cli": "^6.0.1"
+  },
+  "dependencies": {
+    "@sanity/icons": "^2.0.0",
+    "@sanity/ui": "^1.0.0",
+    "protobufjs": "^7.5.4"
   }
 }

package/dist/actions/bulkTranslate.d.ts

@@ -1,7 +0,0 @@
-import { Tool } from 'sanity';
-/**
- * Bulk Translation Tool Definition
- * Requirements: 2.1, 2.5, 4.1, 4.2
- */
-export declare const bulkTranslateTool: Tool;
-//# sourceMappingURL=bulkTranslate.d.ts.map

package/dist/actions/bulkTranslate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bulkTranslate.d.ts","sourceRoot":"","sources":["../../src/actions/bulkTranslate.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAA6B,MAAM,QAAQ,CAAC;AA8lCzD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,IAK/B,CAAC"}

package/dist/actions/bulkTranslate.js

@@ -1,543 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useEffect } from 'react';
-import { useClient } from 'sanity';
-import { TranslateIcon, CheckmarkIcon, CloseIcon, WarningOutlineIcon, RefreshIcon, ChevronDownIcon, ChevronRightIcon } from '@sanity/icons';
-import { Card, Stack, Text, Button, Flex, Box, Spinner, Badge, Checkbox } from '@sanity/ui';
-import { ContentExtractor } from '../services/contentExtractor';
-import { DocumentCreationService } from '../services/documentCreationService';
-import { LocaleService } from '../services/localeService';
-import { SanityLocaleStorageAdapter } from '../services/localeStorageAdapter';
-import { useDialogService } from '../services/dialogService';
-import { OAuthServiceManager } from '../services/oauthServiceManager';
-/**
- * Bulk Translation Tool Component
- * Requirements: 2.2, 2.4, 3.1, 3.4, 4.1, 4.3
- */
-const BulkTranslateTool = () => {
-    const client = useClient();
-    const dialogService = useDialogService();
-    const [state, setState] = useState({
-        isProcessing: false,
-        isLoadingDocuments: false,
-        selectedDocuments: [],
-        availableDocuments: {},
-        selectedTypes: new Set(),
-        selectedDocumentIds: new Set(),
-        expandedTypes: new Set(),
-        summary: null,
-        error: null,
-        processingStatus: [],
-        currentProcessingIndex: -1,
-        createDocuments: false,
-        documentCreationResult: null,
-        selectedLocales: null
-    });
-    /**
-     * Fetch all documents from Sanity, grouped by type and ordered by creation date
-     */
-    const fetchDocuments = useCallback(async () => {
-        setState(prev => ({ ...prev, isLoadingDocuments: true, error: null }));
-        try {
-            // Query all documents, excluding system documents, Sanity internal documents, and plugin internal types (EL_*)
-            const query = `*[!(_id in path("_.**")) && !(_type match "sanity.**") && !(_type match "EL_*")] | order(_createdAt desc) {
-        _id,
-        _type,
-        _createdAt,
-        _updatedAt,
-        _rev,
-        title,
-        name,
-        heading,
-        label,
-        ...
-      }`;
-            console.log('Fetching documents from Sanity...');
-            const documents = await client.fetch(query);
-            console.log(`Fetched ${documents.length} documents`);
-            // Group documents by type
-            const documentsByType = {};
-            documents.forEach(doc => {
-                if (!documentsByType[doc._type]) {
-                    documentsByType[doc._type] = [];
-                }
-                documentsByType[doc._type].push(doc);
-            });
-            // Log the grouping for debugging
-            Object.keys(documentsByType).forEach(type => {
-                console.log(`Type "${type}": ${documentsByType[type].length} documents`);
-            });
-            setState(prev => ({
-                ...prev,
-                availableDocuments: documentsByType,
-                isLoadingDocuments: false
-            }));
-        }
-        catch (error) {
-            console.error('Failed to fetch documents:', error);
-            setState(prev => ({
-                ...prev,
-                error: error instanceof Error ? error.message : 'Failed to fetch documents',
-                isLoadingDocuments: false
-            }));
-        }
-    }, [client]);
-    // Load documents on component mount
-    useEffect(() => {
-        fetchDocuments();
-    }, [fetchDocuments]);
-    /**
-     * Handle document type selection (select/deselect all documents of a type)
-     */
-    const handleTypeSelection = useCallback((type, selected) => {
-        setState(prev => {
-            const newSelectedTypes = new Set(prev.selectedTypes);
-            const newSelectedDocumentIds = new Set(prev.selectedDocumentIds);
-            if (selected) {
-                newSelectedTypes.add(type);
-                // Add all documents of this type to selected documents
-                if (prev.availableDocuments[type]) {
-                    prev.availableDocuments[type].forEach(doc => {
-                        newSelectedDocumentIds.add(doc._id);
-                    });
-                }
-            }
-            else {
-                newSelectedTypes.delete(type);
-                // Remove all documents of this type from selected documents
-                if (prev.availableDocuments[type]) {
-                    prev.availableDocuments[type].forEach(doc => {
-                        newSelectedDocumentIds.delete(doc._id);
-                    });
-                }
-            }
-            // Update selected documents array based on selected IDs
-            const newSelectedDocuments = Object.values(prev.availableDocuments)
-                .flat()
-                .filter(doc => newSelectedDocumentIds.has(doc._id));
-            // Create processing status for selected documents
-            const processingStatus = newSelectedDocuments.map(doc => ({
-                documentId: doc._id,
-                title: getDocumentTitle(doc),
-                status: 'pending'
-            }));
-            return {
-                ...prev,
-                selectedTypes: newSelectedTypes,
-                selectedDocumentIds: newSelectedDocumentIds,
-                selectedDocuments: newSelectedDocuments,
-                processingStatus,
-                summary: null,
-                error: null,
-                currentProcessingIndex: -1
-            };
-        });
-    }, []);
-    /**
-     * Handle individual document selection
-     */
-    const handleDocumentSelection = useCallback((document, selected) => {
-        setState(prev => {
-            const newSelectedDocumentIds = new Set(prev.selectedDocumentIds);
-            const newSelectedTypes = new Set(prev.selectedTypes);
-            if (selected) {
-                newSelectedDocumentIds.add(document._id);
-            }
-            else {
-                newSelectedDocumentIds.delete(document._id);
-                // If no documents of this type are selected, remove the type from selectedTypes
-                const typeDocuments = prev.availableDocuments[document._type] || [];
-                const hasOtherSelectedInType = typeDocuments.some(doc => doc._id !== document._id && newSelectedDocumentIds.has(doc._id));
-                if (!hasOtherSelectedInType) {
-                    newSelectedTypes.delete(document._type);
-                }
-            }
-            // Check if all documents of this type are now selected
-            const typeDocuments = prev.availableDocuments[document._type] || [];
-            const allTypeDocumentsSelected = typeDocuments.every(doc => newSelectedDocumentIds.has(doc._id));
-            if (allTypeDocumentsSelected && typeDocuments.length > 0) {
-                newSelectedTypes.add(document._type);
-            }
-            // Update selected documents array
-            const newSelectedDocuments = Object.values(prev.availableDocuments)
-                .flat()
-                .filter(doc => newSelectedDocumentIds.has(doc._id));
-            // Create processing status for selected documents
-            const processingStatus = newSelectedDocuments.map(doc => ({
-                documentId: doc._id,
-                title: getDocumentTitle(doc),
-                status: 'pending'
-            }));
-            return {
-                ...prev,
-                selectedTypes: newSelectedTypes,
-                selectedDocumentIds: newSelectedDocumentIds,
-                selectedDocuments: newSelectedDocuments,
-                processingStatus,
-                summary: null,
-                error: null,
-                currentProcessingIndex: -1
-            };
-        });
-    }, []);
-    /**
-     * Toggle expansion of document type to show individual documents
-     */
-    const handleTypeExpansion = useCallback((type) => {
-        setState(prev => {
-            const newExpandedTypes = new Set(prev.expandedTypes);
-            if (newExpandedTypes.has(type)) {
-                newExpandedTypes.delete(type);
-            }
-            else {
-                newExpandedTypes.add(type);
-            }
-            return {
-                ...prev,
-                expandedTypes: newExpandedTypes
-            };
-        });
-    }, []);
-    /**
-     * Select all documents of all types
-     */
-    const handleSelectAll = useCallback(() => {
-        const allTypes = Object.keys(state.availableDocuments);
-        const allDocuments = Object.values(state.availableDocuments).flat();
-        const allDocumentIds = new Set(allDocuments.map(doc => doc._id));
-        const processingStatus = allDocuments.map(doc => ({
-            documentId: doc._id,
-            title: getDocumentTitle(doc),
-            status: 'pending'
-        }));
-        setState(prev => ({
-            ...prev,
-            selectedTypes: new Set(allTypes),
-            selectedDocumentIds: allDocumentIds,
-            selectedDocuments: allDocuments,
-            processingStatus,
-            summary: null,
-            error: null,
-            currentProcessingIndex: -1,
-            documentCreationResult: null
-        }));
-    }, [state.availableDocuments]);
-    /**
-     * Clear all selections
-     */
-    const handleClearSelection = useCallback(() => {
-        setState(prev => ({
-            ...prev,
-            selectedTypes: new Set(),
-            selectedDocumentIds: new Set(),
-            selectedDocuments: [],
-            processingStatus: [],
-            summary: null,
-            error: null,
-            currentProcessingIndex: -1,
-            documentCreationResult: null
-        }));
-    }, []);
-    /**
-     * Get document title from various possible fields
-     */
-    const getDocumentTitle = (doc) => {
-        const titleFields = ['title', 'name', 'heading', 'label'];
-        for (const field of titleFields) {
-            if (doc[field] && typeof doc[field] === 'string') {
-                return doc[field];
-            }
-        }
-        return `${doc._type} (${doc._id})`;
-    };
-    const handleBulkTranslate = useCallback(async () => {
-        if (state.selectedDocuments.length === 0) {
-            await dialogService.showError({
-                title: 'No Documents Selected',
-                message: 'Please select at least one document to translate.',
-                error: new Error('No documents selected for translation')
-            });
-            return;
-        }
-        try {
-            // Get OAuth service manager and check authentication
-            // Requirements: 4.1, 4.2, 4.3, 10.5
-            const serviceManager = OAuthServiceManager.getInstance(client);
-            const authStateManager = serviceManager.getAuthStateManager();
-            const authState = authStateManager.getState();
-            // If OAuth is configured but not authenticated, prompt user to authenticate
-            if (serviceManager.isOAuthConfigured() && authState.state !== 'authenticated') {
-                await dialogService.showError({
-                    title: 'Authentication Required',
-                    message: 'You need to configure your Easyling credentials to use translation services.',
-                    error: new Error('Please go to the Easyling Configuration tool to enter your access token and project ID.')
-                });
-                return;
-            }
-            // Initialize locale service
-            const storageAdapter = new SanityLocaleStorageAdapter(client);
-            const localeService = new LocaleService(storageAdapter);
-            // Load locale configuration
-            await localeService.loadConfig();
-            const enabledLocales = localeService.getEnabledLocales();
-            // Check if locales are configured
-            if (enabledLocales.length === 0) {
-                await dialogService.showError({
-                    title: 'No Locales Configured',
-                    message: 'Please configure target locales before translating documents.',
-                    error: new Error('No translation locales have been configured. Please use the Locale Configuration tool to add target languages.')
-                });
-                return;
-            }
-            // Show locale selection dialog
-            const selectedLocalesResult = await dialogService.showLocaleSelection({
-                title: 'Select Target Locales',
-                message: `Choose the languages to translate ${state.selectedDocuments.length} document${state.selectedDocuments.length !== 1 ? 's' : ''} into:`,
-                availableLocales: enabledLocales,
-                selectedLocales: [],
-                selectedDocuments: state.selectedDocuments,
-                mode: 'bulk',
-                allowMultiple: true,
-                required: true,
-                showCreationModeOption: true,
-                defaultCreationMode: 'draft'
-            });
-            // User cancelled locale selection
-            if (!selectedLocalesResult || !selectedLocalesResult.locales || selectedLocalesResult.locales.length === 0) {
-                return;
-            }
-            const selectedLocales = selectedLocalesResult.locales;
-            const creationMode = selectedLocalesResult.creationMode || 'draft';
-            // Ask user if they want to create new documents
-            const shouldCreateDocuments = await dialogService.showConfirmation({
-                title: 'Confirm Bulk Translation',
-                message: `Translate ${state.selectedDocuments.length} document${state.selectedDocuments.length !== 1 ? 's' : ''} to ${selectedLocales.length} locale${selectedLocales.length !== 1 ? 's' : ''}?`,
-                details: `This will:\n• Send translation requests for all selected documents\n• Create new documents with translated content for successful translations\n• Preserve the original document structures\n\nTarget locales: ${selectedLocales.join(', ')}`,
-                confirmText: 'Translate & Create Documents',
-                cancelText: 'Cancel',
-                tone: 'primary'
-            });
-            // User cancelled confirmation
-            if (!shouldCreateDocuments) {
-                return;
-            }
-            setState(prev => ({
-                ...prev,
-                isProcessing: true,
-                error: null,
-                summary: null,
-                currentProcessingIndex: 0,
-                createDocuments: shouldCreateDocuments,
-                documentCreationResult: null,
-                selectedLocales
-            }));
-            // Initialize services
-            const contentExtractor = new ContentExtractor();
-            const translationService = serviceManager.getTranslationService();
-            const documentCreationService = new DocumentCreationService(client);
-            console.log(`Starting bulk translation for ${state.selectedDocuments.length} documents`);
-            // Extract content from all selected documents
-            const extractedContents = await contentExtractor.extractBulkStructuredContent(state.selectedDocuments);
-            // Filter out documents with no content and update status
-            const validContents = extractedContents.filter(content => {
-                const hasContent = content.htmlContent && content.htmlContent.trim().length > 0;
-                if (!hasContent) {
-                    // Update status for documents with no content
-                    setState(prev => ({
-                        ...prev,
-                        processingStatus: prev.processingStatus.map(status => status.documentId === content.documentId
-                            ? { ...status, status: 'failed', error: 'No translatable content found' }
-                            : status)
-                    }));
-                }
-                return hasContent;
-            });
-            if (validContents.length === 0) {
-                throw new Error('No translatable content found in selected documents');
-            }
-            console.log(`Processing ${validContents.length} documents with valid content`);
-            // Process documents one by one with progress updates
-            const summary = {
-                totalDocuments: state.selectedDocuments.length,
-                processedDocuments: 0,
-                failedDocuments: 0,
-                requests: [],
-                responses: []
-            };
-            for (let i = 0; i < validContents.length; i++) {
-                const content = validContents[i];
-                // Update current processing index and document status
-                setState(prev => ({
-                    ...prev,
-                    currentProcessingIndex: i,
-                    processingStatus: prev.processingStatus.map(status => status.documentId === content.documentId
-                        ? { ...status, status: 'processing' }
-                        : status)
-                }));
-                try {
-                    // Prepare and send translation request with selected locales
-                    const request = translationService.prepareTranslationRequest(content, undefined, // documentType - use default
-                    undefined, // sourceLanguage - use default
-                    undefined, // targetLanguage - not used for multi-locale
-                    selectedLocales // targetLocales array
-                    );
-                    const response = await translationService.sendTranslationRequest(request);
-                    // Update summary
-                    summary.requests.push(request);
-                    summary.responses.push(response);
-                    if (response.success) {
-                        summary.processedDocuments++;
-                        // Update document status to completed
-                        setState(prev => ({
-                            ...prev,
-                            processingStatus: prev.processingStatus.map(status => status.documentId === content.documentId
-                                ? { ...status, status: 'completed', response }
-                                : status)
-                        }));
-                    }
-                    else {
-                        summary.failedDocuments++;
-                        // Update document status to failed
-                        setState(prev => ({
-                            ...prev,
-                            processingStatus: prev.processingStatus.map(status => status.documentId === content.documentId
-                                ? { ...status, status: 'failed', error: response.error, response }
-                                : status)
-                        }));
-                    }
-                    // Add a small delay to make progress visible
-                    await new Promise(resolve => setTimeout(resolve, 500));
-                }
-                catch (error) {
-                    console.error(`Failed to process document ${content.documentId}:`, error);
-                    summary.failedDocuments++;
-                    const errorMessage = error instanceof Error ? error.message : 'Unknown error occurred';
-                    summary.responses.push({
-                        success: false,
-                        error: errorMessage
-                    });
-                    // Update document status to failed
-                    setState(prev => ({
-                        ...prev,
-                        processingStatus: prev.processingStatus.map(status => status.documentId === content.documentId
-                            ? { ...status, status: 'failed', error: errorMessage }
-                            : status)
-                    }));
-                }
-            }
-            // Create documents if user requested and we have successful translations
-            let documentCreationResult = null;
-            if (shouldCreateDocuments && summary.processedDocuments > 0) {
-                console.log('Creating new documents from successful translations...');
-                // Get successful translations and their corresponding original documents
-                const successfulResponses = summary.responses.filter(response => response.success);
-                const successfulDocuments = state.selectedDocuments.filter(doc => {
-                    const responseIndex = summary.responses.findIndex((_, index) => {
-                        const request = summary.requests[index];
-                        return request && request.documentId === doc._id;
-                    });
-                    return responseIndex >= 0 && summary.responses[responseIndex].success;
-                });
-                if (successfulDocuments.length > 0 && successfulResponses.length > 0) {
-                    documentCreationResult = await documentCreationService.createBulkDocumentsFromTranslations(successfulDocuments, successfulResponses, {
-                        targetLanguage: 'translated',
-                        createAsVariant: true,
-                        creationMode: creationMode
-                    });
-                    console.log('Document Creation Summary:', {
-                        totalDocuments: documentCreationResult.totalDocuments,
-                        successfulCreations: documentCreationResult.successfulCreations,
-                        failedCreations: documentCreationResult.failedCreations,
-                        errors: documentCreationResult.errors
-                    });
-                }
-            }
-            // Log bulk operation summary
-            console.log('Bulk Translation Summary:', {
-                timestamp: new Date().toISOString(),
-                totalDocuments: summary.totalDocuments,
-                processedDocuments: summary.processedDocuments,
-                failedDocuments: summary.failedDocuments,
-                successRate: summary.totalDocuments > 0
-                    ? ((summary.processedDocuments / summary.totalDocuments) * 100).toFixed(2) + '%'
-                    : '0%'
-            });
-            setState(prev => ({
-                ...prev,
-                summary,
-                documentCreationResult,
-                isProcessing: false,
-                currentProcessingIndex: -1
-            }));
-            console.log('Bulk translation completed:', summary);
-            // Show completion message to user
-            if (shouldCreateDocuments && documentCreationResult) {
-                dialogService.showSuccess({
-                    title: 'Bulk Translation Completed',
-                    message: `Successfully translated ${summary.processedDocuments} of ${summary.totalDocuments} documents to ${selectedLocales.length} locale${selectedLocales.length !== 1 ? 's' : ''}`,
-                    details: `Translations: ${summary.processedDocuments}/${summary.totalDocuments} successful\nDocuments created: ${documentCreationResult.successfulCreations}/${documentCreationResult.totalDocuments} successful\nTarget locales: ${selectedLocales.join(', ')}\n\nCheck the console for detailed results and new document structures.`
-                });
-            }
-            else {
-                dialogService.showSuccess({
-                    title: 'Bulk Translation Completed',
-                    message: `Successfully translated ${summary.processedDocuments} of ${summary.totalDocuments} documents`,
-                    details: `Translations: ${summary.processedDocuments}/${summary.totalDocuments} successful\nTarget locales: ${selectedLocales.join(', ')}\n\nTranslation responses have been logged to the console for verification.`
-                });
-            }
-        }
-        catch (error) {
-            console.error('Bulk translation failed:', error);
-            // Show error dialog
-            await dialogService.showError({
-                title: 'Bulk Translation Failed',
-                message: 'An error occurred during bulk translation.',
-                error: error instanceof Error ? error : new Error('An unexpected error occurred')
-            });
-            setState(prev => ({
-                ...prev,
-                error: error instanceof Error ? error.message : 'An unexpected error occurred',
-                isProcessing: false,
-                currentProcessingIndex: -1
-            }));
-        }
-    }, [state.selectedDocuments, client, dialogService]);
-    return (_jsx(Card, { padding: 4, children: _jsxs(Stack, { space: 4, children: [_jsx(Text, { size: 2, weight: "semibold", children: "Bulk Document Translation" }), _jsx(Text, { size: 1, muted: true, children: "Select multiple documents to translate them in batch. Translation requests will be logged to the console for verification." }), _jsx(Card, { padding: 3, border: true, children: _jsxs(Stack, { space: 3, children: [_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsx(Text, { size: 1, weight: "medium", children: "Document Selection" }), _jsxs(Flex, { gap: 2, children: [_jsx(Button, { text: "Refresh", icon: RefreshIcon, onClick: fetchDocuments, disabled: state.isLoadingDocuments, mode: "ghost", fontSize: 1 }), state.selectedDocuments.length > 0 && (_jsx(Button, { text: "Clear All", tone: "critical", mode: "ghost", onClick: handleClearSelection, fontSize: 1 }))] })] }), state.isLoadingDocuments ? (_jsxs(Flex, { align: "center", gap: 2, children: [_jsx(Spinner, { size: 1 }), _jsx(Text, { size: 1, muted: true, children: "Loading documents..." })] })) : Object.keys(state.availableDocuments).length === 0 ? (_jsx(Text, { size: 1, muted: true, children: "No documents found" })) : (_jsxs(Stack, { space: 3, children: [_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Text, { size: 1, children: ["Selected: ", state.selectedDocuments.length, " documents from ", state.selectedTypes.size, " types"] }), _jsx(Button, { text: "Select All Types", onClick: handleSelectAll, mode: "ghost", fontSize: 1 })] }), _jsxs(Stack, { space: 2, children: [_jsx(Text, { size: 1, weight: "medium", children: "Document Types" }), Object.entries(state.availableDocuments)
-                                                .sort(([a], [b]) => a.localeCompare(b))
-                                                .map(([type, documents]) => {
-                                                const isExpanded = state.expandedTypes.has(type);
-                                                const selectedInType = documents.filter(doc => state.selectedDocumentIds.has(doc._id)).length;
-                                                const isPartiallySelected = selectedInType > 0 && selectedInType < documents.length;
-                                                const isFullySelected = selectedInType === documents.length;
-                                                return (_jsx(Card, { padding: 2, border: true, children: _jsxs(Stack, { space: 2, children: [_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Flex, { align: "center", gap: 2, children: [_jsx(Checkbox, { checked: isFullySelected, indeterminate: isPartiallySelected, onChange: (event) => handleTypeSelection(type, event.currentTarget.checked) }), _jsx(Button, { icon: isExpanded ? ChevronDownIcon : ChevronRightIcon, mode: "ghost", onClick: () => handleTypeExpansion(type), style: { minWidth: 'auto', padding: '4px' } }), _jsxs(Box, { children: [_jsx(Text, { size: 1, weight: "medium", children: type }), _jsxs(Text, { size: 0, muted: true, children: [selectedInType, "/", documents.length, " selected \u2022 Latest: ", new Date(documents[0]._createdAt).toLocaleDateString()] })] })] }), _jsx(Badge, { tone: selectedInType > 0 ? "positive" : "primary", fontSize: 0, children: selectedInType > 0 ? `${selectedInType}/${documents.length}` : documents.length })] }), isExpanded && (_jsx(Box, { style: { marginLeft: '32px' }, children: _jsx(Stack, { space: 1, children: documents.map((doc) => (_jsx(Card, { padding: 2, tone: "transparent", border: true, children: _jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Flex, { align: "center", gap: 2, children: [_jsx(Checkbox, { checked: state.selectedDocumentIds.has(doc._id), onChange: (event) => handleDocumentSelection(doc, event.currentTarget.checked) }), _jsxs(Box, { children: [_jsx(Text, { size: 1, children: getDocumentTitle(doc) }), _jsxs(Text, { size: 0, muted: true, children: [doc._id, " \u2022 ", new Date(doc._createdAt).toLocaleDateString()] })] })] }), state.selectedDocumentIds.has(doc._id) && (_jsx(Badge, { tone: "positive", fontSize: 0, children: "Selected" }))] }) }, doc._id))) }) }))] }) }, type));
-                                            })] }), state.selectedDocuments.length > 0 && (_jsxs(Stack, { space: 2, children: [_jsxs(Text, { size: 1, weight: "medium", children: ["Selected Documents (", state.selectedDocuments.length, ")"] }), _jsx(Box, { style: { maxHeight: '200px', overflowY: 'auto' }, children: _jsxs(Stack, { space: 1, children: [state.selectedDocuments.slice(0, 10).map((doc) => (_jsx(Card, { padding: 2, tone: "primary", children: _jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { size: 1, weight: "medium", children: getDocumentTitle(doc) }), _jsxs(Text, { size: 0, muted: true, children: [doc._type, " \u2022 ", new Date(doc._createdAt).toLocaleDateString()] })] }), _jsx(Badge, { tone: "primary", fontSize: 0, children: doc._type })] }) }, doc._id))), state.selectedDocuments.length > 10 && (_jsxs(Text, { size: 0, muted: true, style: { textAlign: 'center', padding: '8px' }, children: ["... and ", state.selectedDocuments.length - 10, " more documents"] }))] }) })] }))] }))] }) }), state.selectedDocuments.length > 0 && (_jsx(Card, { padding: 3, border: true, children: _jsxs(Stack, { space: 3, children: [_jsx(Text, { size: 1, weight: "medium", children: "Translation Action" }), state.selectedLocales && state.selectedLocales.length > 0 && (_jsx(Card, { padding: 2, tone: "primary", children: _jsxs(Text, { size: 1, children: ["Target Locales: ", state.selectedLocales.join(', ')] }) })), _jsx(Button, { text: state.isProcessing ? 'Processing...' : `Translate ${state.selectedDocuments.length} Documents`, icon: state.isProcessing ? Spinner : TranslateIcon, onClick: handleBulkTranslate, tone: "primary", disabled: state.isProcessing })] }) })), state.isProcessing && state.processingStatus.length > 0 && (_jsx(Card, { padding: 3, border: true, children: _jsxs(Stack, { space: 3, children: [_jsx(Text, { size: 1, weight: "medium", children: "Translation Progress" }), _jsxs(Stack, { space: 2, children: [_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Text, { size: 1, children: ["Overall Progress: ", state.currentProcessingIndex + 1, " of ", state.selectedDocuments.length] }), _jsx(Text, { size: 1, muted: true, children: state.currentProcessingIndex >= 0
-                                                    ? `${Math.round(((state.currentProcessingIndex + 1) / state.selectedDocuments.length) * 100)}%`
-                                                    : '0%' })] }), _jsx(Box, { style: {
-                                            width: '100%',
-                                            height: '8px',
-                                            backgroundColor: '#e0e0e0',
-                                            borderRadius: '4px',
-                                            overflow: 'hidden'
-                                        }, children: _jsx(Box, { style: {
-                                                width: `${state.currentProcessingIndex >= 0
-                                                    ? ((state.currentProcessingIndex + 1) / state.selectedDocuments.length) * 100
-                                                    : 0}%`,
-                                                height: '100%',
-                                                backgroundColor: '#0066cc',
-                                                transition: 'width 0.3s ease'
-                                            } }) })] }), _jsxs(Stack, { space: 2, children: [_jsx(Text, { size: 1, weight: "medium", children: "Document Status" }), state.processingStatus.map((status) => (_jsx(Card, { padding: 2, border: true, children: _jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Box, { flex: 1, children: [_jsx(Text, { size: 1, weight: "medium", children: status.title }), _jsxs(Text, { size: 0, muted: true, children: ["ID: ", status.documentId] }), status.error && (_jsxs(Text, { size: 0, style: { color: 'red' }, children: ["Error: ", status.error] }))] }), _jsxs(Box, { children: [status.status === 'pending' && (_jsx(Badge, { tone: "default", fontSize: 0, children: "Pending" })), status.status === 'processing' && (_jsx(Badge, { tone: "primary", fontSize: 0, children: _jsxs(Flex, { align: "center", gap: 1, children: [_jsx(Spinner, { size: 0 }), "Processing"] }) })), status.status === 'completed' && (_jsx(Badge, { tone: "positive", fontSize: 0, children: _jsxs(Flex, { align: "center", gap: 1, children: [_jsx(CheckmarkIcon, {}), "Completed"] }) })), status.status === 'failed' && (_jsx(Badge, { tone: "critical", fontSize: 0, children: _jsxs(Flex, { align: "center", gap: 1, children: [_jsx(CloseIcon, {}), "Failed"] }) }))] })] }) }, status.documentId)))] })] }) })), state.error && (_jsx(Card, { padding: 3, tone: "critical", border: true, children: _jsxs(Text, { size: 1, weight: "medium", children: ["Error: ", state.error] }) })), state.summary && (_jsx(Card, { padding: 3, tone: state.summary.failedDocuments === 0 ? "positive" : "caution", border: true, children: _jsxs(Stack, { space: 3, children: [_jsxs(Flex, { align: "center", gap: 2, children: [state.summary.failedDocuments === 0 ? (_jsx(CheckmarkIcon, { style: { color: 'green' } })) : (_jsx(WarningOutlineIcon, { style: { color: 'orange' } })), _jsx(Text, { size: 1, weight: "medium", children: "Translation Summary" })] }), _jsxs(Stack, { space: 2, children: [_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsx(Text, { size: 1, children: "Total Documents:" }), _jsx(Badge, { tone: "primary", children: state.summary.totalDocuments })] }), _jsxs(Flex, { align: "center", justify: "space-between", children: [_jsx(Text, { size: 1, children: "Successfully Processed:" }), _jsx(Badge, { tone: "positive", children: state.summary.processedDocuments })] }), _jsxs(Flex, { align: "center", justify: "space-between", children: [_jsx(Text, { size: 1, children: "Failed:" }), _jsx(Badge, { tone: "critical", children: state.summary.failedDocuments })] }), _jsxs(Flex, { align: "center", justify: "space-between", children: [_jsx(Text, { size: 1, children: "Success Rate:" }), _jsx(Badge, { tone: state.summary.failedDocuments === 0 ? "positive" : "caution", children: state.summary.totalDocuments > 0
-                                                    ? `${((state.summary.processedDocuments / state.summary.totalDocuments) * 100).toFixed(1)}%`
-                                                    : '0%' })] })] }), state.processingStatus.length > 0 && (_jsxs(Stack, { space: 2, children: [_jsx(Text, { size: 1, weight: "medium", children: "Detailed Results" }), state.processingStatus.map((status) => (_jsx(Card, { padding: 2, border: true, children: _jsxs(Flex, { align: "center", justify: "space-between", children: [_jsxs(Box, { flex: 1, children: [_jsx(Text, { size: 1, weight: "medium", children: status.title }), _jsxs(Text, { size: 0, muted: true, children: ["ID: ", status.documentId] }), status.error && (_jsxs(Text, { size: 0, style: { color: 'red' }, children: ["Error: ", status.error] }))] }), _jsxs(Box, { children: [status.status === 'pending' && (_jsx(Badge, { tone: "default", fontSize: 0, children: "Pending" })), status.status === 'processing' && (_jsx(Badge, { tone: "primary", fontSize: 0, children: _jsxs(Flex, { align: "center", gap: 1, children: [_jsx(Spinner, { size: 0 }), "Processing"] }) })), status.status === 'completed' && (_jsx(Badge, { tone: "positive", fontSize: 0, children: _jsxs(Flex, { align: "center", gap: 1, children: [_jsx(CheckmarkIcon, {}), "Completed"] }) })), status.status === 'failed' && (_jsx(Badge, { tone: "critical", fontSize: 0, children: _jsxs(Flex, { align: "center", gap: 1, children: [_jsx(CloseIcon, {}), "Failed"] }) }))] })] }) }, status.documentId)))] }))] }) })), state.documentCreationResult && (_jsx(Card, { padding: 3, tone: state.documentCreationResult.failedCreations === 0 ? "positive" : "caution", border: true, children: _jsxs(Stack, { space: 3, children: [_jsxs(Flex, { align: "center", gap: 2, children: [state.documentCreationResult.failedCreations === 0 ? (_jsx(CheckmarkIcon, { style: { color: 'green' } })) : (_jsx(WarningOutlineIcon, { style: { color: 'orange' } })), _jsx(Text, { size: 1, weight: "medium", children: "Document Creation Summary" })] }), _jsxs(Stack, { space: 2, children: [_jsxs(Flex, { align: "center", justify: "space-between", children: [_jsx(Text, { size: 1, children: "Documents to Create:" }), _jsx(Badge, { tone: "primary", children: state.documentCreationResult.totalDocuments })] }), _jsxs(Flex, { align: "center", justify: "space-between", children: [_jsx(Text, { size: 1, children: "Successfully Created:" }), _jsx(Badge, { tone: "positive", children: state.documentCreationResult.successfulCreations })] }), _jsxs(Flex, { align: "center", justify: "space-between", children: [_jsx(Text, { size: 1, children: "Failed to Create:" }), _jsx(Badge, { tone: "critical", children: state.documentCreationResult.failedCreations })] }), _jsxs(Flex, { align: "center", justify: "space-between", children: [_jsx(Text, { size: 1, children: "Creation Success Rate:" }), _jsx(Badge, { tone: state.documentCreationResult.failedCreations === 0 ? "positive" : "caution", children: state.documentCreationResult.totalDocuments > 0
-                                                    ? `${((state.documentCreationResult.successfulCreations / state.documentCreationResult.totalDocuments) * 100).toFixed(1)}%`
-                                                    : '0%' })] })] }), state.documentCreationResult.errors.length > 0 && (_jsxs(Stack, { space: 2, children: [_jsx(Text, { size: 1, weight: "medium", children: "Creation Errors" }), _jsx(Box, { style: { maxHeight: '150px', overflowY: 'auto' }, children: _jsx(Stack, { space: 1, children: state.documentCreationResult.errors.map((error, index) => (_jsx(Card, { padding: 2, tone: "critical", children: _jsx(Text, { size: 0, style: { color: 'red' }, children: error }) }, index))) }) })] }))] }) }))] }) }));
-};
-/**
- * Bulk Translation Tool Definition
- * Requirements: 2.1, 2.5, 4.1, 4.2
- */
-export const bulkTranslateTool = {
-    name: 'bulk-translate',
-    title: 'Bulk Translate',
-    icon: TranslateIcon,
-    component: BulkTranslateTool
-};
-//# sourceMappingURL=bulkTranslate.js.map