@semiont/react-ui 0.4.15 → 0.4.16

package/src/components/resource/event-formatting.ts

@@ -13,6 +13,36 @@ import { ANNOTATORS } from '../../lib/annotation-registry';
 type Annotation = components['schemas']['Annotation'];
 type TranslateFn = (key: string, params?: Record<string, string | number>) => string;
 
+// =============================================================================
+// USER ID DISPLAY
+// =============================================================================
+
+/**
+ * Format a DID or user ID for display.
+ *
+ * did:web:example.com:users:admin%40example.com → admin@example.com
+ * did:web:system:smelter → Smelter
+ * plain-string → plain-string
+ */
+export function formatUserId(userId: string): string {
+  if (!userId.startsWith('did:')) return userId;
+
+  // System actors: did:web:system:smelter → Smelter
+  const systemMatch = userId.match(/^did:web:system:(.+)$/);
+  if (systemMatch) {
+    const name = systemMatch[1];
+    return name.charAt(0).toUpperCase() + name.slice(1);
+  }
+
+  // User DIDs: did:web:example.com:users:admin%40example.com → admin@example.com
+  const userMatch = userId.match(/^did:web:[^:]+:users:(.+)$/);
+  if (userMatch) {
+    return decodeURIComponent(userMatch[1]);
+  }
+
+  return userId;
+}
+
 // =============================================================================
 // EVENT FORMATTING AND DISPLAY
 // =============================================================================
@@ -60,6 +90,9 @@ export function formatEventType(type: PersistedEventType, t: TranslateFn, payloa
     case 'yield:representation-removed':
       return t('representationEvent');
 
+    case 'embedding:computed':
+      return t('embeddingComputed');
+
     default:
       return type;
   }
@@ -108,6 +141,9 @@ export function getEventEmoji(type: PersistedEventType, payload?: any): string {
     case 'yield:representation-removed':
       return '📄';
 
+    case 'embedding:computed':
+      return '🧮';
+
     default:
       return '📝';
   }

package/src/components/resource/panels/ResourceInfoPanel.tsx

@@ -14,6 +14,7 @@ interface Props {
   documentLocale?: string | undefined;
   primaryMediaType?: string | undefined;
   primaryByteSize?: number | undefined;
+  storageUri?: string | undefined;
   isArchived?: boolean;
   dateCreated?: string | undefined;
   dateModified?: string | undefined;
@@ -36,6 +37,7 @@ export function ResourceInfoPanel({
   documentLocale,
   primaryMediaType,
   primaryByteSize,
+  storageUri,
   isArchived = false,
   dateCreated,
   dateModified,
@@ -89,6 +91,14 @@ export function ResourceInfoPanel({
                 </span>
               </div>
             )}
+            {storageUri && (
+              <div>
+                <span className="semiont-resource-info-panel__label">{t('storageUri')}</span>
+                <span className="semiont-resource-info-panel__value">
+                  {storageUri}
+                </span>
+              </div>
+            )}
           </div>
         </div>
       )}

package/src/components/resource/panels/__tests__/ResourceInfoPanel.test.tsx

@@ -15,6 +15,7 @@ vi.mock('../../../../contexts/TranslationContext', () => ({
       representation: 'Representation',
       mediaType: 'Media Type',
       byteSize: 'Size',
+      storageUri: 'Storage',
       clone: 'Clone',
       cloneDescription: 'Generate a shareable clone link for this resource',
       archive: 'Archive',
@@ -195,6 +196,28 @@ describe('ResourceInfoPanel Component', () => {
       expect(screen.getByText('1,024 bytes')).toBeInTheDocument();
     });
 
+    it('should render storageUri when provided', () => {
+      renderWithEventBus(
+        <ResourceInfoPanel
+          {...defaultProps}
+          primaryMediaType="text/markdown"
+          storageUri="file://docs/overview.md"
+        />
+      );
+      expect(screen.getByText('Storage')).toBeInTheDocument();
+      expect(screen.getByText('file://docs/overview.md')).toBeInTheDocument();
+    });
+
+    it('should not render storageUri when absent', () => {
+      renderWithEventBus(
+        <ResourceInfoPanel
+          {...defaultProps}
+          primaryMediaType="text/markdown"
+        />
+      );
+      expect(screen.queryByText('Storage')).not.toBeInTheDocument();
+    });
+
     it('should not render representation section when neither media type nor byte size provided', () => {
       renderWithEventBus(
         <ResourceInfoPanel

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

@@ -339,7 +339,9 @@ export function ResourceComposePage({
 
         {/* Create Form */}
         <div className="semiont-form">
-        <form onSubmit={handleSaveResource} className="semiont-form__fields">
+        <form onSubmit={handleSaveResource} className="semiont-form__fields semiont-compose-grid">
+          {/* Left column: metadata */}
+          <div className="semiont-compose-grid__meta">
           {/* Name */}
           <div className="semiont-form__field">
             <label htmlFor="docName" className="semiont-form__label">
@@ -468,6 +470,11 @@ export function ResourceComposePage({
             </select>
           </div>
 
+          </div>{/* end semiont-compose-grid__meta */}
+
+          {/* Right column: content */}
+          <div className="semiont-compose-grid__content">
+
           {/* Content Source Toggle - only show for new resources */}
           {!isClone && !isReferenceCompletion && (
             <div className="semiont-form__field">
@@ -657,6 +664,8 @@ export function ResourceComposePage({
             </div>
           )}
 
+          </div>{/* end semiont-compose-grid__content */}
+
           {/* Action Buttons */}
           <div className="semiont-form__actions">
             <button

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

@@ -557,6 +557,7 @@ export function ResourceViewerPage({
             activePanel={activePanel}
             theme={theme}
             showLineNumbers={showLineNumbers}
+            hoverDelayMs={hoverDelayMs}
             width={
               activePanel === 'jsonld' ? 'w-[600px]' :
               activePanel === 'annotations' ? 'w-[400px]' :
@@ -617,6 +618,7 @@ export function ResourceViewerPage({
                 documentLocale={getLanguage(resource)}
                 primaryMediaType={primaryMediaType}
                 primaryByteSize={primaryByteSize}
+                storageUri={resource.storageUri}
                 isArchived={resource.archived ?? false}
                 dateCreated={resource.dateCreated}
                 dateModified={resource.dateModified}

package/src/styles/features/compose.css

@@ -9,6 +9,69 @@
   /* Use full width like the Discover page instead of centering */
 }
 
+/* Two-column compose grid: metadata left, content right on wide screens */
+.semiont-compose-grid {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1rem;
+}
+
+.semiont-compose-grid__meta {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.semiont-compose-grid__content {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  min-height: 0;
+}
+
+/* Let the editor fill remaining vertical space */
+.semiont-compose-grid__content .semiont-form__editor {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.semiont-compose-grid__content .semiont-form__editor-wrapper {
+  flex: 1;
+  min-height: 200px;
+}
+
+/* On screens wider than 768px, split into two columns */
+@media (min-width: 768px) {
+  .semiont-compose-grid {
+    grid-template-columns: 280px 1fr;
+    grid-template-rows: 1fr auto;
+  }
+
+  .semiont-compose-grid__meta {
+    grid-column: 1;
+    grid-row: 1;
+  }
+
+  .semiont-compose-grid__content {
+    grid-column: 2;
+    grid-row: 1;
+  }
+
+  /* Action buttons span full width below both columns */
+  .semiont-compose-grid ~ .semiont-form__actions,
+  .semiont-form__actions {
+    grid-column: 1 / -1;
+  }
+}
+
+/* On very wide screens, give metadata more room */
+@media (min-width: 1200px) {
+  .semiont-compose-grid {
+    grid-template-columns: 320px 1fr;
+  }
+}
+
 /* Form Upload Section */
 .semiont-form__upload-section {
   display: flex;

package/translations/ar.json

@@ -28,7 +28,8 @@
     "creationMethod": "طريقة الإنشاء",
     "attributedTo": "منسوب إلى",
     "derivedFrom": "مشتق من",
-    "generatedBy": "أُنشئ بواسطة"
+    "generatedBy": "أُنشئ بواسطة",
+    "storageUri": "التخزين"
   },
   "CollaborationPanel": {
     "title": "التعاون",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "استخدام الذكاء الاصطناعي لتقييم النتائج حسب الصلة الدلالية",
     "searching": "جاري البحث...",
     "search": "بحث"
+  },
+  "History": {
+    "embeddingComputed": "تم حساب التضمين"
   }
-}
+}

package/translations/bn.json

@@ -28,7 +28,8 @@
     "creationMethod": "তৈরির পদ্ধতি",
     "attributedTo": "সম্পাদককৃত",
     "derivedFrom": "থেকে উৎপন্ন",
-    "generatedBy": "তৈরিকারক"
+    "generatedBy": "তৈরিকারক",
+    "storageUri": "সঞ্চয়স্থান"
   },
   "CollaborationPanel": {
     "title": "সহযোগিতা",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "অর্থগত প্রাসঙ্গিকতা অনুযায়ী ফলাফল স্কোর করতে AI ব্যবহার করুন",
     "searching": "অনুসন্ধান করা হচ্ছে...",
     "search": "অনুসন্ধান"
+  },
+  "History": {
+    "embeddingComputed": "এমবেডিং গণনা করা হয়েছে"
   }
-}
+}

package/translations/cs.json

@@ -28,7 +28,8 @@
     "creationMethod": "Způsob vytvoření",
     "attributedTo": "Připsáno",
     "derivedFrom": "Odvozeno z",
-    "generatedBy": "Vygenerováno pomocí"
+    "generatedBy": "Vygenerováno pomocí",
+    "storageUri": "Úložiště"
   },
   "CollaborationPanel": {
     "title": "Spolupráce",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "Použít AI k hodnocení výsledků podle sémantické relevance",
     "searching": "Vyhledávání...",
     "search": "Hledat"
+  },
+  "History": {
+    "embeddingComputed": "Embedding vypočten"
   }
-}
+}

package/translations/da.json

@@ -28,7 +28,8 @@
     "creationMethod": "Oprettelsesmetode",
     "attributedTo": "Tilskrevet",
     "derivedFrom": "Afledt af",
-    "generatedBy": "Genereret af"
+    "generatedBy": "Genereret af",
+    "storageUri": "Lagring"
   },
   "CollaborationPanel": {
     "title": "Samarbejde",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "Brug AI til at score resultater efter semantisk relevans",
     "searching": "Søger...",
     "search": "Søg"
+  },
+  "History": {
+    "embeddingComputed": "Embedding beregnet"
   }
-}
+}

package/translations/de.json

@@ -28,7 +28,8 @@
     "creationMethod": "Erstellungsmethode",
     "attributedTo": "Zugeschrieben",
     "derivedFrom": "Abgeleitet von",
-    "generatedBy": "Erstellt von"
+    "generatedBy": "Erstellt von",
+    "storageUri": "Speicher"
   },
   "CollaborationPanel": {
     "title": "Zusammenarbeit",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "KI zur Bewertung der Ergebnisse nach semantischer Relevanz verwenden",
     "searching": "Suche läuft...",
     "search": "Suchen"
+  },
+  "History": {
+    "embeddingComputed": "Embedding berechnet"
   }
-}
+}

package/translations/el.json

@@ -28,7 +28,8 @@
     "creationMethod": "Μέθοδος δημιουργίας",
     "attributedTo": "Αποδίδεται σε",
     "derivedFrom": "Παράγεται από",
-    "generatedBy": "Δημιουργήθηκε από"
+    "generatedBy": "Δημιουργήθηκε από",
+    "storageUri": "Αποθήκευση"
   },
   "CollaborationPanel": {
     "title": "Συνεργασία",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "Χρήση AI για βαθμολόγηση αποτελεσμάτων κατά σημασιολογική συνάφεια",
     "searching": "Αναζήτηση...",
     "search": "Αναζήτηση"
+  },
+  "History": {
+    "embeddingComputed": "Ενσωμάτωση υπολογίστηκε"
   }
-}
+}

package/translations/en.json

@@ -16,6 +16,7 @@
     "representation": "Representation",
     "mediaType": "Media Type",
     "byteSize": "Size",
+    "storageUri": "Storage",
     "clone": "Clone",
     "cloneDescription": "Generate a shareable clone link for this resource",
     "archive": "Archive",
@@ -73,6 +74,7 @@
     "annotationRemoved": "Annotation Removed",
     "annotationBodyUpdated": "Annotation Updated",
     "jobEvent": "Job Event",
+    "embeddingComputed": "Embedding Computed",
     "justNow": "just now",
     "minutesAgo": "{{count}}m ago",
     "hoursAgo": "{{count}}h ago",

package/translations/es.json

@@ -28,7 +28,8 @@
     "creationMethod": "Cómo se creó",
     "attributedTo": "Atribuido a",
     "derivedFrom": "Derivado de",
-    "generatedBy": "Generado por"
+    "generatedBy": "Generado por",
+    "storageUri": "Almacenamiento"
   },
   "CollaborationPanel": {
     "title": "Colaboración",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "Usar IA para puntuar resultados por relevancia semántica",
     "searching": "Buscando...",
     "search": "Buscar"
+  },
+  "History": {
+    "embeddingComputed": "Embedding calculado"
   }
-}
+}

package/translations/fa.json

@@ -28,7 +28,8 @@
     "creationMethod": "روش ایجاد",
     "attributedTo": "منتسب به",
     "derivedFrom": "مشتق از",
-    "generatedBy": "تولیدشده توسط"
+    "generatedBy": "تولیدشده توسط",
+    "storageUri": "ذخیره‌سازی"
   },
   "CollaborationPanel": {
     "title": "همکاری",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "استفاده از هوش مصنوعی برای امتیازدهی نتایج بر اساس ارتباط معنایی",
     "searching": "در حال جستجو...",
     "search": "جستجو"
+  },
+  "History": {
+    "embeddingComputed": "تعبیه محاسبه شد"
   }
-}
+}

package/translations/fi.json

@@ -28,7 +28,8 @@
     "creationMethod": "Luontitapa",
     "attributedTo": "Tekijä",
     "derivedFrom": "Johdettu",
-    "generatedBy": "Luonut"
+    "generatedBy": "Luonut",
+    "storageUri": "Tallennuspaikka"
   },
   "CollaborationPanel": {
     "title": "Yhteistyö",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "Käytä tekoälyä tulosten pisteyttämiseen semanttisen relevanssin mukaan",
     "searching": "Haetaan...",
     "search": "Hae"
+  },
+  "History": {
+    "embeddingComputed": "Upotus laskettu"
   }
-}
+}

package/translations/fr.json

@@ -28,7 +28,8 @@
     "creationMethod": "Mode de création",
     "attributedTo": "Attribué à",
     "derivedFrom": "Dérivé de",
-    "generatedBy": "Généré par"
+    "generatedBy": "Généré par",
+    "storageUri": "Stockage"
   },
   "CollaborationPanel": {
     "title": "Collaboration",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "Utiliser l'IA pour évaluer les résultats par pertinence sémantique",
     "searching": "Recherche en cours...",
     "search": "Rechercher"
+  },
+  "History": {
+    "embeddingComputed": "Embedding calculé"
   }
-}
+}

package/translations/he.json

@@ -28,7 +28,8 @@
     "creationMethod": "אופן יצירה",
     "attributedTo": "מיוחס ל",
     "derivedFrom": "נגזר מ",
-    "generatedBy": "נוצר על ידי"
+    "generatedBy": "נוצר על ידי",
+    "storageUri": "אחסון"
   },
   "CollaborationPanel": {
     "title": "שיתוף פעולה",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "שימוש ב-AI לדירוג תוצאות לפי רלוונטיות סמנטית",
     "searching": "מחפש...",
     "search": "חיפוש"
+  },
+  "History": {
+    "embeddingComputed": "הטמעה חושבה"
   }
-}
+}

package/translations/hi.json

@@ -28,7 +28,8 @@
     "creationMethod": "निर्माण विधि",
     "attributedTo": "श्रेय दिया गया",
     "derivedFrom": "से व्युत्पन्न",
-    "generatedBy": "द्वारा उत्पन्न"
+    "generatedBy": "द्वारा उत्पन्न",
+    "storageUri": "भंडारण"
   },
   "CollaborationPanel": {
     "title": "सहयोग",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "अर्थगत प्रासंगिकता के अनुसार परिणामों को स्कोर करने के लिए AI का उपयोग करें",
     "searching": "खोज रहे हैं...",
     "search": "खोजें"
+  },
+  "History": {
+    "embeddingComputed": "एम्बेडिंग गणना की गई"
   }
-}
+}

package/translations/id.json

@@ -28,7 +28,8 @@
     "creationMethod": "Cara pembuatan",
     "attributedTo": "Dikaitkan dengan",
     "derivedFrom": "Diturunkan dari",
-    "generatedBy": "Dibuat oleh"
+    "generatedBy": "Dibuat oleh",
+    "storageUri": "Penyimpanan"
   },
   "CollaborationPanel": {
     "title": "Kolaborasi",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "Gunakan AI untuk menilai hasil berdasarkan relevansi semantik",
     "searching": "Mencari...",
     "search": "Cari"
+  },
+  "History": {
+    "embeddingComputed": "Embedding dihitung"
   }
-}
+}

package/translations/it.json

@@ -28,7 +28,8 @@
     "creationMethod": "Metodo di creazione",
     "attributedTo": "Attribuito a",
     "derivedFrom": "Derivato da",
-    "generatedBy": "Generato da"
+    "generatedBy": "Generato da",
+    "storageUri": "Archiviazione"
   },
   "CollaborationPanel": {
     "title": "Collaborazione",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "Usa l'IA per valutare i risultati in base alla rilevanza semantica",
     "searching": "Ricerca in corso...",
     "search": "Cerca"
+  },
+  "History": {
+    "embeddingComputed": "Embedding calcolato"
   }
-}
+}

package/translations/ja.json

@@ -28,7 +28,8 @@
     "creationMethod": "作成方法",
     "attributedTo": "帰属先",
     "derivedFrom": "派生元",
-    "generatedBy": "生成ツール"
+    "generatedBy": "生成ツール",
+    "storageUri": "ストレージ"
   },
   "CollaborationPanel": {
     "title": "コラボレーション",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "AIを使用して意味的関連性で結果をスコアリング",
     "searching": "検索中...",
     "search": "検索"
+  },
+  "History": {
+    "embeddingComputed": "埋め込み計算済み"
   }
-}
+}

package/translations/ko.json

@@ -28,7 +28,8 @@
     "creationMethod": "생성 방법",
     "attributedTo": "귀속 대상",
     "derivedFrom": "파생 출처",
-    "generatedBy": "생성 도구"
+    "generatedBy": "생성 도구",
+    "storageUri": "저장소"
   },
   "CollaborationPanel": {
     "title": "협업",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "AI를 사용하여 의미적 관련성에 따라 결과 점수 부여",
     "searching": "검색 중...",
     "search": "검색"
+  },
+  "History": {
+    "embeddingComputed": "임베딩 계산됨"
   }
-}
+}

package/translations/ms.json

@@ -28,7 +28,8 @@
     "creationMethod": "Cara penciptaan",
     "attributedTo": "Dikaitkan dengan",
     "derivedFrom": "Diperoleh daripada",
-    "generatedBy": "Dijana oleh"
+    "generatedBy": "Dijana oleh",
+    "storageUri": "Storan"
   },
   "CollaborationPanel": {
     "title": "Kolaborasi",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "Gunakan AI untuk menilai hasil mengikut kerelevanan semantik",
     "searching": "Mencari...",
     "search": "Cari"
+  },
+  "History": {
+    "embeddingComputed": "Embedding dikira"
   }
-}
+}

package/translations/nl.json

@@ -28,7 +28,8 @@
     "creationMethod": "Aanmaakmethode",
     "attributedTo": "Toegeschreven aan",
     "derivedFrom": "Afgeleid van",
-    "generatedBy": "Gegenereerd door"
+    "generatedBy": "Gegenereerd door",
+    "storageUri": "Opslag"
   },
   "CollaborationPanel": {
     "title": "Samenwerking",
@@ -376,5 +377,8 @@
     "semanticScoringHelp": "Gebruik AI om resultaten te beoordelen op semantische relevantie",
     "searching": "Zoeken...",
     "search": "Zoeken"
+  },
+  "History": {
+    "embeddingComputed": "Embedding berekend"
   }
-}
+}

package/translations/no.json

@@ -28,7 +28,8 @@
     "creationMethod": "Opprettelsesmetode",
     "attributedTo": "Tilskrevet",
     "derivedFrom": "Avledet fra",
-    "generatedBy": "Generert av"
+    "generatedBy": "Generert av",
+    "storageUri": "Lagring"
   },
   "CollaborationPanel": {
     "title": "Samarbeid",
@@ -373,5 +374,8 @@
     "semanticScoringHelp": "Bruk AI til å score resultater etter semantisk relevans",
     "searching": "Søker...",
     "search": "Søk"
+  },
+  "History": {
+    "embeddingComputed": "Embedding beregnet"
   }
-}
+}