@l10nmonster/server 3.0.0-alpha.11 → 3.0.0-alpha.13

package/CLAUDE.md

@@ -206,6 +206,7 @@ borderColor="border.default"  // Default border color
 - **Before using any component**, check the official Chakra UI v3 documentation
 - **Never assume** v2 patterns will work in v3
 - Use the MCP Context7 tool to get up-to-date documentation
+- **Use the Chakra UI MCP server** - This project has access to specialized Chakra UI MCP tools for getting component examples, props, themes, and migration guidance
 
 ### 2. Common Pitfalls to Avoid
 - Don't use `isChecked`, use `checked`
@@ -279,6 +280,14 @@ import { Checkbox } from '@chakra-ui/react'
 - [Chakra UI v3 Migration Guide](https://v3.chakra-ui.com/docs/migration)
 - [Chakra UI v3 Components](https://v3.chakra-ui.com/docs/components)
 - Use MCP Context7 tool with library ID `/llmstxt/chakra-ui-llms-full.txt` for latest docs
+- **Chakra UI MCP Server Tools:**
+  - `mcp__chakra-ui__get_component_props` - Get component properties and configuration options
+  - `mcp__chakra-ui__get_component_example` - Get practical implementation examples with code snippets
+  - `mcp__chakra-ui__list_components` - List all available Chakra UI components
+  - `mcp__chakra-ui__get_theme` - Retrieve theme specification (colors, fonts, textStyles)
+  - `mcp__chakra-ui__customize_theme` - Setup custom theme tokens
+  - `mcp__chakra-ui__v2_to_v3_code_review` - Get migration guidance for specific v2→v3 scenarios
+  - `mcp__chakra-ui__installation` - Get setup instructions for different frameworks
 
 ## Data Fetching Architecture
 
@@ -334,7 +343,6 @@ Use consistent query keys that include all relevant parameters:
 // ✅ Good query keys - include all parameters that affect the data
 queryKey: ['status']
 queryKey: ['tmStats'] 
-queryKey: ['activeContentStats']
 queryKey: ['info']
 queryKey: ['tmSearch', sourceLang, targetLang, filters]
 
@@ -605,11 +613,11 @@ Routes are organized by functionality in separate files under `/server/routes/`:
 ```
 /server/routes/
 ├── info.js          # System information endpoints
-├── status.js        # Project status endpoints  
-├── sources.js       # Content source endpoints
+├── status.js        # Project status endpoints
+├── sources.js       # Source content (channels, projects, resources)
 ├── tm.js           # Translation memory endpoints
 ├── providers.js     # Translation provider endpoints
-└── dispatcher.js    # Job creation endpoints
+└── dispatcher.js    # Job creation and management
 ```
 
 ### Available Endpoints
@@ -620,23 +628,40 @@ Routes are organized by functionality in separate files under `/server/routes/`:
   - `providers`: Array of available provider IDs
   - `config`: System configuration
 
-#### Project Status  
+#### Project Status
 - **GET `/api/status`** - Returns project status and statistics
 
-#### Content Sources
-- **GET `/api/activeContentStats`** - Returns statistics about active content sources grouped by channel
+#### Source Content
+- **GET `/api/channel/:channelId`** - Returns channel metadata and active content statistics
+  - **Response:** `{ ts: number, store: string, projects: [...] }`
+- **GET `/api/channel/:channelId/:prj`** - Returns project table of contents
+  - **Query Parameters:** `offset`, `limit` (pagination)
+  - **Response:** Array of resource handles for the project
+- **GET `/api/resource/:channelId?rid=<resourceId>`** - Returns resource details with segments
+  - **Query Parameters:** `rid` (required) - Resource ID
+  - **Response:** Resource handle with segments array
 
 #### Translation Memory
-- **GET `/api/tm/stats`** - Returns translation memory statistics for all language pairs
-- **GET `/api/tm/search`** - Search translation memory entries
+- **GET `/api/tm/stats`** - Returns available language pairs (sorted array)
+- **GET `/api/tm/stats/:sourceLang/:targetLang`** - Returns TM statistics for specific language pair
+  - **Response:** Statistics object with counts, quality distribution, etc.
+- **GET `/api/tm/lowCardinalityColumns/:sourceLang/:targetLang`** - Returns available filter options
+  - **Response:** `{ channel: [...], translationProvider: [...], ... }`
+- **GET `/api/tm/search`** - Search translation memory entries with advanced filtering
   - **Query Parameters:**
     - `sourceLang`, `targetLang` (required)
-    - `page`, `limit` (pagination)
-    - `guid`, `jobGuid`, `rid`, `sid` (filtering)
-    - `nsrc`, `ntgt` (source/target text filtering)
+    - `page`, `limit` (pagination, default: page=1, limit=100)
+    - `guid`, `nid`, `jobGuid`, `rid`, `sid`, `channel` (exact or partial match)
+    - `nsrc`, `ntgt`, `notes`, `tconf` (text search - supports quoted exact match)
     - `q` (quality score filtering)
     - `translationProvider` (provider filtering)
+    - `onlyTNotes` (boolean: "1" to show only TUs with translator notes)
+    - `minTS`, `maxTS` (timestamp range filtering - milliseconds since epoch)
+  - **Text Search:** Use quotes for exact match (e.g., `nsrc="hello world"`), otherwise partial match
+  - **Date Range Filtering:** Filter by timestamp range using minTS and maxTS (milliseconds). UI displays clickable date range (M/D format without leading zeros, uses current year). Click to open popover with From/To date pickers and Apply/Clear buttons.
   - **Response:** `{ data: [...], page: number, limit: number }`
+- **GET `/api/tm/job/:jobGuid`** - Returns job details by GUID
+  - **Response:** Job object with metadata, TUs, timestamps, etc.
 
 #### Translation Providers
 - **GET `/api/providers`** - Returns detailed provider information (slower)
@@ -731,10 +756,53 @@ The job management system follows a two-step process:
    - Actually initiates the translation process
    - Returns status information for tracking job progress
 
+## Production Build Configuration
+
+The Vite build is configured with a hybrid chunking strategy for optimal performance:
+
+```javascript
+// vite.config.js
+build: {
+  rollupOptions: {
+    output: {
+      manualChunks: (id) => {
+        // All node_modules in one vendor bundle
+        if (id.includes('node_modules')) {
+          return 'vendor';
+        }
+        // Bundle utility files with index instead of creating tiny chunks
+        if (id.includes('/utils/') || id.includes('/src/components/')) {
+          return 'index';
+        }
+        // Pages remain separate for lazy loading
+      }
+    }
+  }
+}
+```
+
+**Build Output:**
+- **1 vendor bundle** (~725 KB / 210 KB gzipped) - All dependencies (React, Chakra UI, React Router, etc.)
+- **1 index bundle** (~28 KB) - App core, utilities, and shared components
+- **~11 page chunks** (1-17 KB each) - Individual pages for code splitting
+
+**Benefits:**
+- ✅ Vendor bundle rarely changes (excellent for caching)
+- ✅ Pages lazy load independently for faster initial render
+- ✅ Shared components bundled efficiently
+- ✅ Fewer files than default Vite chunking (~16 vs ~40)
+
+**Commands:**
+```bash
+npm run build    # Build production bundle
+npm run preview  # Preview production build locally
+```
+
 ## Remember
 
 **When in doubt:**
 1. **Check React Query docs** for data fetching patterns
 2. **Check Chakra UI v3 docs** for component usage
 3. **Use pure React Router** for navigation
-4. **Never guess based on v2 Chakra UI knowledge**
+4. **Never guess based on v2 Chakra UI knowledge**
+5. **Use Chakra UI MCP tools** for accurate component examples and props

package/index.js

@@ -1,3 +1,20 @@
+// Global unhandled promise rejection handler for server
+process.on('unhandledRejection', (reason, promise) => {
+    console.error('🚨 Unhandled Promise Rejection in L10n Monster Server:');
+    console.error('Promise:', promise);
+    console.error('Reason:', reason);
+    if (reason instanceof Error && reason.stack) {
+        console.error('Stack trace:', reason.stack);
+    }
+    // In server context, log but don't exit immediately to allow graceful handling
+    console.error('This should be investigated and fixed!');
+});
+
+// Global uncaught exception handler
+process.on('uncaughtException', (error) => {
+    console.error('🚨 Uncaught Exception in L10n Monster Server:', error);
+});
+
 import express from 'express';
 import cors from 'cors';
 import path from 'path';
@@ -6,7 +23,7 @@ import os from 'os';
 import { readFileSync } from 'fs';
 import { setupInfoRoute } from './routes/info.js';
 import { setupStatusRoute } from './routes/status.js';
-import { setupActiveContentStatsRoute } from './routes/sources.js';
+import { setupChannelRoutes } from './routes/sources.js';
 import { setupTmRoutes } from './routes/tm.js';
 import { setupProviderRoute } from './routes/providers.js';
 import { setupDispatcherRoutes } from './routes/dispatcher.js';
@@ -39,7 +56,7 @@ export default class serve {
         // Setup routes from separate files
         setupInfoRoute(apiRouter, mm, serverPackage);
         setupStatusRoute(apiRouter, mm);
-        setupActiveContentStatsRoute(apiRouter, mm);
+        setupChannelRoutes(apiRouter, mm);
         setupTmRoutes(apiRouter, mm);
         setupProviderRoute(apiRouter, mm);
         setupDispatcherRoutes(apiRouter, mm);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@l10nmonster/server",
-    "version": "3.0.0-alpha.11",
+    "version": "3.0.0-alpha.13",
     "description": "L10n Monster Manager",
     "type": "module",
     "main": "index.js",

package/routes/dispatcher.js

@@ -28,14 +28,24 @@ export function setupDispatcherRoutes(router, mm) {
                 });
             }
             
-            logVerbose`Creating jobs for ${tus.length} TUs with providers: ${providerList.join(', ')}`;
-            
+            logVerbose`Fetching content of ${tus.length} TUs`;
+            const tm = mm.tmm.getTM(sourceLang, targetLang);
+            const guidsByChannel = {};
+            for (const tu of tus) {
+                const channel = tu.channel ?? '';
+                guidsByChannel[channel] ??= new Set();
+                guidsByChannel[channel].add(tu.guid);
+            }
+            const expandedTus = [];
+            for (const [ channel, tus ] of Object.entries(guidsByChannel)) {
+                const tusForChannel = await tm.queryByGuids(Array.from(tus), channel.length > 0 ? channel : undefined);
+                expandedTus.push(tusForChannel);
+            }
             // Call the MonsterManager dispatcher
-            const result = await mm.dispatcher.createJobs({ sourceLang, targetLang, tus }, { providerList, skipQualityCheck: true, skipGroupCheck: true });
-            
-            logVerbose`Created ${result?.length || 0} jobs successfully`;
-            res.json(result);
+            const jobs = await mm.dispatcher.createJobs({ sourceLang, targetLang, tus: expandedTus.flat(1) }, { providerList, skipQualityCheck: true, skipGroupCheck: true });
             
+            logVerbose`Created ${jobs?.length || 0} jobs successfully`;
+            res.json(jobs);
         } catch (error) {
             logInfo`Error creating jobs: ${error.message}`;
             res.status(500).json({
@@ -63,7 +73,7 @@ export function setupDispatcherRoutes(router, mm) {
             // Call the MonsterManager dispatcher
             const result = await mm.dispatcher.startJobs(jobs, { instructions });
             
-            logVerbose`Started jobs, returned ${result?.length || 0} job statuses`;
+            logVerbose`Started ${result?.length || 0} jobs`;
             res.json(result);
             
         } catch (error) {

package/routes/info.js

@@ -4,21 +4,22 @@ import path from 'path';
 export function setupInfoRoute(router, mm, serverPackage) {
     router.get('/info', async (req, res) => {
         logInfo`/info`;
-        res.json({
-            version: serverPackage.version,
-            description: serverPackage.description,
-            baseDir: path.resolve(getBaseDir()),
-            providers: mm.dispatcher.providers.map(p => p.id),
-            channels: Object.keys(mm.rm.channels),
-            tmStores: mm.getTmStoreIds().map(id => {
-                const tmStore = mm.getTmStore(id);
-                return {
-                    id: tmStore.id,
-                    type: tmStore.constructor.name,
-                    access: tmStore.access,
-                    partitioning: tmStore.partitioning,
-                };
-            }),
-        });
+        try {
+            res.json({
+                version: serverPackage.version,
+                description: serverPackage.description,
+                baseDir: path.resolve(getBaseDir()),
+                providers: mm.dispatcher.providers.map(p => ({id: p.id, type: p.constructor.name})),
+                channels: mm.rm.channelIds.map(id => mm.rm.getChannel(id).getInfo()),
+                tmStores: mm.tmm.tmStoreIds.map(id => mm.tmm.getTmStoreInfo(id)),
+                snapStores: mm.rm.snapStoreIds.map(id => mm.rm.getSnapStoreInfo(id)),
+            });
+        } catch (error) {
+            logInfo`Error in /info: ${error.message}`;
+            res.status(500).json({
+                error: 'Failed to get system info',
+                message: error.message
+            });
+        }
     });
 }

package/routes/providers.js

@@ -1,16 +1,14 @@
 import { logInfo, logVerbose } from '@l10nmonster/core';
 
 export function setupProviderRoute(apiRouter, mm) {
-  apiRouter.get('/providers', async (req, res) => {
-    logInfo`/providers`;
+  apiRouter.get('/providers/:providerId', async (req, res) => {
+    const { providerId } = req.params;
+    logInfo`/providers/${providerId}`;
     try {
-      const providers = {};
-      for (const provider of mm.dispatcher.providers) {
-        const { id, ...info } = await provider.info();
-        providers[id] = { properties: provider, info };
-      }
-      logVerbose`Returned provider info for ${Object.keys(providers).length} providers`;
-      res.json(providers);
+      const provider = mm.dispatcher.getProvider(providerId);
+      const { id, ...info } = await provider.info();
+      logVerbose`Returned provider info for ${id}`;
+      res.json({ properties: provider, info });
     } catch (error) {
       console.error('Error fetching provider data:', error);
       res.status(500).json({ error: 'Failed to fetch provider data' });

package/routes/sources.js

@@ -1,14 +1,52 @@
 import { logInfo, logVerbose } from '@l10nmonster/core';
 
-export function setupActiveContentStatsRoute(router, mm) {
-    router.get('/activeContentStats', async (req, res) => {
-        logInfo`/activeContentStats`;
-        const sources = {};
-        for (const channelId of Object.keys(mm.rm.channels)) {
-            const channelStats = await mm.rm.getActiveContentStats(channelId);
-            sources[channelId] = channelStats;
+export function setupChannelRoutes(router, mm) {
+    router.get('/channel/:channelId', async (req, res) => {
+        const { channelId } = req.params;
+        logInfo`/channel/${channelId}`;
+        try {
+            const { ts, store } = await mm.rm.getChannelMeta(channelId);
+            const projects = await mm.rm.getActiveContentStats(channelId);
+            logVerbose`Returned active content stats for ${projects.length} projects`;
+            res.json({ ts, store, projects });
+        } catch (error) {
+            logInfo`Error in /channel/${channelId}: ${error.message}`;
+            res.status(500).json({
+                error: 'Failed to get channel data',
+                message: error.message
+            });
+        }
+    });
+    router.get('/channel/:channelId/:prj', async (req, res) => {
+        const { channelId, prj } = req.params;
+        const { offset, limit } = req.query;
+        logInfo`/channel/${channelId}/${prj} (offset=${offset}, limit=${limit})`;
+        try {
+            const projectTOC = await mm.rm.getProjectTOC(channelId, prj, offset, limit);
+            logVerbose`Returned project TOC for ${prj} with ${projectTOC.length} resources`;
+            res.json(projectTOC);
+        } catch (error) {
+            logInfo`Error in /channel/${channelId}/${prj}: ${error.message}`;
+            res.status(500).json({
+                error: 'Failed to get project TOC',
+                message: error.message
+            });
+        }
+    });
+    router.get('/resource/:channelId', async (req, res) => {
+        const { channelId } = req.params;
+        const { rid } = req.query;
+        logInfo`/resource/${channelId}/${rid}`;
+        try {
+            const resource = await mm.rm.getResourceHandle(channelId, rid, { keepRaw: true });
+            logVerbose`Returned resource ${rid} with ${resource.segments.length} segments`;
+            res.json(resource);
+        } catch (error) {
+            logInfo`Error in /resource/${channelId}/${rid}: ${error.message}`;
+            res.status(500).json({
+                error: 'Failed to get resource',
+                message: error.message
+            });
         }
-        logVerbose`Returned active content stats for ${Object.keys(sources).length} channels`;
-        res.json(sources);
     });
 } 

package/routes/status.js

@@ -1,30 +1,31 @@
 import { logInfo, logVerbose } from '@l10nmonster/core';
 
 export function setupStatusRoute(router, mm) {
-    router.get('/status', async (req, res) => {
-        logInfo`/status`;
+    router.get('/status/:channelId', async (req, res) => {
+        const { channelId } = req.params;
+        logInfo`/status/${channelId}`;
         try {
-            const status = await mm.getTranslationStatus();
-            // source_lang -> target_lang -> channel -> project -> data
+            const status = await mm.getTranslationStatus(channelId);
+            // channel -> source_lang -> target_lang -> project -> data
             logVerbose`Returned translation status`;
-            res.json(status);
+            res.json(status[channelId]);
         } catch (error) {
             console.error('Error fetching status: ', error);
             res.status(500).json({ message: 'Problems fetching status data' });
         }
     });
 
-    router.get('/status/:sourceLang/:targetLang', async (req, res) => {
-        const { sourceLang, targetLang } = req.params;
-        logInfo`/status/${sourceLang}/${targetLang}`;
+    router.get('/status/:channelId/:sourceLang/:targetLang', async (req, res) => {
+        const { channelId, sourceLang, targetLang } = req.params;
+        logInfo`/status/${channelId}/${sourceLang}/${targetLang}`;
         try {
             const tm = mm.tmm.getTM(sourceLang, targetLang);
-            const tus = tm.getUntranslatedContent();
-            logVerbose`Returned ${tus.length} untranslated TUs for ${sourceLang}->${targetLang}`;
+            const tus = await tm.getUntranslatedContent(channelId, 500);
+            logVerbose`Returned ${tus.length} untranslated TUs for ${sourceLang}->${targetLang} in channel ${channelId}`;
             res.json(tus);
         } catch (error) {
             logInfo`Error: ${error.message}`;
             res.status(500).json({ error: error.message });
         }
     });
-} 
+}

package/routes/tm.js

@@ -1,39 +1,101 @@
 import { logInfo, logVerbose } from '@l10nmonster/core';
 
+// Helper function to process search terms - handles exact vs partial matching
+function processSearchTerm(term) {
+    if (!term) return undefined;
+    
+    // Check if term is surrounded by double quotes
+    if (term.startsWith('"') && term.endsWith('"') && term.length >= 2) {
+        // Extract the content inside quotes for exact match
+        return term.slice(1, -1);
+    }
+    
+    // Default partial match behavior
+    return `%${term}%`;
+}
+
 export function setupTmRoutes(router, mm) {
     router.get('/tm/stats', async (req, res) => {
         logInfo`/tm/stats`;
-        const tmInfo = {};
-        const availableLangPairs = (await mm.tmm.getAvailableLangPairs()).sort();
-        for (const [sourceLang, targetLang] of availableLangPairs) {
-            const tm = mm.tmm.getTM(sourceLang, targetLang);
-            tmInfo[sourceLang] ??= {};
-            tmInfo[sourceLang][targetLang] = tm.getStats();
+        try {
+            const availableLangPairs = (await mm.tmm.getAvailableLangPairs()).sort();
+            logVerbose`Returned ${availableLangPairs.length} language pairs`;
+            res.json(availableLangPairs);
+        } catch (error) {
+            logInfo`Error in /tm/stats: ${error.message}`;
+            res.status(500).json({
+                error: 'Failed to get TM stats',
+                message: error.message
+            });
         }
-        logVerbose`Returned TM stats for ${Object.keys(tmInfo).length} lang pairs`;
-        res.json(tmInfo);
     });
 
+    router.get('/tm/stats/:sourceLang/:targetLang', async (req, res) => {
+        logInfo`/tm/stats/${req.params.sourceLang}/${req.params.targetLang}`;
+        try {
+            const tm = mm.tmm.getTM(req.params.sourceLang, req.params.targetLang);
+            const stats = await tm.getStats();
+            logVerbose`Returned TM stats for ${req.params.sourceLang}->${req.params.targetLang}`;
+            res.json(stats);
+        } catch (error) {
+            logInfo`Error in /tm/stats/${req.params.sourceLang}/${req.params.targetLang}: ${error.message}`;
+            res.status(500).json({
+                error: 'Failed to get TM stats for language pair',
+                message: error.message
+            });
+        }
+    });
+
+    router.get('/tm/lowCardinalityColumns/:sourceLang/:targetLang', async (req, res) => {
+        const { sourceLang, targetLang } = req.params;
+        logInfo`/tm/lowCardinalityColumns/${sourceLang}/${targetLang}`;
+        try {
+            const tm = mm.tmm.getTM(sourceLang, targetLang);
+            const data = await tm.getLowCardinalityColumns();
+            logVerbose`Returned TM low cardinality columns for ${sourceLang}->${targetLang}`;
+            res.json({ channel: mm.rm.channelIds, ...data });
+        } catch (error) {
+            logInfo`Error in /tm/lowCardinalityColumns/${sourceLang}/${targetLang}: ${error.message}`;
+            res.status(500).json({
+                error: 'Failed to get low cardinality columns',
+                message: error.message
+            });
+        }
+    });
     router.get('/tm/search', async (req, res) => {
         logInfo`/tm/search`;
-        const { sourceLang, targetLang, page, limit, guid, jobGuid, rid, sid, nsrc, ntgt, notes, q, translationProvider } = req.query;
-        const tm = mm.tmm.getTM(sourceLang, targetLang);
-        const limitInt = limit ? parseInt(limit, 10) : 100;
-        const pageInt = page ? parseInt(page, 10) : 1;
-        const offset = (pageInt - 1) * limitInt;
-        const data = tm.search(offset, limitInt, {
-            guid: guid && `%${guid}%`,
-            jobGuid: jobGuid && `%${jobGuid}%`,
-            rid: rid && `%${rid}%`,
-            sid: sid && `%${sid}%`,
-            nsrc: nsrc && `%${nsrc}%`,
-            ntgt: ntgt && `%${ntgt}%`,
-            notes: notes && `%${notes}%`,
-            q,
-            translationProvider: translationProvider && `%${translationProvider}%`,
-        });
-        logVerbose`Returned TM search results for ${data.length} entries`;
-        res.json({ data, page: pageInt, limit: limitInt });
+        try {
+            const { sourceLang, targetLang, page, limit, guid, nid, jobGuid, rid, sid, channel, nsrc, ntgt, notes, tconf, q, translationProvider, onlyTNotes, minTS, maxTS } = req.query;
+            const tm = mm.tmm.getTM(sourceLang, targetLang);
+            const limitInt = limit ? parseInt(limit, 10) : 100;
+            const pageInt = page ? parseInt(page, 10) : 1;
+            const offset = (pageInt - 1) * limitInt;
+            const data = await tm.search(offset, limitInt, {
+                guid: processSearchTerm(guid),
+                nid: processSearchTerm(nid),
+                jobGuid: processSearchTerm(jobGuid),
+                rid: processSearchTerm(rid),
+                sid: processSearchTerm(sid),
+                channel: processSearchTerm(channel),
+                nsrc: processSearchTerm(nsrc),
+                ntgt: processSearchTerm(ntgt),
+                notes: processSearchTerm(notes),
+                tconf: processSearchTerm(tconf),
+                q,
+                minTS,
+                maxTS,
+                translationProvider: processSearchTerm(translationProvider),
+                onlyTNotes: onlyTNotes === '1',
+            });
+            logVerbose`Returned TM search results for ${data.length} entries`;
+            res.json({ data, page: pageInt, limit: limitInt });
+        } catch (error) {
+            logInfo`Error in /tm/search: ${error.message}`;
+            res.status(500).json({
+                error: 'Failed to search translation memory',
+                message: error.message
+            });
+        }
     });
 
     router.get('/tm/job/:jobGuid', async (req, res) => {
@@ -68,4 +130,5 @@ export function setupTmRoutes(router, mm) {
             });
         }
     });
+
 }

package/ui/dist/assets/Cart-B_Zkvuz_.js

@@ -0,0 +1 @@
+import{r as o,j as e,B as c,T as a,V as h,F as C,v as b}from"./vendor-BVSmEsOp.js";import{g as S}from"./index-Dl1WS_Lc.js";const T=()=>{const[i,p]=o.useState({}),[x,l]=o.useState(!0),d=()=>{try{const t=sessionStorage.getItem("tmCart");return t?JSON.parse(t):{}}catch(t){return console.error("Error loading cart:",t),{}}},u=t=>{sessionStorage.setItem("tmCart",JSON.stringify(t)),window.dispatchEvent(new Event("cartUpdated"))},n=()=>{l(!0);const t=d();p(t),l(!1)},f=(t,r)=>{const s=d();s[t]&&(Array.isArray(s[t])?(s[t].splice(r,1),s[t].length===0&&delete s[t]):(s[t].tus.splice(r,1),s[t].tus.length===0&&delete s[t]),u(s),n())},j=()=>{u({}),n()},m=()=>Object.values(i).reduce((t,r)=>Array.isArray(r)?t+r.length:t+(r.tus?r.tus.length:0),0);if(o.useEffect(()=>{n()},[]),x)return e.jsx(c,{py:6,px:6,children:e.jsx(a,{children:"Loading cart..."})});const g=m();return e.jsx(c,{py:6,px:6,children:e.jsxs(h,{gap:6,align:"stretch",children:[e.jsxs(C,{align:"center",justify:"space-between",children:[e.jsx(a,{fontSize:"2xl",fontWeight:"bold",children:"Translation Memory Cart"}),g>0&&e.jsx(b,{colorPalette:"red",variant:"outline",onClick:j,children:"Empty Cart"})]}),g===0?e.jsxs(c,{p:8,textAlign:"center",borderWidth:"1px",borderRadius:"lg",bg:"bg.muted",children:[e.jsx(a,{fontSize:"lg",color:"fg.default",mb:2,children:"Your cart is empty"}),e.jsx(a,{color:"fg.muted",children:"Add translation units from the TM pages to get started"})]}):e.jsx(h,{gap:6,align:"stretch",children:Object.entries(i).map(([t,r])=>e.jsx(S,{langPairKey:t,tus:r,onRemoveTU:f},t))})]})})};export{T as default};

package/ui/dist/assets/Job-B2D10u5q.js

@@ -0,0 +1 @@
+import{a8 as C,r as F,i as R,j as e,B as n,S as L,T as r,A as T,V as x,F as c,$ as w,g as f,v as D,a6 as N,a7 as U}from"./vendor-BVSmEsOp.js";import{f as B}from"./index-Dl1WS_Lc.js";function W(i){return i.map(a=>typeof a=="string"?a:`{{${a.t}}}`).join("")}function u(i){return new Date(i).toLocaleString("en-US",{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"})}function J(i){return i===0?"Free":i==null?"Unknown":`$${i.toFixed(2)}`}function G(i){if(!i)return null;const a=/(https:\/\/[^\s]+)/g;return i.split(a).map((s,j)=>s.match(a)?e.jsx(r,{as:"a",href:s,target:"_blank",rel:"noopener noreferrer",color:"blue.600",textDecoration:"underline",_hover:{color:"blue.800"},children:s},j):s)}const $=()=>{const{jobGuid:i}=C(),[a,p]=F.useState({}),{data:s,isLoading:j,error:S}=R({queryKey:["job",i],queryFn:()=>B(`/api/tm/job/${i}`),retry:(t,o)=>o?.status===404?!1:t<3});if(j)return e.jsx(n,{display:"flex",justifyContent:"center",mt:10,children:e.jsx(L,{size:"xl"})});if(S)return e.jsx(n,{mt:5,px:6,children:e.jsxs(n,{p:4,bg:"red.subtle",borderRadius:"md",borderWidth:"1px",borderColor:"red.muted",children:[e.jsx(r,{fontWeight:"bold",color:"red.600",mb:2,children:"Error"}),e.jsx(r,{color:"red.600",children:S?.message||"Failed to fetch job data"})]})});if(!s)return e.jsx(n,{mt:5,px:6,children:e.jsx(T,{status:"warning",children:e.jsxs(n,{children:[e.jsx(r,{fontWeight:"bold",children:"Job Not Found"}),e.jsxs(r,{children:["Job with GUID ",i," was not found."]})]})})});const P=t=>{switch(t?.toLowerCase()){case"done":case"completed":return"green";case"failed":case"error":return"red";case"in-progress":case"running":return"orange";default:return"gray"}},A=(t,o)=>{const h=new Set(["jobGuid","guid","rid","sid","nsrc","ntgt","notes","q","prj"]),b=Object.entries(t).filter(([l])=>!h.has(l)),y=t.guid||o,m=a[y]||!1;return e.jsx(n,{p:4,borderWidth:"1px",borderRadius:"lg",bg:"white",shadow:"sm",mb:4,children:e.jsxs(x,{gap:3,align:"stretch",children:[e.jsx(c,{justify:"space-between",align:"start",wrap:"wrap",children:e.jsxs(x,{gap:1,align:"stretch",children:[e.jsxs(c,{align:"center",gap:2,children:[e.jsx(r,{fontSize:"xs",fontWeight:"bold",color:"fg.muted",children:"GUID:"}),e.jsx(r,{fontSize:"xs",fontFamily:"mono",color:"blue.600",wordBreak:"break-all",children:t.guid})]}),t.rid&&e.jsxs(c,{align:"center",gap:2,children:[e.jsx(r,{fontSize:"xs",fontWeight:"bold",color:"fg.muted",children:"RID:"}),e.jsx(r,{fontSize:"xs",fontFamily:"mono",color:"blue.600",wordBreak:"break-all",children:t.rid})]}),t.sid&&e.jsxs(c,{align:"center",gap:2,children:[e.jsx(r,{fontSize:"xs",fontWeight:"bold",color:"fg.muted",children:"SID:"}),e.jsx(r,{fontSize:"xs",fontFamily:"mono",color:"blue.600",children:t.sid})]})]})}),e.jsxs(n,{children:[e.jsx(r,{fontSize:"xs",fontWeight:"bold",color:"fg.muted",children:"Source:"}),e.jsx(r,{fontSize:"sm",p:2,bg:"blue.subtle",borderRadius:"md",dir:s.sourceLang?.startsWith("he")||s.sourceLang?.startsWith("ar")?"rtl":"ltr",children:Array.isArray(t.nsrc)?W(t.nsrc):t.nsrc})]}),e.jsxs(n,{children:[e.jsx(r,{fontSize:"xs",fontWeight:"bold",color:"fg.muted",children:"Target:"}),e.jsx(r,{fontSize:"sm",p:2,bg:"green.subtle",borderRadius:"md",dir:s.targetLang?.startsWith("he")||s.targetLang?.startsWith("ar")?"rtl":"ltr",children:Array.isArray(t.ntgt)?W(t.ntgt):t.ntgt})]}),t.notes&&e.jsxs(n,{children:[e.jsx(r,{fontSize:"xs",fontWeight:"bold",color:"fg.muted",children:"Notes:"}),e.jsxs(n,{p:2,bg:"yellow.subtle",borderRadius:"md",children:[t.notes.desc&&e.jsx(r,{fontSize:"xs",mb:2,whiteSpace:"pre-wrap",children:t.notes.desc}),t.notes.ph&&e.jsxs(n,{children:[e.jsx(r,{fontSize:"xs",fontWeight:"bold",mb:1,children:"Placeholders:"}),Object.entries(t.notes.ph).map(([l,d])=>e.jsxs(n,{mb:1,children:[e.jsx(r,{fontSize:"xs",fontFamily:"mono",color:"blue.600",children:l}),e.jsxs(r,{fontSize:"xs",color:"gray.600",children:[d.desc," (e.g., ",d.sample,")"]})]},l))]})]})]}),b.length>0&&e.jsxs(n,{children:[e.jsxs(c,{align:"center",justify:"space-between",mb:2,children:[e.jsx(D,{size:"xs",variant:"ghost",onClick:()=>p(l=>({...l,[y]:!m})),p:1,children:e.jsx(r,{fontSize:"xs",color:"blue.600",children:m?"Hide additional properties":`Show ${b.length} additional properties`})}),e.jsxs(w,{gap:2,children:[t.prj&&e.jsx(f,{size:"sm",colorPalette:"purple",children:t.prj}),t.q&&e.jsxs(f,{size:"sm",colorPalette:"blue",children:["Q: ",t.q]})]})]}),e.jsx(N,{open:m,children:e.jsx(U,{children:e.jsx(n,{p:3,bg:"gray.subtle",borderRadius:"md",children:b.map(([l,d])=>{let g=d;return l==="ts"&&typeof d=="number"?g=u(d):typeof d=="object"?g=JSON.stringify(d,null,2):g=String(d),e.jsxs(c,{align:"start",mb:2,gap:2,children:[e.jsxs(r,{fontSize:"xs",fontWeight:"bold",color:"gray.600",minW:"fit-content",children:[l,":"]}),e.jsx(r,{fontSize:"xs",fontFamily:"mono",color:"blue.600",flex:"1",wordBreak:"break-all",children:g})]},l)})})})})]})]})},t.guid||o)},k=new Set(["jobGuid","sourceLang","targetLang","translationProvider","updatedAt","taskName","inflight","status","statusDescription","tus","estimatedCost"]),z=Object.entries(s).filter(([t])=>!k.has(t));return e.jsxs(n,{p:6,minH:"100vh",bg:"gray.50",children:[e.jsxs(r,{fontSize:"3xl",fontWeight:"bold",mb:6,color:"fg.default",children:["Job ",s.jobGuid]}),e.jsxs(x,{gap:6,align:"stretch",maxW:"6xl",mx:"auto",children:[e.jsx(n,{p:6,bg:"white",borderRadius:"lg",shadow:"sm",children:e.jsxs(x,{gap:4,align:"stretch",children:[e.jsxs(c,{justify:"space-between",align:"center",wrap:"wrap",children:[e.jsxs(w,{gap:6,wrap:"wrap",align:"center",children:[e.jsxs(n,{children:[e.jsx(r,{fontSize:"sm",fontWeight:"bold",color:"fg.muted",children:"Language Pair:"}),e.jsxs(r,{fontSize:"sm",children:[s.sourceLang," → ",s.targetLang]})]}),e.jsxs(n,{children:[e.jsx(r,{fontSize:"sm",fontWeight:"bold",color:"fg.muted",children:"Provider:"}),e.jsx(r,{fontSize:"sm",children:s.translationProvider})]}),s.updatedAt&&e.jsxs(n,{children:[e.jsx(r,{fontSize:"sm",fontWeight:"bold",color:"fg.muted",children:"Updated:"}),e.jsx(r,{fontSize:"sm",children:u(new Date(s.updatedAt).getTime())})]}),s.taskName&&e.jsxs(n,{children:[e.jsx(r,{fontSize:"sm",fontWeight:"bold",color:"fg.muted",children:"Task:"}),e.jsx(r,{fontSize:"sm",children:s.taskName})]}),s.estimatedCost!==void 0&&e.jsxs(n,{children:[e.jsx(r,{fontSize:"sm",fontWeight:"bold",color:"fg.muted",children:"Estimated Cost:"}),e.jsx(r,{fontSize:"sm",children:J(s.estimatedCost)})]}),s.inflight?.length>0&&e.jsxs(f,{colorPalette:"orange",size:"sm",children:[s.inflight.length," TUs In Flight"]})]}),e.jsxs(n,{textAlign:"right",children:[e.jsx(f,{size:"lg",colorPalette:P(s.status),children:s.status?.toUpperCase()}),s.statusDescription&&e.jsx(r,{fontSize:"xs",color:"fg.muted",mt:1,children:G(s.statusDescription)})]})]}),z.length>0&&e.jsxs(n,{mt:4,pt:4,borderTop:"1px",borderColor:"border.default",children:[e.jsx(r,{fontSize:"sm",fontWeight:"bold",color:"fg.muted",mb:3,children:"Additional Properties"}),e.jsx(n,{bg:"gray.subtle",p:3,borderRadius:"md",children:z.map(([t,o])=>{let h=o;return t==="ts"&&typeof o=="number"?h=u(o):typeof o=="object"?h=JSON.stringify(o,null,2):h=String(o),e.jsxs(c,{align:"start",mb:2,gap:2,children:[e.jsxs(r,{fontSize:"xs",fontWeight:"bold",color:"gray.600",minW:"fit-content",children:[t,":"]}),e.jsx(r,{fontSize:"xs",fontFamily:"mono",color:"blue.600",flex:"1",wordBreak:"break-all",children:h})]},t)})})]})]})}),s.inflight?.length>0&&e.jsxs(n,{p:4,bg:"orange.subtle",borderRadius:"lg",borderWidth:"1px",borderColor:"orange.muted",children:[e.jsx(r,{fontSize:"sm",fontWeight:"bold",color:"orange.700",mb:2,children:"Translation In Progress"}),e.jsxs(r,{fontSize:"sm",color:"orange.600",children:[s.inflight.length," translation unit",s.inflight.length===1?"":"s"," ",s.inflight.length===1?"is":"are"," still being translated."]})]}),e.jsxs(n,{children:[e.jsxs(r,{fontSize:"xl",fontWeight:"bold",mb:4,children:["Translation Units (",s.tus?.length||0,")"]}),s.tus?.length>0?s.tus.map((t,o)=>A(t,o)):e.jsx(n,{p:6,bg:"white",borderRadius:"lg",textAlign:"center",children:e.jsx(r,{color:"fg.muted",children:"No translation units found."})})]})]})]})};export{$ as default};

package/ui/dist/assets/Providers-UAlXnJQI.js

@@ -0,0 +1 @@
+import{a0 as m,r as l,i as P,Y as y,j as r,B as t,S as g,A as S,T as p,F as b}from"./vendor-BVSmEsOp.js";import{d as E,e as F,f as w}from"./index-Dl1WS_Lc.js";const q=()=>{const[x,d]=m(),[o,a]=l.useState(()=>x.get("provider")||null),{data:f={},isLoading:h,error:n}=P({queryKey:["info"],queryFn:()=>w("/api/info")}),c=f.providers||[],i=l.useMemo(()=>c.slice().sort((e,s)=>{const v=typeof e=="object"&&e?.id?e.id:e,j=typeof s=="object"&&s?.id?s.id:s;return v.localeCompare(j)}),[c]);y.useEffect(()=>{if(i.length>0&&!o){const e=i[0],s=typeof e=="object"&&e?.id?e.id:e;a(s),d({provider:s},{replace:!0})}},[i,o,d]);const u=e=>{a(e),d({provider:e})};return h?r.jsx(t,{display:"flex",justifyContent:"center",mt:10,children:r.jsx(g,{size:"xl"})}):n?r.jsx(t,{mt:5,px:6,children:r.jsx(S,{status:"error",children:r.jsxs(t,{children:[r.jsx(p,{fontWeight:"bold",children:"Error"}),r.jsx(p,{children:n?.message||"Failed to fetch provider data"})]})})}):r.jsx(t,{py:6,px:6,children:r.jsx(t,{borderWidth:"1px",borderRadius:"lg",bg:"white",shadow:"sm",overflow:"hidden",minH:"70vh",children:r.jsxs(b,{children:[r.jsx(E,{providers:i,selectedProvider:o,onProviderSelect:u}),r.jsx(F,{providerId:o})]})})})};export{q as default};

package/ui/dist/assets/Sources-DcwZBkaA.js

@@ -0,0 +1 @@
+import{i as m,j as e,B as t,S as g,A as y,T as n,V as C,r as x,I as E,a6 as w,a7 as z,G as W}from"./vendor-BVSmEsOp.js";import{S as D,f as b}from"./index-Dl1WS_Lc.js";const L=({channelId:a})=>{const[d,f]=x.useState(!1),[i,h]=x.useState(!0),c=x.useRef(null);x.useEffect(()=>{const s=new IntersectionObserver(l=>{l.forEach(j=>{j.isIntersecting&&(f(!0),s.disconnect())})},{rootMargin:"200px",threshold:0});return c.current&&s.observe(c.current),()=>s.disconnect()},[]);const{data:r,isLoading:p,error:u}=m({queryKey:["channel",a],queryFn:()=>b(`/api/channel/${a}`),enabled:d}),o=r?.projects||[];return r?.ts,r?.store,e.jsxs(t,{ref:c,p:6,borderWidth:"2px",borderRadius:"lg",bg:"white",borderColor:"green.200",minW:"600px",maxW:"1200px",w:"100%",children:[e.jsxs(t,{display:"flex",alignItems:"center",gap:3,flexWrap:"wrap",mb:6,pb:4,borderBottom:"2px",borderColor:"green.100",children:[e.jsx(E,{"aria-label":i?"Collapse channel":"Expand channel",onClick:()=>h(!i),variant:"ghost",size:"sm",children:i?"▼":"▶"}),e.jsxs(t,{children:[e.jsx(n,{fontSize:"sm",color:"fg.muted",mb:1,children:"Channel"}),e.jsx(n,{fontSize:"lg",fontWeight:"bold",color:"green.600",children:a})]}),r&&e.jsx(t,{flex:"1",textAlign:"right",children:(()=>{const s=r?.ts,l=r?.store;if(!s)return e.jsx(n,{fontSize:"sm",color:"fg.muted",children:"Never snapped"});const S=new Date(s).toLocaleDateString("en-US",{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"});return e.jsxs(e.Fragment,{children:[e.jsxs(n,{fontSize:"sm",color:"fg.muted",children:["Snapped on ",S]}),l&&e.jsxs(n,{fontSize:"sm",color:"fg.muted",children:["Imported from snap store"," ",e.jsx(n,{as:"span",fontWeight:"bold",color:"blue.600",children:l})]})]})})()}),p&&e.jsx(g,{size:"md"})]}),e.jsx(w,{open:i,children:e.jsx(z,{children:u?e.jsx(y,{status:"error",children:e.jsxs(t,{children:[e.jsxs(n,{fontWeight:"bold",children:["Error loading channel ",a]}),e.jsx(n,{children:u.message||"Unknown error"})]})}):p?e.jsx(t,{display:"flex",justifyContent:"center",py:8,children:e.jsx(n,{color:"fg.muted",children:"Loading channel data..."})}):o&&o.length>0?e.jsx(W,{templateColumns:{base:"1fr",lg:"repeat(auto-fit, minmax(600px, 1fr))"},gap:4,justifyItems:"center",children:o.sort((s,l)=>new Date(l.lastModified)-new Date(s.lastModified)).map((s,l)=>e.jsx(D,{item:s,channelId:a},l))}):o&&o.length===0?e.jsx(t,{display:"flex",justifyContent:"center",py:8,children:e.jsx(n,{color:"fg.muted",children:"This channel has no projects"})}):d?e.jsx(t,{display:"flex",justifyContent:"center",py:8,children:e.jsx(n,{color:"fg.muted",children:"No content available for this channel"})}):e.jsx(t,{display:"flex",justifyContent:"center",py:8,children:e.jsx(n,{color:"fg.muted",children:"Scroll down to load content..."})})})}),!i&&o&&o.length>0&&e.jsx(t,{display:"flex",justifyContent:"center",py:4,children:e.jsxs(n,{fontSize:"sm",color:"gray.600",fontStyle:"italic",children:[o.length," project",o.length!==1?"s":""," (collapsed)"]})})]})},I=()=>{const{data:a,isLoading:d,error:f}=m({queryKey:["info"],queryFn:()=>b("/api/info")}),i=a?.channels?.map(r=>r.id)||[],h=d,c=f;return h?e.jsx(t,{display:"flex",justifyContent:"center",mt:10,children:e.jsx(g,{size:"xl"})}):c?e.jsx(t,{mt:5,px:6,children:e.jsx(y,{status:"error",children:e.jsxs(t,{children:[e.jsx(n,{fontWeight:"bold",children:"Error"}),e.jsx(n,{children:c})]})})}):e.jsx(t,{py:6,px:6,children:e.jsxs(C,{gap:6,align:"center",children:[i.map(r=>e.jsx(L,{channelId:r},r)),i.length===0&&!h&&e.jsx(n,{mt:4,color:"fg.muted",children:"No channels found."})]})})};export{I as default};

package/ui/dist/assets/SourcesDetail-11v96V44.js

@@ -0,0 +1 @@
+import{a8 as C,u as w,r as b,ad as B,j as e,B as r,S as g,A as z,T as n,L as v,h as M,g as D,F as E}from"./vendor-BVSmEsOp.js";import{a as I,f as L}from"./index-Dl1WS_Lc.js";const k=()=>{const{channelId:l,prj:f}=C(),p=w(),h=b.useRef(null),{data:j,isLoading:S,error:m,fetchNextPage:u,hasNextPage:d,isFetchingNextPage:x}=B({queryKey:["projectTOC",l,f],queryFn:async({pageParam:t=0})=>{const c=await L(`/api/channel/${l}/${f}?offset=${t}&limit=100`);return{data:c,offset:t,limit:100,hasMore:c.length===100}},getNextPageParam:t=>t.hasMore?t.offset+t.limit:void 0,staleTime:3e4}),a=j?.pages.flatMap(t=>t.data)||[];b.useEffect(()=>{if(!d||x)return;const t=new IntersectionObserver(s=>{s[0].isIntersecting&&u()},{rootMargin:"100px",threshold:0});return h.current&&t.observe(h.current),()=>t.disconnect()},[d,x,u]);const A=t=>new Date(t).toLocaleString("en-US",{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit"}),y=t=>{const s=new Date,c=new Date(t),o=Math.floor((s-c)/1e3),i=new Intl.RelativeTimeFormat("en",{numeric:"auto",style:"short"});return o<60?i.format(-o,"second"):o<3600?i.format(-Math.floor(o/60),"minute"):o<86400?i.format(-Math.floor(o/3600),"hour"):o<2592e3?i.format(-Math.floor(o/86400),"day"):o<31536e3?i.format(-Math.floor(o/2592e3),"month"):i.format(-Math.floor(o/31536e3),"year")};return S?e.jsx(r,{display:"flex",justifyContent:"center",mt:10,children:e.jsx(g,{size:"xl"})}):m?e.jsx(r,{mt:5,px:6,children:e.jsx(z,{status:"error",children:e.jsxs(r,{children:[e.jsx(n,{fontWeight:"bold",children:"Error"}),e.jsx(n,{children:m?.message||"Failed to fetch project data"})]})})}):e.jsxs(r,{py:6,px:6,children:[e.jsx(I,{channelId:l,project:f,onBackClick:()=>p("/sources"),backLabel:"Back to sources"}),a.length===0?e.jsx(r,{p:8,borderWidth:"1px",borderRadius:"md",bg:"white",textAlign:"center",children:e.jsx(n,{color:"fg.muted",children:"No resources found for this project."})}):e.jsxs(r,{bg:"white",borderRadius:"lg",shadow:"sm",overflow:"auto",maxH:"78vh",children:[e.jsxs(r,{as:"table",w:"100%",fontSize:"sm",children:[e.jsx(r,{as:"thead",bg:"blue.subtle",borderBottom:"2px",borderColor:"blue.muted",position:"sticky",top:0,zIndex:1,children:e.jsxs(r,{as:"tr",children:[e.jsx(r,{as:"th",p:4,textAlign:"left",borderBottom:"1px",borderColor:"border.default",children:e.jsx(n,{fontSize:"sm",fontWeight:"bold",color:"blue.600",children:"RESOURCE ID"})}),e.jsx(r,{as:"th",p:4,textAlign:"left",borderBottom:"1px",borderColor:"border.default",children:e.jsx(n,{fontSize:"sm",fontWeight:"bold",color:"blue.600",children:"SOURCE LANGUAGE"})}),e.jsx(r,{as:"th",p:4,textAlign:"center",borderBottom:"1px",borderColor:"border.default",children:e.jsx(n,{fontSize:"sm",fontWeight:"bold",color:"blue.600",children:"SEGMENTS"})}),e.jsx(r,{as:"th",p:4,textAlign:"center",borderBottom:"1px",borderColor:"border.default",children:e.jsx(n,{fontSize:"sm",fontWeight:"bold",color:"blue.600",children:"LAST MODIFIED"})})]})}),e.jsx(r,{as:"tbody",children:a.sort((t,s)=>new Date(s.modifiedAt)-new Date(t.modifiedAt)).map((t,s)=>e.jsxs(r,{as:"tr",_hover:{bg:"gray.subtle"},children:[e.jsx(r,{as:"td",p:4,borderBottom:"1px",borderColor:"border.subtle",children:e.jsx(v,{as:M,to:`/sources/${l}?rid=${encodeURIComponent(t.rid)}`,fontSize:"sm",fontFamily:"mono",color:"blue.600",wordBreak:"break-all",_hover:{textDecoration:"underline"},children:t.rid})}),e.jsx(r,{as:"td",p:4,borderBottom:"1px",borderColor:"border.subtle",children:e.jsx(D,{colorPalette:"purple",size:"sm",children:t.sourceLang})}),e.jsx(r,{as:"td",p:4,borderBottom:"1px",borderColor:"border.subtle",textAlign:"center",children:e.jsx(n,{fontSize:"sm",fontWeight:"semibold",color:"orange.600",children:t.segmentCount.toLocaleString()})}),e.jsx(r,{as:"td",p:4,borderBottom:"1px",borderColor:"border.subtle",textAlign:"center",children:e.jsx(n,{fontSize:"sm",color:"fg.muted",title:A(t.modifiedAt),children:y(t.modifiedAt)})})]},`${t.rid}-${s}`))})]}),d&&e.jsx(r,{ref:h,p:4,textAlign:"center",children:x&&e.jsxs(E,{justify:"center",align:"center",gap:2,children:[e.jsx(g,{size:"sm"}),e.jsx(n,{fontSize:"sm",color:"fg.muted",children:"Loading more resources..."})]})}),!d&&a.length>0&&e.jsx(r,{p:4,textAlign:"center",children:e.jsxs(n,{fontSize:"sm",color:"fg.muted",children:["All ",a.length," resources loaded"]})})]})]})};export{k as default};