@semiont/react-ui 0.5.23 → 0.5.25

package/src/features/moderate-recent/components/RecentDocumentsPage.tsx

@@ -15,7 +15,6 @@ export interface RecentDocumentsPageProps {
 
   // UI state
   theme: 'light' | 'dark' | 'system';
-  showLineNumbers: boolean;
   activePanel: string | null;
 
   // Translations
@@ -37,7 +36,6 @@ export interface RecentDocumentsPageProps {
 export function RecentDocumentsPage({
   isLoading,
   theme,
-  showLineNumbers,
   activePanel,
   translations: t,
   ToolbarPanels,
@@ -95,7 +93,6 @@ export function RecentDocumentsPage({
         <ToolbarPanels
           activePanel={activePanel}
           theme={theme}
-          showLineNumbers={showLineNumbers}
         />
 
         <Toolbar

package/src/features/moderate-tag-schemas/__tests__/TagSchemasPage.test.tsx

@@ -61,7 +61,6 @@ const createMockProps = (overrides?: Partial<TagSchemasPageProps>): TagSchemasPa
   schemas: mockSchemas,
   isLoading: false,
   theme: 'light',
-  showLineNumbers: false,
   activePanel: null,
   translations: {
     pageTitle: 'Tag Schemas',
@@ -276,13 +275,13 @@ describe('TagSchemasPage', () => {
       );
     });
 
-    it('passes showLineNumbers to toolbar panels', () => {
+    it('does not thread showLineNumbers to toolbar panels — the setting is context-backed', () => {
       const ToolbarPanels = vi.fn(() => <div data-testid="toolbar-panels" />);
-      const props = createMockProps({ showLineNumbers: true, ToolbarPanels });
+      const props = createMockProps({ToolbarPanels });
       render(<TagSchemasPage {...props} />);
 
       expect(ToolbarPanels).toHaveBeenCalledWith(
-        expect.objectContaining({ showLineNumbers: true }),
+        expect.not.objectContaining({ showLineNumbers: expect.anything() }),
         undefined,
       );
     });
@@ -420,7 +419,6 @@ describe('TagSchemasPage', () => {
     it('handles all props being defined', () => {
       const props = createMockProps({
         theme: 'dark',
-        showLineNumbers: true,
         activePanel: 'settings',
       });
       render(<TagSchemasPage {...props} />);

package/src/features/moderate-tag-schemas/components/TagSchemasPage.tsx

@@ -22,7 +22,6 @@ export interface TagSchemasPageProps {
 
   // UI state
   theme: 'light' | 'dark' | 'system';
-  showLineNumbers: boolean;
   activePanel: string | null;
 
   // Translations
@@ -54,7 +53,6 @@ export function TagSchemasPage({
   schemas,
   isLoading,
   theme,
-  showLineNumbers,
   activePanel,
   translations: t,
   ToolbarPanels,
@@ -153,7 +151,6 @@ export function TagSchemasPage({
         <ToolbarPanels
           activePanel={activePanel}
           theme={theme}
-          showLineNumbers={showLineNumbers}
         />
 
         <Toolbar

package/src/features/moderation-linked-data/__tests__/LinkedDataPage.test.tsx

@@ -18,7 +18,6 @@ const createProps = (overrides?: Partial<LinkedDataPageProps>): LinkedDataPagePr
   isImporting: false,
   importPhase: null,
   theme: 'light',
-  showLineNumbers: false,
   activePanel: null,
   translations: {
     title: 'Export & Import',

package/src/features/moderation-linked-data/components/LinkedDataPage.tsx

@@ -39,7 +39,6 @@ export interface LinkedDataPageProps {
 
   // UI state
   theme: 'light' | 'dark' | 'system';
-  showLineNumbers: boolean;
   activePanel: string | null;
 
   // Translations
@@ -63,7 +62,6 @@ export function LinkedDataPage({
   importMessage,
   importResult,
   theme,
-  showLineNumbers,
   activePanel,
   translations: t,
   ToolbarPanels,
@@ -109,7 +107,6 @@ export function LinkedDataPage({
         <ToolbarPanels
           activePanel={activePanel}
           theme={theme}
-          showLineNumbers={showLineNumbers}
         />
         <Toolbar
           context="simple"

package/src/features/resource-compose/__tests__/ResourceComposePage.test.tsx

@@ -10,12 +10,14 @@ import { render, screen, fireEvent, waitFor } from '@testing-library/react';
 import { ResourceComposePage } from '../components/ResourceComposePage';
 import type { ResourceComposePageProps } from '../components/ResourceComposePage';
 import { createTestSemiontWrapper } from '../../../test-utils';
+import { LineNumbersProvider } from '../../../contexts/LineNumbersContext';
 
 // Mock CodeMirrorRenderer to avoid CodeMirror dependencies
 vi.mock('../../../components/CodeMirrorRenderer', () => ({
-  CodeMirrorRenderer: ({ content, onChange, editable }: any) => (
+  CodeMirrorRenderer: ({ content, onChange, editable, showLineNumbers }: any) => (
     <textarea
       data-testid="code-editor"
+      data-line-numbers={String(showLineNumbers)}
       value={content}
       onChange={(e) => editable && onChange?.(e.target.value)}
       disabled={!editable}
@@ -62,7 +64,6 @@ const createMockProps = (overrides?: Partial<ResourceComposePageProps>): Resourc
   availableEntityTypes: ['Document', 'Article', 'Report'],
   initialLocale: 'en',
   theme: 'light',
-  showLineNumbers: false,
   hoverDelayMs: 0,
   activePanel: null,
   onSaveResource: vi.fn().mockResolvedValue(undefined),
@@ -77,7 +78,11 @@ const createMockProps = (overrides?: Partial<ResourceComposePageProps>): Resourc
 // component reaches for via useSemiont/useObservable).
 const renderWithProviders = (ui: React.ReactElement) => {
   const { SemiontWrapper } = createTestSemiontWrapper();
-  return render(<SemiontWrapper>{ui}</SemiontWrapper>);
+  return render(
+    <LineNumbersProvider>
+      <SemiontWrapper>{ui}</SemiontWrapper>
+    </LineNumbersProvider>,
+  );
 };
 
 describe('ResourceComposePage', () => {
@@ -500,11 +505,16 @@ describe('ResourceComposePage', () => {
       expect(editor.value).toBe('New content');
     });
 
-    it('respects showLineNumbers prop', () => {
-      const props = createMockProps({ showLineNumbers: true });
-      renderWithProviders(<ResourceComposePage {...props} />);
+    it('feeds the editor the shared line-numbers setting from context', () => {
+      localStorage.setItem('showLineNumbers', 'true');
+      try {
+        const props = createMockProps({});
+        renderWithProviders(<ResourceComposePage {...props} />);
 
-      expect(screen.getByTestId('code-editor')).toBeInTheDocument();
+        expect(screen.getByTestId('code-editor')).toHaveAttribute('data-line-numbers', 'true');
+      } finally {
+        localStorage.removeItem('showLineNumbers');
+      }
     });
   });
 });

package/src/features/resource-compose/components/ResourceComposePage.tsx

@@ -15,6 +15,7 @@ import { COMMON_PANELS, type ToolbarPanelType } from '../../../state/shell-state
 import { buttonStyles } from '../../../lib/button-styles';
 import { CodeMirrorRenderer } from '../../../components/CodeMirrorRenderer';
 import { useFormAnnouncements } from '../../../components/LiveRegion';
+import { useLineNumbers } from '../../../contexts/LineNumbersContext';
 import { UploadProgressBar } from './UploadProgressBar';
 
 /**
@@ -54,7 +55,6 @@ export interface ResourceComposePageProps {
 
   // UI state
   theme: 'light' | 'dark';
-  showLineNumbers: boolean;
   hoverDelayMs: number;
   activePanel: string | null;
 
@@ -133,7 +133,6 @@ export function ResourceComposePage({
   availableEntityTypes,
   initialLocale,
   theme,
-  showLineNumbers,
   hoverDelayMs,
   activePanel,
   onSaveResource,
@@ -146,6 +145,10 @@ export function ResourceComposePage({
   // Form announcements
   const { announceFormSubmitting, announceFormSuccess, announceFormError } = useFormAnnouncements();
 
+  // Shared display setting (LineNumbersContext) — was a prop threaded from
+  // the route, which desynced it from the Settings toggle.
+  const { showLineNumbers } = useLineNumbers();
+
   // Form state
   const [newResourceName, setNewResourceName] = useState('');
   const [newResourceContent, setNewResourceContent] = useState('');
@@ -746,7 +749,6 @@ export function ResourceComposePage({
         <ToolbarPanels
           activePanel={activePanel}
           theme={theme}
-          showLineNumbers={showLineNumbers}
         />
 
         {/* Toolbar - Always visible on the right */}

package/src/features/resource-compose/state/__tests__/compose-page-state-unit.test.ts

@@ -6,7 +6,7 @@ import { filter } from 'rxjs/operators';
 import type { SemiontClient } from '@semiont/sdk';
 import type { ShellStateUnit } from '../../../../state/shell-state-unit';
 import { createComposePageStateUnit } from '../compose-page-state-unit';
-import { assertStateUnitAxioms, disposeProbe } from '@semiont/core/testing';
+import { assertStateUnitAxioms, disposeProbe } from '@semiont/core/testing/axioms';
 
 /** Build an `UploadObservable`-shaped mock that emits started → finished. */
 function mockUpload(resourceId: string) {

package/src/features/resource-discovery/__tests__/ResourceDiscoveryPage.test.tsx

@@ -36,7 +36,6 @@ const createMockProps = (overrides?: Partial<ResourceDiscoveryPageProps>): Resou
   selectedEntityType: '',
   onSelectedEntityTypeChange: vi.fn(),
   theme: 'light',
-  showLineNumbers: false,
   activePanel: null,
   onNavigateToResource: vi.fn(),
   onNavigateToCompose: vi.fn(),

package/src/features/resource-discovery/components/ResourceDiscoveryPage.tsx

@@ -40,7 +40,6 @@ export interface ResourceDiscoveryPageProps {
 
   // UI state props
   theme: 'light' | 'dark';
-  showLineNumbers: boolean;
   activePanel: string | null;
 
   // Navigation props
@@ -86,7 +85,6 @@ export function ResourceDiscoveryPage({
   selectedEntityType,
   onSelectedEntityTypeChange,
   theme,
-  showLineNumbers,
   activePanel,
   onNavigateToResource,
   onNavigateToCompose,
@@ -286,7 +284,6 @@ export function ResourceDiscoveryPage({
         <ToolbarPanels
           activePanel={activePanel}
           theme={theme}
-          showLineNumbers={showLineNumbers}
         />
 
         {/* Toolbar - Always visible on the right */}

package/src/features/resource-discovery/state/__tests__/discover-state-unit.test.ts

@@ -6,7 +6,7 @@ import { filter, skip, take, toArray } from 'rxjs/operators';
 import type { SemiontClient } from '@semiont/sdk';
 import type { ShellStateUnit } from '../../../../state/shell-state-unit';
 import { createDiscoverStateUnit } from '../discover-state-unit';
-import { assertStateUnitAxioms, disposeProbe } from '@semiont/core/testing';
+import { assertStateUnitAxioms, disposeProbe } from '@semiont/core/testing/axioms';
 
 function mockBrowse(): ShellStateUnit {
   return { dispose: vi.fn() } as unknown as ShellStateUnit;

package/src/features/resource-viewer/__tests__/ResourceViewerPage.test.tsx

@@ -12,6 +12,7 @@ import { ResourceViewerPage } from '../components/ResourceViewerPage';
 import type { ResourceViewerPageProps } from '../components/ResourceViewerPage';
 import { ToastProvider } from '../../../components/Toast';
 import { ThemeProvider } from '../../../contexts/ThemeContext';
+import { LineNumbersProvider } from '../../../contexts/LineNumbersContext';
 import { createTestSemiontWrapper } from '../../../test-utils';
 import type { ResourceId } from '@semiont/core';
 
@@ -40,7 +41,7 @@ vi.mock('../../../hooks/useResourceContent', () => ({
 // SemiontClient (wired to a dummy baseUrl). The real client surface lets
 // createResourceViewerPageStateUnit run against the full namespace API without us
 // hand-stubbing every method it touches.
-const { stubBrowser } = vi.hoisted(() => {
+const { stubBrowser, stubClient } = vi.hoisted(() => {
   const { BehaviorSubject } = require('rxjs');
   const { SemiontClient, HttpTransport, HttpContentTransport } = require('@semiont/sdk');
   const { baseUrl } = require('@semiont/core');
@@ -62,7 +63,7 @@ const { stubBrowser } = vi.hoisted(() => {
     on: vi.fn(() => () => {}),
     stream: vi.fn(() => ({ subscribe: () => ({ unsubscribe: () => {} }) })),
   };
-  return { stubBrowser };
+  return { stubBrowser, stubClient: client };
 });
 
 vi.mock('../../../session/SemiontProvider', async () => {
@@ -75,6 +76,8 @@ vi.mock('../../../session/SemiontProvider', async () => {
   };
 });
 
+const capturedHistory = vi.hoisted(() => ({ props: null as any }));
+
 vi.mock('@semiont/react-ui', async () => {
   const actual = await vi.importActual('@semiont/react-ui');
   return {
@@ -83,7 +86,10 @@ vi.mock('@semiont/react-ui', async () => {
     Toolbar: () => <div data-testid="toolbar">Toolbar</div>,
     ToolbarPanels: ({ children }: any) => <div data-testid="toolbar-panels">{children}</div>,
     UnifiedAnnotationsPanel: () => <div data-testid="annotations-panel">Annotations</div>,
-    AnnotationHistory: () => <div data-testid="history-panel">History</div>,
+    AnnotationHistory: (props: any) => {
+      capturedHistory.props = props;
+      return <div data-testid="history-panel">History</div>;
+    },
     ResourceInfoPanel: () => <div data-testid="info-panel">Info</div>,
     CollaborationPanel: () => <div data-testid="collaboration-panel">Collaboration</div>,
     JsonLdPanel: () => <div data-testid="jsonld-panel">JSON-LD</div>,
@@ -163,11 +169,13 @@ const renderWithProviders = (ui: React.ReactElement) => {
   const { SemiontWrapper } = createTestSemiontWrapper();
   return render(
     <ThemeProvider>
-      <ToastProvider>
-        <SemiontWrapper>
-          {ui}
-        </SemiontWrapper>
-      </ToastProvider>
+      <LineNumbersProvider>
+        <ToastProvider>
+          <SemiontWrapper>
+            {ui}
+          </SemiontWrapper>
+        </ToastProvider>
+      </LineNumbersProvider>
     </ThemeProvider>
   );
 };
@@ -225,6 +233,30 @@ describe('ResourceViewerPage', () => {
       localStorage.clear();
     });
 
+    it('clicking a history event focuses that annotation in the content', () => {
+      // ASSIST-SURFACE-WARTS Lane D. `handleEventClick` used to be a no-op with
+      // a stale comment, while HistoryEvent still rendered a focusable button
+      // labelled "View annotation" — a promise to screen-reader users that
+      // nothing kept. `beckon:focus` is the existing "scroll to and highlight"
+      // contract (BrowseView already subscribes); this makes the page a producer.
+      localStorage.setItem('activeToolbarPanel', 'history');
+      capturedHistory.props = null;
+      const props = createMockProps();
+      renderWithProviders(<ResourceViewerPage {...props} />);
+
+      expect(capturedHistory.props).not.toBeNull();
+
+      const focused: Array<string | null> = [];
+      const sub = stubClient.bus.get('beckon:focus').subscribe(({ annotationId }: any) => focused.push(annotationId));
+
+      expect(capturedHistory.props?.onEventClick).toBeTypeOf('function');
+      capturedHistory.props!.onEventClick('ann-42');
+      expect(focused).toEqual(['ann-42']);
+
+      sub.unsubscribe();
+      localStorage.clear();
+    });
+
     it('shows history panel when activePanel is history', () => {
       localStorage.setItem('activeToolbarPanel', 'history');
       const props = createMockProps();

package/src/features/resource-viewer/components/ResourceViewerPage.tsx

@@ -24,10 +24,11 @@ import type { BrowseMediaRenderers, AnnotateMediaRenderers } from '@semiont/reac
 import { useObservable } from '@semiont/react-ui';
 import { useResourceContent } from '../../../hooks/useResourceContent';
 import { useMediaToken } from '../../../hooks/useMediaToken';
+import { mediaUrl } from '../../../lib/media-url';
 import { useToast } from '../../../components/Toast';
 import { useOutcomeToasts } from '../../../hooks/useOutcomeToasts';
 import { useTheme } from '../../../contexts/ThemeContext';
-import { useLineNumbers } from '../../../hooks/useLineNumbers';
+import { useLineNumbers } from '../../../contexts/LineNumbersContext';
 import { useHoverDelay } from '../../../hooks/useHoverDelay';
 import { useEventSubscriptions } from '../../../contexts/useEventSubscription';
 import { useObservableExternalNavigation } from '../../../hooks/useObservableBrowse';
@@ -116,8 +117,6 @@ export interface ResourceViewerPageProps {
  * @subscribes yield:clone - Clone the current resource
  * @subscribes beckon:sparkle - Trigger sparkle animation
  * @subscribes mark:added - Annotation was created (sparkle)
- * @subscribes settings:theme-changed - UI theme changed
- * @subscribes settings:line-numbers-toggled - Line numbers display toggled
  * @subscribes browse:reference-navigate - Navigate to a referenced document
  * @subscribes browse:entity-type-clicked - Navigate filtered by entity type
  *
@@ -141,6 +140,7 @@ export function ResourceViewerPage({
   // Translations
   const tw = useTranslations('ReferenceWizard');
   const tg = useTranslations('ResourceGenerate');
+  const ta = useTranslations('AssistProgress');
 
   const browser = useSemiont();
   const session = useObservable(browser.activeSession$);
@@ -159,8 +159,8 @@ export function ResourceViewerPage({
 
   // UI state hooks
   const { showError, showSuccess } = useToast();
-  const { theme, setTheme } = useTheme();
-  const { showLineNumbers, toggleLineNumbers } = useLineNumbers();
+  const { theme } = useTheme();
+  const { showLineNumbers } = useLineNumbers();
   const { hoverDelayMs } = useHoverDelay();
   const { triggerSparkleAnimation, clearNewAnnotationId, newAnnotationIds } = useResourceAnnotations();
 
@@ -187,9 +187,7 @@ export function ResourceViewerPage({
 
   // Binary path: fetch short-lived media token, construct URL
   const { token: mediaToken, loading: mediaTokenLoading } = useMediaToken(semiont ?? null, rUri);
-  const binaryContent = (isBinary && mediaToken && semiont)
-    ? `${semiont.baseUrl}/api/resources/${rUri}?token=${mediaToken}`
-    : '';
+  const binaryContent = (isBinary ? mediaUrl(semiont, rUri, mediaToken) : undefined) ?? '';
 
   const content = isBinary ? binaryContent : textContent;
   const contentLoading = isBinary ? mediaTokenLoading : textLoading;
@@ -380,8 +378,6 @@ export function ResourceViewerPage({
     triggerSparkleAnimation(stored.payload.annotation.id);
   }, [triggerSparkleAnimation]);
 
-  const handleSettingsThemeChanged = useCallback(({ theme }: { theme: any }) => setTheme(theme), [setTheme]);
-
   const handleReferenceNavigate = useCallback(({ resourceId }: { resourceId: string }) => {
     if (routes.resourceDetail) {
       const path = routes.resourceDetail(resourceId);
@@ -411,8 +407,6 @@ export function ResourceViewerPage({
     'yield:clone': handleResourceClone,
     'beckon:sparkle': handleAnnotationSparkle,
     'mark:added': handleAnnotationAdded,
-    'settings:theme-changed': handleSettingsThemeChanged,
-    'settings:line-numbers-toggled': toggleLineNumbers,
     'browse:reference-navigate': handleReferenceNavigate,
     'browse:entity-type-clicked': handleEntityTypeClicked,
   });
@@ -450,9 +444,17 @@ export function ResourceViewerPage({
     }
   }, [session]);
 
-  const handleEventClick = useCallback((_annotationId: string | null) => {
-    // ResourceViewer now manages scroll state internally
-  }, []);
+  // Clicking a history row reveals that annotation in the content. HistoryEvent
+  // renders these rows as buttons labelled "View annotation", so this used to be
+  // a focusable, screen-reader-announced control wired to a no-op.
+  // `beckon:focus` is the existing "scroll to and highlight" contract rather
+  // than a new prop chain — BrowseView already subscribed to it, AnnotateView
+  // now does too. See .plans/ASSIST-SURFACE-WARTS.md Lane D.
+  const handleEventClick = useCallback((id: string | null) => {
+    if (id) {
+      stateUnit?.beckon.focus(annotationId(id));
+    }
+  }, [stateUnit]);
 
   // Document rendering
   return (
@@ -481,6 +483,9 @@ export function ResourceViewerPage({
                 inProgress: tg('progressInProgress'),
                 complete: tg('progressComplete'),
                 failed: tg('progressFailed'),
+                paramsTitle: ta('paramsTitle'),
+                processing: (label) => ta('processing', { label }),
+                close: ta('close'),
               }}
             />
           )}
@@ -542,7 +547,6 @@ export function ResourceViewerPage({
           <ToolbarPanels
             activePanel={activePanel}
             theme={theme}
-            showLineNumbers={showLineNumbers}
             width={
               activePanel === 'jsonld' ? 'w-[600px]' :
               activePanel === 'annotations' ? 'w-[400px]' :

package/src/features/resource-viewer/state/__tests__/resource-loader-state-unit.test.ts

@@ -6,7 +6,7 @@ import { filter } from 'rxjs/operators';
 import { resourceId as makeResourceId } from '@semiont/core';
 import type { SemiontClient } from '@semiont/sdk';
 import { createResourceLoaderStateUnit } from '../resource-loader-state-unit';
-import { assertStateUnitAxioms } from '@semiont/core/testing';
+import { assertStateUnitAxioms } from '@semiont/core/testing/axioms';
 
 const RID = makeResourceId('res-1');
 

package/src/features/resource-viewer/state/__tests__/resource-viewer-page-state-unit.test.ts

@@ -5,7 +5,7 @@ import { filter } from 'rxjs/operators';
 import { annotationId, resourceId as makeResourceId } from '@semiont/core';
 import type { ShellStateUnit } from '../../../../state/shell-state-unit';
 import { createResourceViewerPageStateUnit, type ResourceViewerPageStateUnit } from '../resource-viewer-page-state-unit';
-import { assertStateUnitAxioms, disposeProbe } from '@semiont/core/testing';
+import { assertStateUnitAxioms, disposeProbe } from '@semiont/core/testing/axioms';
 import { makeTestSession, type TestSession } from '../../../../__tests__/test-client';
 
 const RID = makeResourceId('res-1');

package/src/features/resource-viewer/state/resource-viewer-page-state-unit.ts

@@ -10,7 +10,7 @@ import { createGatherStateUnit, type GatherStateUnit } from '@semiont/sdk';
 import { createMatchStateUnit } from '@semiont/sdk';
 import { createYieldStateUnit, type YieldStateUnit } from '@semiont/sdk';
 import type { SemiontSession } from '@semiont/sdk';
-import { decodeWithCharset, textExtractionOf } from '@semiont/core';
+import { decodeWithCharset, textExtractionOf, uuidV4 } from '@semiont/core';
 import { groupAnnotations } from '../../../lib/annotation-groups';
 import type { ReferencedByEntry } from '@semiont/sdk';
 
@@ -144,7 +144,7 @@ export function createResourceViewerPageStateUnit(
       entityTypes: event.entityTypes,
     });
     client.bus.get('gather:requested').next({
-      correlationId: crypto.randomUUID(),
+      correlationId: uuidV4(),
       annotationId: event.annotationId,
       resourceId: event.resourceId,
       options: { contextWindow: 2000 },

package/translations/ar.json

@@ -1,4 +1,9 @@
 {
+  "AssistProgress": {
+    "close": "إغلاق",
+    "paramsTitle": "معاملات الطلب:",
+    "processing": "الحالي: {{label}}"
+  },
   "Toolbar": {
     "annotations": "التعليقات التوضيحية",
     "history": "السجل",
@@ -105,7 +110,9 @@
     "densityDense": "كثيف",
     "fragmentSelected": "تم تحديد جزء",
     "imageRegionSelected": "تم تحديد منطقة من الصورة",
-    "closeProgress": "إغلاق"
+    "complete": "اكتمل التوضيح!",
+    "failed": "فشل التوضيح",
+    "densityPerWords": "{{density}} لكل 2000 كلمة"
   },
   "HighlightPanel": {
     "title": "التمييزات",
@@ -120,7 +127,9 @@
     "densityLabel": "الكثافة",
     "densitySparse": "متفرق",
     "densityDense": "كثيف",
-    "closeProgress": "إغلاق"
+    "complete": "اكتمل التوضيح!",
+    "failed": "فشل التوضيح",
+    "densityPerWords": "{{density}} لكل 2000 كلمة"
   },
   "AssessmentPanel": {
     "title": "التقييمات",
@@ -145,7 +154,9 @@
     "densityDense": "كثيف",
     "fragmentSelected": "تم تحديد جزء",
     "imageRegionSelected": "تم تحديد منطقة من الصورة",
-    "closeProgress": "إغلاق"
+    "complete": "اكتمل التوضيح!",
+    "failed": "فشل التوضيح",
+    "densityPerWords": "{{density}} لكل 2000 كلمة"
   },
   "TaggingPanel": {
     "title": "العلامات",
@@ -164,7 +175,9 @@
     "selectCategory": "اختيار الفئة",
     "chooseCategory": "اختر فئة...",
     "fragmentSelected": "تم تحديد جزء",
-    "imageRegionSelected": "تم تحديد منطقة من الصورة"
+    "imageRegionSelected": "تم تحديد منطقة من الصورة",
+    "complete": "اكتمل التوضيح!",
+    "failed": "فشل التوضيح"
   },
   "UnifiedAnnotationsPanel": {
     "title": "التعليقات التوضيحية",
@@ -220,7 +233,6 @@
     "complete": "اكتمل التوضيح!",
     "failed": "فشل التوضيح",
     "current": "الحالي: {{entityType}}",
-    "closeProgress": "إغلاق",
     "loading": "جارٍ التحميل...",
     "loadingEllipsis": "جارٍ التحميل...",
     "untitledResource": "مورد بدون عنوان",

package/translations/bn.json

@@ -1,4 +1,9 @@
 {
+  "AssistProgress": {
+    "close": "বন্ধ করুন",
+    "paramsTitle": "অনুরোধের প্যারামিটার:",
+    "processing": "বর্তমান: {{label}}"
+  },
   "Toolbar": {
     "annotations": "টীকাসমূহ",
     "history": "ইতিহাস",
@@ -105,7 +110,9 @@
     "densityDense": "ঘন",
     "fragmentSelected": "অংশ নির্বাচিত",
     "imageRegionSelected": "ছবির অঞ্চল নির্বাচিত",
-    "closeProgress": "বন্ধ করুন"
+    "complete": "টীকাকরণ সম্পূর্ণ!",
+    "failed": "টীকাকরণ ব্যর্থ",
+    "densityPerWords": "প্রতি ২০০০ শব্দে {{density}}"
   },
   "HighlightPanel": {
     "title": "হাইলাইটসমূহ",
@@ -120,7 +127,9 @@
     "densityLabel": "ঘনত্ব",
     "densitySparse": "বিরল",
     "densityDense": "ঘন",
-    "closeProgress": "বন্ধ করুন"
+    "complete": "টীকাকরণ সম্পূর্ণ!",
+    "failed": "টীকাকরণ ব্যর্থ",
+    "densityPerWords": "প্রতি ২০০০ শব্দে {{density}}"
   },
   "AssessmentPanel": {
     "title": "মূল্যায়নসমূহ",
@@ -145,7 +154,9 @@
     "densityDense": "ঘন",
     "fragmentSelected": "অংশ নির্বাচিত",
     "imageRegionSelected": "ছবির অঞ্চল নির্বাচিত",
-    "closeProgress": "বন্ধ করুন"
+    "complete": "টীকাকরণ সম্পূর্ণ!",
+    "failed": "টীকাকরণ ব্যর্থ",
+    "densityPerWords": "প্রতি ২০০০ শব্দে {{density}}"
   },
   "TaggingPanel": {
     "title": "ট্যাগসমূহ",
@@ -164,7 +175,9 @@
     "selectCategory": "বিভাগ নির্বাচন করুন",
     "chooseCategory": "একটি বিভাগ বেছে নিন...",
     "fragmentSelected": "অংশ নির্বাচিত",
-    "imageRegionSelected": "ছবির অঞ্চল নির্বাচিত"
+    "imageRegionSelected": "ছবির অঞ্চল নির্বাচিত",
+    "complete": "টীকাকরণ সম্পূর্ণ!",
+    "failed": "টীকাকরণ ব্যর্থ"
   },
   "UnifiedAnnotationsPanel": {
     "title": "টীকাসমূহ",
@@ -220,7 +233,6 @@
     "complete": "টীকাকরণ সম্পূর্ণ!",
     "failed": "টীকাকরণ ব্যর্থ",
     "current": "বর্তমান: {{entityType}}",
-    "closeProgress": "বন্ধ করুন",
     "loading": "লোড হচ্ছে...",
     "loadingEllipsis": "লোড হচ্ছে...",
     "untitledResource": "শিরোনামবিহীন সম্পদ",