@semiont/react-ui 0.5.25 → 0.5.27

package/src/styles/motivations/motivation-comment.css

@@ -33,8 +33,8 @@
   --semiont-motivation-comment-panel-bg-dark: rgba(55, 65, 81, 0.2);
 
   /* Button gradients */
-  --semiont-motivation-comment-button-bg: linear-gradient(to right, var(--semiont-color-purple-600), var(--semiont-color-indigo-600));
-  --semiont-motivation-comment-button-bg-hover: linear-gradient(to right, var(--semiont-color-purple-700), var(--semiont-color-indigo-700));
+  --semiont-motivation-comment-button-bg: linear-gradient(to right, var(--semiont-color-purple-600), var(--semiont-color-blue-600));
+  --semiont-motivation-comment-button-bg-hover: linear-gradient(to right, var(--semiont-color-purple-700), var(--semiont-color-blue-700));
 }
 
 /* ============================================

package/src/styles/motivations/motivation-reference.css

@@ -14,8 +14,8 @@
   /* Light theme colors */
   --semiont-motivation-reference-primary: var(--semiont-color-cyan-600);
   --semiont-motivation-reference-secondary: var(--semiont-color-blue-600);
-  --semiont-motivation-reference-bg: linear-gradient(to right, var(--semiont-color-cyan-200, #a5f3fc), var(--semiont-color-blue-200));
-  --semiont-motivation-reference-bg-hover: linear-gradient(to right, var(--semiont-color-cyan-300, #67e8f9), var(--semiont-color-blue-300));
+  --semiont-motivation-reference-bg: linear-gradient(to right, var(--semiont-color-cyan-200), var(--semiont-color-blue-200));
+  --semiont-motivation-reference-bg-hover: linear-gradient(to right, var(--semiont-color-cyan-300), var(--semiont-color-blue-300));
   --semiont-motivation-reference-border: rgba(6, 182, 212, 0.3);
   --semiont-motivation-reference-border-hover: rgba(6, 182, 212, 0.5);
   --semiont-motivation-reference-text: var(--semiont-color-gray-900);

package/src/styles/panels/history-panel.css

@@ -20,10 +20,6 @@
   color: var(--semiont-text-primary);
 }
 
-[data-theme="dark"] .semiont-history-panel__title {
-  color: var(--semiont-text-primary);
-}
-
 .semiont-history-panel__loading {
   margin: 0;
   padding: 0.5rem;
@@ -102,10 +98,6 @@
   color: var(--semiont-text-primary);
 }
 
-[data-theme="dark"] .semiont-history-group__type {
-  color: var(--semiont-text-primary);
-}
-
 .semiont-history-group__type-icon {
   font-size: var(--semiont-panel-icon-size);
 }
@@ -115,10 +107,6 @@
   color: var(--semiont-text-tertiary);
 }
 
-[data-theme="dark"] .semiont-history-group__count {
-  color: var(--semiont-text-tertiary);
-}
-
 .semiont-history-group__events {
   display: flex;
   flex-direction: column;
@@ -174,19 +162,11 @@
   margin-left: auto;
 }
 
-[data-theme="dark"] .semiont-history-event__timestamp {
-  color: var(--semiont-text-tertiary);
-}
-
 .semiont-history-event__text--quoted {
   font-style: italic;
   color: var(--semiont-text-secondary);
 }
 
-[data-theme="dark"] .semiont-history-event__text--quoted {
-  color: var(--semiont-text-secondary);
-}
-
 /* Entity types container - tags themselves use .semiont-tag from core */
 .semiont-history-event__entity-types {
   display: flex;
@@ -214,19 +194,11 @@
   color: var(--semiont-text-tertiary);
 }
 
-[data-theme="dark"] .semiont-history-event__detail {
-  color: var(--semiont-text-tertiary);
-}
-
 .semiont-history-event__detail-value {
   color: var(--semiont-text-primary);
   font-weight: var(--semiont-font-medium);
 }
 
-[data-theme="dark"] .semiont-history-event__detail-value {
-  color: var(--semiont-text-primary);
-}
-
 .semiont-history-event__detail-value--uppercase {
   text-transform: uppercase;
 }
@@ -236,10 +208,6 @@
   color: var(--semiont-text-primary);
 }
 
-[data-theme="dark"] .semiont-history-event__action {
-  color: var(--semiont-text-primary);
-}
-
 .semiont-history-event__text {
   font-size: var(--semiont-text-sm);
   color: var(--semiont-text-secondary);
@@ -250,10 +218,6 @@
   line-height: 1.5;
 }
 
-[data-theme="dark"] .semiont-history-event__text {
-  color: var(--semiont-text-secondary);
-}
-
 .semiont-history-event__meta {
   display: flex;
   align-items: center;
@@ -276,10 +240,6 @@
   color: var(--semiont-text-tertiary);
 }
 
-[data-theme="dark"] .semiont-history-event__time {
-  color: var(--semiont-text-tertiary);
-}
-
 .semiont-history-event__link {
   font-size: var(--semiont-text-xs);
   color: var(--semiont-color-primary-600);

package/src/styles/panels/user-panel.css

@@ -19,6 +19,3 @@
   color: var(--semiont-text-primary);
 }
 
-[data-theme="dark"] .semiont-user-panel__title {
-  color: var(--semiont-text-primary);
-}

package/src/styles/patterns/panel-helpers.css

@@ -28,10 +28,6 @@
   margin-left: 0.5rem;
 }
 
-[data-theme="dark"] .semiont-annotation-prompt__char-count {
-  color: var(--semiont-text-tertiary);
-}
-
 .semiont-annotation-prompt__actions {
   display: flex;
   gap: 0.5rem;
@@ -101,26 +97,3 @@
   color: var(--semiont-color-blue-300);
 }
 
-/* Progress Bar (moved to panel-sections.css as .semiont-panel-progress) */
-.semiont-progress-bar {
-  position: relative;
-  width: 100%;
-  height: 0.5rem;
-  background-color: var(--semiont-bg-secondary);
-  border-radius: var(--semiont-radius-full);
-  overflow: hidden;
-}
-
-.semiont-progress-bar__fill {
-  height: 100%;
-  background-color: var(--semiont-color-primary-500);
-  transition: width 0.3s ease;
-}
-
-[data-theme="dark"] .semiont-progress-bar__fill {
-  background-color: var(--semiont-color-primary-500);
-}
-
-[data-theme="dark"] .semiont-progress-bar {
-  background-color: var(--semiont-bg-tertiary);
-}

package/src/styles/patterns/panel-sections.css

@@ -43,10 +43,6 @@
   letter-spacing: 0.05em;
 }
 
-[data-theme="dark"] .semiont-panel-section__heading {
-  color: var(--semiont-text-secondary);
-}
-
 /* Section Content */
 .semiont-panel-section__content {
   display: flex;
@@ -120,10 +116,6 @@
   outline-offset: -2px;
 }
 
-[data-theme="dark"] .semiont-panel-tab {
-  color: var(--semiont-text-secondary);
-}
-
 [data-theme="dark"] .semiont-panel-tab:focus-visible {
   outline-color: var(--semiont-color-primary-400);
 }
@@ -197,29 +189,17 @@
   margin-right: 0.5rem;
 }
 
-[data-theme="dark"] .semiont-panel-field__label {
-  color: var(--semiont-text-tertiary);
-}
-
 .semiont-panel-field__value {
   font-size: var(--semiont-text-sm);
   color: var(--semiont-text-primary);
   font-weight: var(--semiont-font-medium);
 }
 
-[data-theme="dark"] .semiont-panel-field__value {
-  color: var(--semiont-text-primary);
-}
-
 .semiont-panel-field__value--empty {
   color: var(--semiont-text-tertiary);
   font-style: italic;
 }
 
-[data-theme="dark"] .semiont-panel-field__value--empty {
-  color: var(--semiont-text-tertiary);
-}
-
 /* Section Input Areas */
 .semiont-panel-input-area {
   padding: 1rem;
@@ -308,20 +288,12 @@
   letter-spacing: 0.05em;
 }
 
-[data-theme="dark"] .semiont-panel-card__label {
-  color: var(--semiont-text-tertiary);
-}
-
 .semiont-panel-card__value {
   font-size: var(--semiont-text-2xl);
   font-weight: var(--semiont-font-semibold);
   color: var(--semiont-text-primary);
 }
 
-[data-theme="dark"] .semiont-panel-card__value {
-  color: var(--semiont-text-primary);
-}
-
 .semiont-panel-card__change {
   font-size: var(--semiont-text-xs);
   display: flex;
@@ -345,30 +317,6 @@
   color: var(--semiont-color-error-light);
 }
 
-/* Progress Bar (for panels) */
-.semiont-panel-progress {
-  position: relative;
-  width: 100%;
-  height: 0.5rem;
-  background-color: var(--semiont-bg-secondary);
-  border-radius: var(--semiont-radius-full);
-  overflow: hidden;
-}
-
-[data-theme="dark"] .semiont-panel-progress {
-  background-color: var(--semiont-bg-tertiary);
-}
-
-.semiont-panel-progress__fill {
-  height: 100%;
-  background-color: var(--semiont-color-primary-500);
-  transition: width 0.3s ease;
-}
-
-[data-theme="dark"] .semiont-panel-progress__fill {
-  background-color: var(--semiont-color-primary-500);
-}
-
 /* User Lists */
 .semiont-panel-user-list {
   display: flex;
@@ -426,15 +374,8 @@
   color: var(--semiont-text-primary);
 }
 
-[data-theme="dark"] .semiont-panel-user__name {
-  color: var(--semiont-text-primary);
-}
-
 .semiont-panel-user__status {
   font-size: var(--semiont-text-xs);
   color: var(--semiont-text-tertiary);
 }
 
-[data-theme="dark"] .semiont-panel-user__status {
-  color: var(--semiont-text-tertiary);
-}

package/src/styles/patterns/panels-base.css

@@ -20,18 +20,10 @@
   background: var(--semiont-bg-secondary);
 }
 
-[data-theme="dark"] .semiont-panel--secondary {
-  background: var(--semiont-bg-secondary);
-}
-
 .semiont-panel--tertiary {
   background: var(--semiont-bg-tertiary);
 }
 
-[data-theme="dark"] .semiont-panel--tertiary {
-  background: var(--semiont-bg-tertiary);
-}
-
 .semiont-panel--bordered {
   border: 1px solid var(--semiont-border-primary);
 }
@@ -58,10 +50,6 @@
   margin-bottom: var(--semiont-panel-header-margin-bottom);
 }
 
-[data-theme="dark"] .semiont-panel-header__title {
-  color: var(--semiont-text-primary);
-}
-
 .semiont-panel-header__icon {
   font-size: 1.25rem;
   line-height: 1;
@@ -76,10 +64,6 @@
   font-size: var(--semiont-text-sm);
 }
 
-[data-theme="dark"] .semiont-panel-header__count {
-  color: var(--semiont-text-tertiary);
-}
-
 .semiont-panel-header__actions {
   display: flex;
   gap: 0.5rem;
@@ -162,10 +146,6 @@
   font-size: var(--semiont-text-sm);
 }
 
-[data-theme="dark"] .semiont-panel-empty {
-  color: var(--semiont-text-tertiary);
-}
-
 .semiont-panel-empty__icon {
   font-size: 3rem;
   opacity: 0.3;
@@ -191,10 +171,6 @@
   margin-bottom: 0.5rem;
 }
 
-[data-theme="dark"] .semiont-panel-subtitle {
-  color: var(--semiont-text-secondary);
-}
-
 .semiont-panel-text {
   font-size: var(--semiont-text-sm);
   font-weight: var(--semiont-font-medium);
@@ -204,10 +180,6 @@
   white-space: nowrap;
 }
 
-[data-theme="dark"] .semiont-panel-text {
-  color: var(--semiont-text-primary);
-}
-
 .semiont-panel-text-secondary {
   font-size: var(--semiont-text-xs);
   color: var(--semiont-color-gray-500);
@@ -270,10 +242,6 @@
   color: var(--semiont-color-gray-300);
 }
 
-[data-theme="dark"] .semiont-panel__section-title--collapsible:hover {
-  background: var(--semiont-bg-tertiary);
-}
-
 .semiont-panel__section-title--collapsible:focus-visible {
   outline: 2px solid var(--semiont-color-primary-500);
   outline-offset: 2px;
@@ -405,12 +373,12 @@
 
 /* Login form pulsing border for first-launch nudge */
 @keyframes semiont-pulse-border {
-  0%, 100% { border-color: var(--semiont-color-primary-300, #93c5fd); }
-  50% { border-color: var(--semiont-color-primary-600, #2563eb); }
+  0%, 100% { border-color: var(--semiont-color-primary-300); }
+  50% { border-color: var(--semiont-color-primary-600); }
 }
 
 .semiont-panel__login-form--pulsing {
-  border: 2px solid var(--semiont-color-primary-400, #60a5fa);
-  border-radius: var(--semiont-panel-border-radius, 0.5rem);
+  border: 2px solid var(--semiont-color-primary-400);
+  border-radius: var(--semiont-panel-border-radius);
   animation: semiont-pulse-border 2s ease-in-out infinite;
 }

package/src/styles/utilities/motion.css

@@ -124,7 +124,7 @@
 .semiont-transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: var(--semiont-duration-base, 150ms);
+  transition-duration: var(--semiont-duration-base);
 }
 
 .semiont-transition-none {
@@ -134,58 +134,58 @@
 .semiont-transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: var(--semiont-duration-base, 150ms);
+  transition-duration: var(--semiont-duration-base);
 }
 
 .semiont-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: var(--semiont-duration-base, 150ms);
+  transition-duration: var(--semiont-duration-base);
 }
 
 .semiont-transition-opacity {
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: var(--semiont-duration-base, 150ms);
+  transition-duration: var(--semiont-duration-base);
 }
 
 .semiont-transition-transform {
   transition-property: transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: var(--semiont-duration-base, 150ms);
+  transition-duration: var(--semiont-duration-base);
 }
 
 /* Animation classes */
 .semiont-animate-fade-in {
-  animation: fadeIn var(--semiont-duration-base, 150ms) ease-in-out;
+  animation: fadeIn var(--semiont-duration-base) ease-in-out;
 }
 
 .semiont-animate-fade-out {
-  animation: fadeOut var(--semiont-duration-base, 150ms) ease-in-out;
+  animation: fadeOut var(--semiont-duration-base) ease-in-out;
 }
 
 .semiont-animate-slide-in-up {
-  animation: slideInUp var(--semiont-duration-moderate, 300ms) ease-out;
+  animation: slideInUp var(--semiont-duration-base) ease-out;
 }
 
 .semiont-animate-slide-in-down {
-  animation: slideInDown var(--semiont-duration-moderate, 300ms) ease-out;
+  animation: slideInDown var(--semiont-duration-base) ease-out;
 }
 
 .semiont-animate-slide-in-left {
-  animation: slideInLeft var(--semiont-duration-moderate, 300ms) ease-out;
+  animation: slideInLeft var(--semiont-duration-base) ease-out;
 }
 
 .semiont-animate-slide-in-right {
-  animation: slideInRight var(--semiont-duration-moderate, 300ms) ease-out;
+  animation: slideInRight var(--semiont-duration-base) ease-out;
 }
 
 .semiont-animate-scale-in {
-  animation: scaleIn var(--semiont-duration-base, 150ms) ease-out;
+  animation: scaleIn var(--semiont-duration-base) ease-out;
 }
 
 .semiont-animate-scale-out {
-  animation: scaleOut var(--semiont-duration-base, 150ms) ease-in;
+  animation: scaleOut var(--semiont-duration-base) ease-in;
 }
 
 .semiont-animate-spin {
@@ -299,13 +299,13 @@
   .semiont-motion-safe-transition-all {
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: var(--semiont-duration-base, 150ms);
+    transition-duration: var(--semiont-duration-base);
   }
 
   .semiont-motion-safe-transition-transform {
     transition-property: transform;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    transition-duration: var(--semiont-duration-base, 150ms);
+    transition-duration: var(--semiont-duration-base);
   }
 }
 

package/src/styles/variables.css

@@ -177,6 +177,14 @@
   --semiont-bg-tertiary: var(--semiont-color-neutral-100);
   --semiont-bg-inverse: var(--semiont-color-neutral-900);
 
+  /* Borders — the panel/card border every pattern file reaches for. */
+  --semiont-border-primary: var(--semiont-color-neutral-200);
+  --semiont-border-secondary: var(--semiont-color-neutral-100);
+
+  /* Interaction */
+  --semiont-bg-hover: var(--semiont-color-neutral-100);
+  --semiont-focus-ring: var(--semiont-color-blue-500);
+
   /* Text Colors */
   --semiont-text-primary: var(--semiont-color-neutral-900);
   --semiont-text-secondary: var(--semiont-color-neutral-600);
@@ -186,6 +194,8 @@
 
   /* Spacing */
   --semiont-spacing-0: 0;
+  --semiont-panel-gap-xs: 0.25rem;
+  --semiont-text-2xs: 0.625rem;
   --semiont-spacing-xs: 0.25rem;
   --semiont-spacing-sm: 0.5rem;
   --semiont-spacing-md: 1rem;
@@ -322,6 +332,11 @@
     --semiont-text-tertiary: var(--semiont-color-neutral-400);
     --semiont-text-disabled: var(--semiont-color-neutral-600);
     --semiont-text-inverse: var(--semiont-color-neutral-900);
+
+    --semiont-border-primary: var(--semiont-color-neutral-700);
+    --semiont-border-secondary: var(--semiont-color-neutral-800);
+    --semiont-bg-hover: var(--semiont-color-neutral-800);
+    --semiont-focus-ring: var(--semiont-color-blue-400);
   }
 }
 
@@ -337,6 +352,14 @@
   --semiont-text-tertiary: var(--semiont-color-neutral-500);
   --semiont-text-disabled: var(--semiont-color-neutral-400);
   --semiont-text-inverse: var(--semiont-color-neutral-0);
+
+  /* Borders — the panel/card border every pattern file reaches for. */
+  --semiont-border-primary: var(--semiont-color-neutral-200);
+  --semiont-border-secondary: var(--semiont-color-neutral-100);
+
+  /* Interaction */
+  --semiont-bg-hover: var(--semiont-color-neutral-100);
+  --semiont-focus-ring: var(--semiont-color-blue-500);
 }
 
 /* Allow manual dark mode override */
@@ -351,4 +374,9 @@
   --semiont-text-tertiary: var(--semiont-color-neutral-400);
   --semiont-text-disabled: var(--semiont-color-neutral-600);
   --semiont-text-inverse: var(--semiont-color-neutral-900);
-}
+
+  --semiont-border-primary: var(--semiont-color-neutral-700);
+  --semiont-border-secondary: var(--semiont-color-neutral-800);
+  --semiont-bg-hover: var(--semiont-color-neutral-800);
+  --semiont-focus-ring: var(--semiont-color-blue-400);
+}

package/translations/ar.json

@@ -1,8 +1,40 @@
 {
   "AssistProgress": {
     "close": "إغلاق",
-    "paramsTitle": "معاملات الطلب:",
-    "processing": "الحالي: {{label}}"
+    "codeLoading": "جارٍ التحميل…",
+    "codeAnalyzing": "جارٍ التوسيم…",
+    "codeAnalyzingTags": "توسيم الوسوم…",
+    "codeDetectingEntities": "جارٍ التوسيم…",
+    "codeCreatingAnnotations": "إنشاء {{count}} تعليقات توضيحية…",
+    "codeCreatingTagAnnotations": "إنشاء {{count}} وسوم…",
+    "codeCompleteCreated": "تم إنشاء {{count}} {{kind}}",
+    "codeGeneratingResource": "جارٍ التوليد…",
+    "codeCreatingResource": "إنشاء المورد…",
+    "kindHighlight": "تظليلات",
+    "kindComment": "تعليقات",
+    "kindAssessment": "تقييمات",
+    "kindReference": "مراجع",
+    "kindTag": "وسوم",
+    "subject": "{{kind}}: {{label}}",
+    "subjectWithPosition": "{{kind}}: {{label}} ({{done}} من {{total}})",
+    "paramEntityTypes": "أنواع الكيانات",
+    "paramInstructions": "التعليمات",
+    "paramTone": "النبرة",
+    "paramDensity": "الكثافة",
+    "subjectKindEntityType": "نوع الكيان",
+    "subjectKindCategory": "فئة",
+    "cancel": "إلغاء",
+    "inProgress": "جارٍ التوضيح..."
+  },
+  "PdfViewer": {
+    "loadFailed": "فشل تحميل ملف PDF",
+    "loading": "جارٍ تحميل PDF...",
+    "next": "التالي",
+    "pageLoadFailed": "فشل تحميل الصفحة",
+    "pageOf": "صفحة {{page}} من {{total}}",
+    "pagination": "ترقيم الصفحات",
+    "previous": "السابق",
+    "viewerLoading": "جارٍ تحميل عارض PDF..."
   },
   "Toolbar": {
     "annotations": "التعليقات التوضيحية",
@@ -53,7 +85,10 @@
     "realtimeActive": "التحديثات في الوقت الفعلي نشطة",
     "reconnecting": "جارٍ إعادة الاتصال بالخادم...",
     "sharing": "المشاركة",
-    "collaborationComingSoon": "ميزات التعاون قادمة قريبًا"
+    "collaborationComingSoon": "ميزات التعاون قادمة قريبًا",
+    "collaborators": "المتعاونون",
+    "ceilings": "{{contextTokens}} إدخال / {{maxOutputTokens}} إخراج",
+    "sharedWindow": "نافذة {{contextTokens}}"
   },
   "AnnotationHistory": {
     "history": "السجل",
@@ -377,7 +412,8 @@
     "progressCancel": "إلغاء التوليد",
     "progressInProgress": "جارٍ التوليد…",
     "progressComplete": "اكتمل التوليد!",
-    "progressFailed": "فشل التوليد"
+    "progressFailed": "فشل التوليد",
+    "maxLengthCeiling": "محدود بـ {{maxOutputTokens}} رمزًا بواسطة {{model}}."
   },
   "ReferenceWizard": {
     "gatherTitle": "السياق المُجمَّع",
@@ -414,6 +450,24 @@
     "semanticScoring": "التقييم الدلالي",
     "semanticScoringHelp": "استخدام الذكاء الاصطناعي لتقييم النتائج حسب الصلة الدلالية",
     "searching": "جاري البحث...",
-    "search": "بحث"
+    "search": "بحث",
+    "maxLengthCeiling": "محدود بـ {{maxOutputTokens}} رمزًا بواسطة {{model}}."
+  },
+  "OutcomeToasts": {
+    "createFailed": "تعذّر إنشاء التعليق التوضيحي: {{detail}}",
+    "deleteFailed": "تعذّر حذف التعليق التوضيحي: {{detail}}",
+    "referenceUpdateFailed": "تعذّر تحديث المرجع: {{detail}}",
+    "unknownError": "خطأ غير معروف",
+    "assistQuiet": "لا يزال قيد التنفيذ — لا تحديث منذ عدة دقائق",
+    "resourceCreatedNamed": "تم إنشاء «{{name}}»",
+    "resourceCreated": "تم إنشاء المورد",
+    "annotationComplete": "اكتمل التوسيم",
+    "annotationFailed": "فشل التوسيم",
+    "generationFailed": "فشل التوليد: {{detail}}",
+    "decline_no-text-layer": "هذا الملف صورة ممسوحة تعذّر التعرّف على نصها.",
+    "decline_encrypted": "هذا الملف محمي بكلمة مرور، ولا يمكن قراءة نصه.",
+    "decline_corrupt": "تعذّرت قراءة هذا الملف — قد يكون تالفًا.",
+    "decline_too-large": "هذا المستند أكبر من أن يُستخرج نصه.",
+    "decline_empty": "لا يحتوي هذا المستند على نص لتوسيمه."
   }
 }