@vertesia/ui 1.5.0-dev.20260910.052912Z → 1.6.0-dev.20260912.110338Z

package/src/features/facets/AgentRunnerFacetsNav.tsx

@@ -30,6 +30,10 @@ export interface AgentRunnerFilterQuery {
     initiated_by?: string;
     start?: string;
     end?: string;
+    /** Evaluation severity (`high`, `medium`, `low`, `none`) or `unrated` for runs no detector looked at. */
+    evaluation?: string;
+    /** Last user rating on the run: `up` or `down`. */
+    feedback?: string;
 }
 
 const agentRunnerFilterNames = [
@@ -40,6 +44,8 @@ const agentRunnerFilterNames = [
     'initiated_by',
     'start',
     'end',
+    'evaluation',
+    'feedback',
 ] as const satisfies readonly (keyof AgentRunnerFilterQuery)[];
 const isAgentRunnerFilterName = createSearchQueryKeyGuard<AgentRunnerFilterQuery>(agentRunnerFilterNames);
 
@@ -50,6 +56,10 @@ interface AgentRunnerFacetsNavProps {
         interactions?: EnrichedFacetBucket[];
         /** `run_kind` buckets — `agent` (autonomous runs) and `process` (process runs). */
         kinds?: FacetBucket[];
+        /** Evaluation severity buckets, `unrated` standing for runs without an evaluation. */
+        evaluation?: FacetBucket[];
+        /** Last-rating buckets (`up` / `down`). */
+        feedback?: FacetBucket[];
     };
     search: SearchInterface<AgentRunnerFilterQuery>;
     actions?: React.ReactNode[];
@@ -108,6 +118,22 @@ export function useAgentRunnerFilterGroups(facets: AgentRunnerFacetsNavProps['fa
         }),
     );
 
+    customFilterGroups.push(
+        VStringFacet({
+            buckets: facets.evaluation || [],
+            name: 'evaluation',
+            placeholder: 'Evaluation',
+        }),
+    );
+
+    customFilterGroups.push(
+        VStringFacet({
+            buckets: facets.feedback || [],
+            name: 'feedback',
+            placeholder: 'Feedback',
+        }),
+    );
+
     customFilterGroups.push({
         name: 'start',
         placeholder: 'Started After',

package/src/features/layout/GenericPageNavHeader.test.tsx

@@ -0,0 +1,36 @@
+import { screen } from '@testing-library/react';
+import type { ComponentProps } from 'react';
+import { describe, expect, it, vi } from 'vitest';
+import { renderWithProviders } from '../../__tests__/test-utils';
+import { GenericPageNavHeader } from './GenericPageNavHeader';
+
+vi.mock('@vertesia/ui/router', () => ({ useNavigate: () => vi.fn() }));
+
+describe('GenericPageNavHeader breadcrumbs', () => {
+    it.each(['Parent', null])('ignores non-array breadcrumbs: %s', (breadcrumbs) => {
+        renderWithProviders(
+            <GenericPageNavHeader
+                title="Page"
+                useDynamicBreadcrumbs={false}
+                breadcrumbs={breadcrumbs as unknown as ComponentProps<typeof GenericPageNavHeader>['breadcrumbs']}
+            />,
+        );
+        expect(screen.getByText('Page')).toBeDefined();
+        expect(screen.queryByText('Parent')).toBeNull();
+    });
+
+    it('preserves breadcrumb elements', () => {
+        renderWithProviders(
+            <GenericPageNavHeader
+                title="Page"
+                useDynamicBreadcrumbs={false}
+                breadcrumbs={[
+                    <a key="parent" href="/parent">
+                        Parent
+                    </a>,
+                ]}
+            />,
+        );
+        expect(screen.getByText('Parent')).toBeDefined();
+    });
+});

package/src/features/layout/GenericPageNavHeader.tsx

@@ -124,7 +124,7 @@ export function GenericPageNavHeader({
         }
 
         // Add current page breadcrumbs
-        if (breadcrumbs && breadcrumbs.length > 0) {
+        if (Array.isArray(breadcrumbs)) {
             breadcrumbs.forEach((breadcrumb) => {
                 // Preserve the entire React element as label
                 const label = breadcrumb.props?.children || breadcrumb;

package/src/features/magic-pdf/AnnotatedImageSlider.tsx

@@ -326,7 +326,7 @@ function ImageTypeButton({ type, currentType, onClick, icon, tooltip }: ImageTyp
             aria-pressed={isSelected}
             className={clsx(
                 'p-1 rounded cursor-pointer transition-colors',
-                isSelected ? 'text-primary bg-primary/10' : 'text-muted hover:text-foreground hover:bg-muted',
+                isSelected ? 'text-info bg-info' : 'text-muted hover:text-foreground hover:bg-muted',
             )}
             onClick={onClick}
         >

package/src/features/magic-pdf/GroundedExtractionView.tsx

@@ -659,7 +659,7 @@ function PageWithOverlay({
                             'absolute cursor-pointer border rounded-[1px] transition-colors',
                             citation.misaligned && 'border-dashed',
                             isSelected
-                                ? 'border-2 border-primary bg-primary/20 z-10'
+                                ? 'border-2 border-info bg-info z-10'
                                 : citation.verified
                                   ? 'border-success/70 hover:bg-success/20'
                                   : citation.reviewed
@@ -853,7 +853,7 @@ function ArrayTable({
                                                 className={cn(
                                                     'text-start rounded px-1 w-full',
                                                     isSelected
-                                                        ? 'bg-primary/15 ring-1 ring-primary'
+                                                        ? 'bg-info ring-1 ring-primary'
                                                         : citation
                                                           ? 'hover:bg-muted cursor-pointer'
                                                           : 'text-muted cursor-default',
@@ -909,7 +909,7 @@ function LeafRow({
             onClick={() => citation && onSelect(path)}
             className={cn(
                 'flex items-center gap-2 w-full text-start text-sm rounded px-1.5 py-0.5',
-                isSelected ? 'bg-primary/15 ring-1 ring-primary' : citation ? 'hover:bg-muted' : '',
+                isSelected ? 'bg-info ring-1 ring-primary' : citation ? 'hover:bg-muted' : '',
                 !citation && 'cursor-default',
             )}
         >

package/src/features/permissions/UserPermissionsProvider.test.tsx

@@ -1,8 +1,9 @@
 import { act, fireEvent, render, screen } from '@testing-library/react';
 import { VertesiaClient } from '@vertesia/client';
 import type { AuthTokenPayload, SystemRoleDefinition } from '@vertesia/common';
+import { Button } from '@vertesia/ui/core';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { UserPermissionProvider } from './UserPermissionsProvider';
+import { type PermissionLoadingScreenProps, UserPermissionProvider } from './UserPermissionsProvider';
 
 const session = {
     client: new VertesiaClient({ serverUrl: 'https://studio.example.test', storeUrl: 'https://store.example.test' }),
@@ -169,4 +170,52 @@ describe('role mapping recovery', () => {
         expect(screen.getByText('Protected workspace')).toBeTruthy();
         expect(fetch).not.toHaveBeenCalled();
     });
+    it.each([401, 403, 500])('supplies working recovery actions to a custom screen for status %s', async (status) => {
+        const fetch = vi
+            .spyOn(session.client.iam.roles, 'listSystem')
+            .mockRejectedValue(Object.assign(new Error('Request failed'), { status }));
+        const CustomScreen = ({ status: phase, onAction, actionLabel }: PermissionLoadingScreenProps) => (
+            <main>
+                <p>Custom {phase}</p>
+                {phase === 'error' && <Button onClick={onAction}>{actionLabel}</Button>}
+            </main>
+        );
+        const view = render(
+            <UserPermissionProvider LoadingScreen={CustomScreen}>
+                <div>Protected workspace</div>
+            </UserPermissionProvider>,
+        );
+        expect(view.container.firstElementChild?.tagName).toBe('MAIN');
+        expect(screen.getByText('Custom loading')).toBeTruthy();
+        expect(screen.queryByText('Protected workspace')).toBeNull();
+        await advance(0);
+        expect(screen.getByText('Custom error')).toBeTruthy();
+        expect(screen.queryByText('Protected workspace')).toBeNull();
+        fetch.mockResolvedValue([]);
+        fireEvent.click(screen.getByRole('button'));
+        await advance(0);
+        if (status === 401 || status === 403) {
+            expect(session.signOut).toHaveBeenCalledOnce();
+            expect(screen.queryByText('Protected workspace')).toBeNull();
+        } else {
+            expect(screen.getByText('Protected workspace')).toBeTruthy();
+            expect(screen.queryByText('Custom error')).toBeNull();
+        }
+    });
+
+    it('reports automatic retrying to a custom screen before revealing protected content', async () => {
+        vi.spyOn(session.client.iam.roles, 'listSystem')
+            .mockRejectedValueOnce(Object.assign(new Error('Unavailable'), { status: 503 }))
+            .mockResolvedValue([]);
+        render(
+            <UserPermissionProvider LoadingScreen={({ status }) => <main>Custom {status}</main>}>
+                <div>Protected workspace</div>
+            </UserPermissionProvider>,
+        );
+        await advance(0);
+        expect(screen.getByText('Custom retrying')).toBeTruthy();
+        expect(screen.queryByText('Protected workspace')).toBeNull();
+        await advance(1_000);
+        expect(screen.getByText('Protected workspace')).toBeTruthy();
+    });
 });

package/src/features/permissions/UserPermissionsProvider.tsx

@@ -2,7 +2,7 @@ import { type AuthTokenPayload, type Permission, PrincipalType, type SystemRoleD
 import { Button, errorMessage, Spinner } from '@vertesia/ui/core';
 import { useUITranslation } from '@vertesia/ui/i18n';
 import { useUserSession } from '@vertesia/ui/session';
-import { createContext, useContext, useMemo } from 'react';
+import { type ComponentType, createContext, useContext, useMemo } from 'react';
 import { isAnyOf } from './helpers';
 import { roleMappingsErrorStatus, useRoleMappings } from './useRoleMappings';
 
@@ -67,11 +67,23 @@ export function useUserPermissions() {
     return perms;
 }
 
+export interface PermissionLoadingScreenProps {
+    status: 'loading' | 'retrying' | 'error';
+    error?: unknown;
+    title: string;
+    description: string;
+    loadingIcon?: React.ReactNode;
+    /** Localized label and action appropriate to the failure (retry, or sign out for 401/403). */
+    actionLabel: string;
+    onAction: () => void;
+}
+
 interface UserPermissionProviderProps {
+    LoadingScreen?: ComponentType<PermissionLoadingScreenProps>;
     children: React.ReactNode;
     loadingIcon?: React.ReactNode;
 }
-export function UserPermissionProvider({ children, loadingIcon }: UserPermissionProviderProps) {
+export function UserPermissionProvider({ children, loadingIcon, LoadingScreen }: UserPermissionProviderProps) {
     const { t } = useUITranslation();
     const session = useUserSession();
     const authToken = session.authToken;
@@ -100,51 +112,77 @@ export function UserPermissionProvider({ children, loadingIcon }: UserPermission
               : failed
                 ? t('permissions.connectionFailed')
                 : t('permissions.connecting');
+        const description = needsSignIn
+            ? t('auth.recovery.credential.body')
+            : denied
+              ? t('permissions.accessDenied')
+              : failed
+                ? t('permissions.tryAgainLater')
+                : state.status === 'retrying'
+                  ? t('permissions.retrying')
+                  : t('permissions.loadingPermissions');
+        const actionLabel =
+            needsSignIn || denied ? t('auth.recovery.useDifferentAccount') : t('auth.recovery.tryAgain');
+        const onAction = needsSignIn || denied ? () => session.signOut() : retry;
+        const Screen = LoadingScreen ?? DefaultPermissionLoadingScreen;
         return (
-            <div className="flex min-h-dvh items-center justify-center bg-background px-6 text-foreground">
-                <div className="w-full max-w-md space-y-6 text-center">
-                    <div aria-hidden="true" className="flex justify-center">
-                        {loadingIcon || (!failed && <Spinner size="2xl" className="text-primary" />)}
-                    </div>
-                    <div
-                        role={failed ? 'alert' : 'status'}
-                        aria-live={failed ? 'assertive' : 'polite'}
-                        className="space-y-2"
-                    >
-                        <h1 className="text-xl font-semibold">{title}</h1>
-                        <p className="text-muted">
-                            {needsSignIn
-                                ? t('auth.recovery.credential.body')
-                                : denied
-                                  ? t('permissions.accessDenied')
-                                  : failed
-                                    ? t('permissions.tryAgainLater')
-                                    : state.status === 'retrying'
-                                      ? t('permissions.retrying')
-                                      : t('permissions.loadingPermissions')}
-                        </p>
-                    </div>
-                    {failed && (
-                        <>
-                            <Button variant="outline" onClick={needsSignIn || denied ? () => session.signOut() : retry}>
-                                {needsSignIn || denied
-                                    ? t('auth.recovery.useDifferentAccount')
-                                    : t('auth.recovery.tryAgain')}
-                            </Button>
-                            {state.error != null && (
-                                <details className="text-start text-sm text-muted">
-                                    <summary className="cursor-pointer">{t('auth.recovery.technicalDetails')}</summary>
-                                    <pre className="mt-2 max-h-48 overflow-auto whitespace-pre-wrap wrap-break-word">
-                                        {errorMessage(state.error)}
-                                    </pre>
-                                </details>
-                            )}
-                        </>
-                    )}
-                </div>
-            </div>
+            <Screen
+                status={failed ? 'error' : state.status === 'retrying' ? 'retrying' : 'loading'}
+                error={failed ? state.error : undefined}
+                title={title}
+                description={description}
+                loadingIcon={loadingIcon}
+                actionLabel={actionLabel}
+                onAction={onAction}
+            />
         );
     }
 
     return perms && <UserPermissionsContext.Provider value={perms}>{children}</UserPermissionsContext.Provider>;
 }
+
+/** Shared permission-loading and recovery layout. */
+export function DefaultPermissionLoadingScreen({
+    status,
+    error,
+    title,
+    description,
+    loadingIcon,
+    actionLabel,
+    onAction,
+}: PermissionLoadingScreenProps) {
+    const { t } = useUITranslation();
+    const failed = status === 'error';
+    return (
+        <div className="flex min-h-dvh items-center justify-center bg-background px-6 text-foreground">
+            <div className="w-full max-w-md space-y-6 text-center">
+                <div aria-hidden="true" className="flex justify-center">
+                    {loadingIcon || (!failed && <Spinner size="2xl" className="text-info" />)}
+                </div>
+                <div
+                    role={failed ? 'alert' : 'status'}
+                    aria-live={failed ? 'assertive' : 'polite'}
+                    className="space-y-2"
+                >
+                    <h1 className="text-xl font-semibold">{title}</h1>
+                    <p className="text-muted">{description}</p>
+                </div>
+                {failed && (
+                    <>
+                        <Button variant="outline" onClick={onAction}>
+                            {actionLabel}
+                        </Button>
+                        {error != null && (
+                            <details className="text-start text-sm text-muted">
+                                <summary className="cursor-pointer">{t('auth.recovery.technicalDetails')}</summary>
+                                <pre className="mt-2 max-h-48 overflow-auto whitespace-pre-wrap wrap-break-word">
+                                    {errorMessage(error)}
+                                </pre>
+                            </details>
+                        )}
+                    </>
+                )}
+            </div>
+        </div>
+    );
+}

package/src/features/store/objects/DocumentPreviewPanel.tsx

@@ -132,7 +132,7 @@ export function DocumentPreviewPanel({ objectId, isOpen, onClose }: DocumentPrev
             {/* Header */}
             <div className="flex items-center justify-between px-4 py-3 border-b dark:border-border bg-gradient-to-r from-indigo-50 to-gray-50 dark:from-gray-800 dark:to-gray-900">
                 <div className="flex items-center">
-                    <FileText className="h-5 w-5 text-primary me-2" />
+                    <FileText className="h-5 w-5 text-info me-2" />
                     <h2 className="text-lg font-semibold text-foreground truncate">
                         {isLoading ? t('store.loadingDocument') : object?.name || t('store.documentPreview')}
                     </h2>
@@ -142,7 +142,7 @@ export function DocumentPreviewPanel({ objectId, isOpen, onClose }: DocumentPrev
                         variant="ghost"
                         size="sm"
                         onClick={handleViewFullDocument}
-                        className="flex items-center gap-1 text-primary hover:text-primary"
+                        className="flex items-center gap-1 text-info hover:text-info"
                     >
                         <Maximize2 className="h-4 w-4" />
                         <span>{t('store.fullView')}</span>
@@ -162,7 +162,7 @@ export function DocumentPreviewPanel({ objectId, isOpen, onClose }: DocumentPrev
             {isLoading ? (
                 <div className="flex-1 flex items-center justify-center">
                     <div className="text-center">
-                        <Spinner size="lg" className="text-primary mb-2" />
+                        <Spinner size="lg" className="text-info mb-2" />
                         <p className="text-muted">{t('store.loadingDocument')}</p>
                     </div>
                 </div>
@@ -175,7 +175,7 @@ export function DocumentPreviewPanel({ objectId, isOpen, onClose }: DocumentPrev
                                 variant="unstyled"
                                 className={`py-2 px-4 font-medium border-b-2 ${
                                     currentTab === 'preview'
-                                        ? 'border-primary text-primary'
+                                        ? 'border-primary text-info'
                                         : 'border-transparent text-muted hover:text-foreground'
                                 }`}
                                 onClick={() => setCurrentTab('preview')}
@@ -189,7 +189,7 @@ export function DocumentPreviewPanel({ objectId, isOpen, onClose }: DocumentPrev
                                 variant="unstyled"
                                 className={`py-2 px-4 font-medium border-b-2 ${
                                     currentTab === 'properties'
-                                        ? 'border-primary text-primary'
+                                        ? 'border-primary text-info'
                                         : 'border-transparent text-muted hover:text-foreground'
                                 }`}
                                 onClick={() => setCurrentTab('properties')}
@@ -209,12 +209,12 @@ export function DocumentPreviewPanel({ objectId, isOpen, onClose }: DocumentPrev
                                 {/* Text/Markdown Content */}
                                 {loadingText ? (
                                     <div className="flex items-center justify-center h-40">
-                                        <Spinner size="md" className="text-primary" />
+                                        <Spinner size="md" className="text-info" />
                                     </div>
                                 ) : text ? (
                                     <div className="shadow rounded-md p-4 border border-border bg-white dark:bg-muted">
                                         {seemsMarkdown ? (
-                                            <div className="prose prose-sm max-w-none prose-p:my-2 prose-pre:bg-muted prose-pre:my-2 prose-headings:text-primary dark:prose-invert">
+                                            <div className="prose prose-sm max-w-none prose-p:my-2 prose-pre:bg-muted prose-pre:my-2 prose-headings:text-info dark:prose-invert">
                                                 <MarkdownRenderer>{text}</MarkdownRenderer>
                                             </div>
                                         ) : (
@@ -238,7 +238,7 @@ export function DocumentPreviewPanel({ objectId, isOpen, onClose }: DocumentPrev
                                             </div>
                                         ) : (
                                             <div className="flex items-center justify-center h-40">
-                                                <Spinner size="md" className="text-primary" />
+                                                <Spinner size="md" className="text-info" />
                                             </div>
                                         )}
                                     </div>
@@ -247,7 +247,7 @@ export function DocumentPreviewPanel({ objectId, isOpen, onClose }: DocumentPrev
                                 {/* PDF Content Notice */}
                                 {isPdf && (
                                     <div className="flex flex-col items-center justify-center h-64 border border-border rounded-md p-4 bg-muted">
-                                        <FileText className="h-16 w-16 text-primary mb-4" />
+                                        <FileText className="h-16 w-16 text-info mb-4" />
                                         <p className="text-muted text-center mb-4">{t('store.pdfPreviewFullView')}</p>
                                         <Button
                                             onClick={handleViewFullDocument}
@@ -353,7 +353,7 @@ export function DocumentPreviewPanel({ objectId, isOpen, onClose }: DocumentPrev
                                 }
                             }}
                             variant="outline"
-                            className="text-primary border-primary hover:bg-info"
+                            className="text-info border-primary hover:bg-info"
                         >
                             <Download className="h-4 w-4 me-2" />
                             {t('pdf.download')}

package/src/features/store/objects/components/DocumentInput.tsx

@@ -87,7 +87,7 @@ export function DocumentInput({ object }: DocumentInputProps) {
                 <SelectDocumentModal value={actualValue} isOpen={isOn} onClose={onSelect} />
             </div>
             {doc && (
-                <div className="p-1 semibold text-sm text-muted dark:text-foreground">
+                <div className="p-1 font-semibold text-sm text-muted dark:text-foreground">
                     {typeof doc.properties?.title === 'string' ? doc.properties.title : doc.name}
                 </div>
             )}

package/src/features/store/objects/selection/SelectionActions.tsx

@@ -110,7 +110,10 @@ export function UploadObjectsButton({
 function optionLayout(option: ObjectsActionSpec) {
     return {
         label: option.name,
-        className: clsx('flex-1 px-2 py-2 hover:bg-muted nowrap', option.destructive ? 'text-destructive' : ''),
+        className: clsx(
+            'flex-1 px-2 py-2 hover:bg-muted whitespace-nowrap',
+            option.destructive ? 'text-destructive' : '',
+        ),
     };
 }
 

package/src/features/store/objects/upload/DocumentUploadModal.tsx

@@ -678,7 +678,7 @@ export function DocumentUploadModal({
                                     <div className="grid grid-cols-3 gap-4">
                                         <div className="flex flex-col items-center">
                                             <div className="flex items-center gap-2">
-                                                <UploadIcon className="size-5 text-primary" />
+                                                <UploadIcon className="size-5 text-info" />
                                                 <span className="font-medium">{t('upload.new')}</span>
                                             </div>
                                             <div className="text-2xl font-semibold">{processingStats.toCreate}</div>

package/src/features/user/UserInfo.tsx

@@ -466,7 +466,7 @@ function GroupAvatar({ userId, showTitle = false, size = 'md' }: GroupAvatarProp
     return (
         <UserPopoverPanel title={group.name || t('user.unnamedGroup')} description={description}>
             <div className="flex flex-row items-center gap-2">
-                <Users className="size-6 text-primary" size={size} />
+                <Users className="size-6 text-info" size={size} />
                 {showTitle && <div className="text-sm font-semibold ps-2">{group.name || t('user.unnamedGroup')}</div>}
             </div>
         </UserPopoverPanel>

package/src/i18n/index.tsx

@@ -1,4 +1,5 @@
-import { type ReactNode, useEffect } from 'react';
+import type { i18n } from 'i18next';
+import { createContext, type ReactNode, useContext, useEffect, useMemo } from 'react';
 import { I18nextProvider, Trans, useTranslation } from 'react-i18next';
 import { i18nInstance, NAMESPACE } from './instance.js';
 import { useLanguage } from './LanguageProvider.js';
@@ -48,8 +49,30 @@ export function LanguageBoundI18nProvider({ children }: { children: ReactNode })
  * Hook for components inside @vertesia/ui to get translation functions.
  * Always binds to the 'vertesia.ui' namespace on the scoped instance.
  */
+const TranslationInstanceContext = createContext<i18n | undefined>(undefined);
+
+/** Overrides are scoped to this subtree and never mutate the shared translation resources. */
+export function UITranslationOverrides({
+    overrides,
+    children,
+}: {
+    overrides: Record<string, string>;
+    children: ReactNode;
+}) {
+    const parent = useContext(TranslationInstanceContext) ?? i18nInstance;
+    const { i18n: current } = useTranslation(NAMESPACE, { i18n: parent });
+    const language = current.resolvedLanguage ?? current.language;
+    const instance = useMemo(() => {
+        const clone = parent.cloneInstance({ forkResourceStore: true, lng: language, initAsync: false });
+        clone.addResourceBundle(language, NAMESPACE, overrides, true, true);
+        return clone;
+    }, [parent, language, overrides]);
+    return <TranslationInstanceContext.Provider value={instance}>{children}</TranslationInstanceContext.Provider>;
+}
+
 export function useUITranslation() {
-    return useTranslation(NAMESPACE, { i18n: i18nInstance });
+    const instance = useContext(TranslationInstanceContext) ?? i18nInstance;
+    return useTranslation(NAMESPACE, { i18n: instance });
 }
 
 export { i18nInstance, NAMESPACE } from './instance.js';

package/src/i18n/locales/ar.json

@@ -101,6 +101,35 @@
     "agent.failedToInterrupt": "فشل الإيقاف",
     "agent.failedToLoadDocument": "فشل تحميل المستند",
     "agent.failedToSend": "فشل إرسال الرسالة",
+    "agent.feedback.commentHelp": "يُحتسب فقط ما إذا كنت قد تركت تعليقًا؛ أما النص نفسه فيبقى داخل مشروعك.",
+    "agent.feedback.commentLabel": "تعليق",
+    "agent.feedback.commentPlaceholder": "ما الذي سار على ما يرام، وما الذي حدث فيه خلل؟",
+    "agent.feedback.detailHelp": "تم حفظ تقييمك. أضف سببًا إذا أردت قول المزيد.",
+    "agent.feedback.detailTitle": "أخبرنا المزيد",
+    "agent.feedback.failed": "تعذّر إرسال تقييمك",
+    "agent.feedback.notRecorded": "لم يتم تسجيل تقييمك",
+    "agent.feedback.rateMessageDown": "تقييم هذه الإجابة بالسلب",
+    "agent.feedback.rateMessageUp": "تقييم هذه الإجابة بالإيجاب",
+    "agent.feedback.rateRunDown": "تقييم هذا التشغيل بالسلب",
+    "agent.feedback.rateRunUp": "تقييم هذا التشغيل بالإيجاب",
+    "agent.feedback.reason.accurate": "دقيق",
+    "agent.feedback.reason.fast": "سريع",
+    "agent.feedback.reason.helpful": "مفيد",
+    "agent.feedback.reason.incomplete": "غير مكتمل",
+    "agent.feedback.reason.misunderstood_request": "أساء فهم طلبي",
+    "agent.feedback.reason.other": "شيء آخر",
+    "agent.feedback.reason.too_slow": "بطيء جدًا",
+    "agent.feedback.reason.tool_failure": "فشلت إحدى الأدوات",
+    "agent.feedback.reason.unsafe_action": "قام بإجراء غير آمن",
+    "agent.feedback.reason.well_explained": "شرح جيد",
+    "agent.feedback.reason.wrong_result": "نتيجة خاطئة",
+    "agent.feedback.reasonLabel": "السبب",
+    "agent.feedback.reasonPlaceholder": "اختر سببًا (اختياري)",
+    "agent.feedback.skip": "ليس الآن",
+    "agent.feedback.status.disabled": "لا يتم جمع التقييمات في هذه البيئة.",
+    "agent.feedback.submit": "إرسال",
+    "agent.feedback.tellUsMore": "أخبرنا المزيد",
+    "agent.feedback.thanks": "شكرًا على ملاحظاتك",
     "agent.filesProcessing": "لا تزال الملفات قيد المعالجة",
     "agent.fileStagedTooltip": "ملف مُعدّ - سيتم رفعه عند بدء المحادثة",
     "agent.fullscreen": "ملء الشاشة",
@@ -333,6 +362,7 @@
     "layout.pageNotFound": "الصفحة غير موجودة",
     "layout.search": "بحث",
     "layout.searchPlaceholder": "بحث...",
+    "layout.toggleNavigationMenu": "تبديل قائمة التنقل",
     "login.accept": "قبول",
     "login.reject": "رفض",
     "login.reviewInvites": "مراجعة الدعوات",

package/src/i18n/locales/de.json

@@ -93,6 +93,35 @@
     "agent.failedToInterrupt": "Unterbrechung fehlgeschlagen",
     "agent.failedToLoadDocument": "Dokument konnte nicht geladen werden",
     "agent.failedToSend": "Nachricht konnte nicht gesendet werden",
+    "agent.feedback.commentHelp": "Gezählt wird nur, ob Sie einen Kommentar hinterlassen haben; der Text selbst bleibt in Ihrem Projekt.",
+    "agent.feedback.commentLabel": "Kommentar",
+    "agent.feedback.commentPlaceholder": "Was lief gut, was lief schief?",
+    "agent.feedback.detailHelp": "Ihre Bewertung wurde gespeichert. Fügen Sie einen Grund hinzu, wenn Sie mehr sagen möchten.",
+    "agent.feedback.detailTitle": "Erzählen Sie uns mehr",
+    "agent.feedback.failed": "Bewertung konnte nicht gesendet werden",
+    "agent.feedback.notRecorded": "Ihre Bewertung wurde nicht erfasst",
+    "agent.feedback.rateMessageDown": "Diese Antwort negativ bewerten",
+    "agent.feedback.rateMessageUp": "Diese Antwort positiv bewerten",
+    "agent.feedback.rateRunDown": "Diesen Lauf negativ bewerten",
+    "agent.feedback.rateRunUp": "Diesen Lauf positiv bewerten",
+    "agent.feedback.reason.accurate": "Korrekt",
+    "agent.feedback.reason.fast": "Schnell",
+    "agent.feedback.reason.helpful": "Hilfreich",
+    "agent.feedback.reason.incomplete": "Unvollständig",
+    "agent.feedback.reason.misunderstood_request": "Hat meine Anfrage missverstanden",
+    "agent.feedback.reason.other": "Etwas anderes",
+    "agent.feedback.reason.too_slow": "Zu langsam",
+    "agent.feedback.reason.tool_failure": "Ein Tool ist fehlgeschlagen",
+    "agent.feedback.reason.unsafe_action": "Hat etwas Unsicheres getan",
+    "agent.feedback.reason.well_explained": "Gut erklärt",
+    "agent.feedback.reason.wrong_result": "Falsches Ergebnis",
+    "agent.feedback.reasonLabel": "Grund",
+    "agent.feedback.reasonPlaceholder": "Grund auswählen (optional)",
+    "agent.feedback.skip": "Jetzt nicht",
+    "agent.feedback.status.disabled": "In dieser Umgebung werden keine Bewertungen erfasst.",
+    "agent.feedback.submit": "Senden",
+    "agent.feedback.tellUsMore": "Erzählen Sie uns mehr",
+    "agent.feedback.thanks": "Danke für Ihr Feedback",
     "agent.filesProcessing": "Dateien werden noch verarbeitet",
     "agent.fileStagedTooltip": "Datei bereitgestellt - wird beim Start der Konversation hochgeladen",
     "agent.fullscreen": "Vollbild",
@@ -321,6 +350,7 @@
     "layout.pageNotFound": "Seite nicht gefunden",
     "layout.search": "Suche",
     "layout.searchPlaceholder": "Suchen...",
+    "layout.toggleNavigationMenu": "Navigationsmenü umschalten",
     "login.accept": "Akzeptieren",
     "login.reject": "Ablehnen",
     "login.reviewInvites": "Einladungen überprüfen",