@kernhq/module-quire 0.10.3 → 0.10.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kernhq/module-quire",
-  "version": "0.10.3",
+  "version": "0.10.4",
   "description": "Kern Quire: collaborative documents, spaces and page trees",
   "homepage": "https://github.com/KernAIO/module-quire#readme",
   "license": "AGPL-3.0-only",
@@ -54,7 +54,7 @@
   "peerDependencies": {
     "@kernhq/contracts": "^0.7.0",
     "@kernhq/kernel": "^0.7.2",
-    "@kernhq/ui": "^0.10.0",
+    "@kernhq/ui": "^0.12.0",
     "@tanstack/svelte-query": "^6.1.0",
     "svelte": "^5.46.0"
   },
@@ -75,7 +75,7 @@
     "@kernhq/contracts": "^0.7.0",
     "@kernhq/kernel": "^0.7.2",
     "@kernhq/tsconfig": "^0.1.0",
-    "@kernhq/ui": "^0.10.0",
+    "@kernhq/ui": "^0.12.0",
     "@tanstack/svelte-query": "^6.1.0",
     "@types/node": "^24.0.0",
     "@types/pg": "^8.15.0",

package/src/client/components/PageEditor.svelte

@@ -73,12 +73,19 @@ const user = $derived({
       the narrow schema with issue descriptions, and only a page has a reader (`renderPageDoc`) able
       to draw all of this outside the browser.
     -->
+    <!--
+      `label` is not decoration: the surface carries `role="textbox"`, and a textbox with no
+      accessible name is announced as nothing at all. This is the wiki's main writing surface, so
+      it was the one control in the product that most needed a name and did not have one. The page
+      title is the honest name for it; `page_body` covers an untitled page.
+    -->
     <CollaborativeEditor
       {url}
       {name}
       {user}
       page
       placeholder={t('editor_placeholder')}
+      label={doc.title || t('page_body')}
       {onpeers}
       {onstatus}
       {commentRanges}

package/src/client/i18n.ts

@@ -30,7 +30,9 @@ export const en: Record<string, Message> = {
   'quire.comments_empty': 'No comments yet',
   'quire.comments_empty_desc': 'Select some text to ask about it.',
   'quire.edited_ago': 'Edited {when}',
+  'quire.edited_ago_by': 'Edited {when} by {who}',
   'quire.editor_mock': 'Not connected to the collaboration service',
+  'quire.page_body': 'Page body',
   'quire.editor_mock_desc':
     'This is the demo interface, which has no server behind it. Writing here would not be saved.',
   'quire.editor_no_session': 'You are not signed in',
@@ -366,7 +368,9 @@ const ar: Record<string, Message> = {
   'quire.comments_empty': 'لا توجد تعليقات بعد',
   'quire.comments_empty_desc': 'حدّد نصًا لتسأل عنه.',
   'quire.edited_ago': 'عُدّلت {when}',
+  'quire.edited_ago_by': 'عُدّلت {when} بواسطة {who}',
   'quire.editor_mock': 'غير متصل بخدمة التعاون',
+  'quire.page_body': 'متن الصفحة',
   'quire.editor_mock_desc': 'هذه واجهة العرض التجريبي، ولا يوجد خادم خلفها. لن يُحفظ ما تكتبه هنا.',
   'quire.editor_no_session': 'لم تسجّل الدخول',
   'quire.editor_no_session_desc': 'سجّل الدخول مرة أخرى للكتابة في هذه الصفحة.',
@@ -713,7 +717,9 @@ const de: Record<string, Message> = {
   'quire.comments_empty': 'Noch keine Kommentare',
   'quire.comments_empty_desc': 'Markiere Text, um dazu etwas zu fragen.',
   'quire.edited_ago': 'Bearbeitet {when}',
+  'quire.edited_ago_by': 'Bearbeitet {when} von {who}',
   'quire.editor_mock': 'Nicht mit dem Kollaborationsdienst verbunden',
+  'quire.page_body': 'Seiteninhalt',
   'quire.editor_mock_desc':
     'Dies ist die Demo-Oberfläche, hinter der kein Server steht. Was du hier schreibst, wird nicht gespeichert.',
   'quire.editor_no_session': 'Du bist nicht angemeldet',
@@ -1052,7 +1058,9 @@ const fa: Record<string, Message> = {
   'quire.comments_empty': 'هنوز دیدگاهی نیست',
   'quire.comments_empty_desc': 'متنی را انتخاب کنید تا دربارهٔ آن بپرسید.',
   'quire.edited_ago': 'ویرایش {when}',
+  'quire.edited_ago_by': 'ویرایش {when} توسط {who}',
   'quire.editor_mock': 'به سرویس همکاری وصل نیست',
+  'quire.page_body': 'متن صفحه',
   'quire.editor_mock_desc': 'این نسخهٔ نمایشی است و سروری پشت آن نیست. آنچه اینجا بنویسید ذخیره نمی‌شود.',
   'quire.editor_no_session': 'وارد نشده‌اید',
   'quire.editor_no_session_desc': 'برای نوشتن در این صفحه دوباره وارد شوید.',
@@ -1381,7 +1389,9 @@ const tr: Record<string, Message> = {
   'quire.comments_empty': 'Henüz yorum yok',
   'quire.comments_empty_desc': 'Hakkında soru sormak için bir metin seçin.',
   'quire.edited_ago': '{when} düzenlendi',
+  'quire.edited_ago_by': '{who} tarafından {when} düzenlendi',
   'quire.editor_mock': 'İş birliği hizmetine bağlı değil',
+  'quire.page_body': 'Sayfa gövdesi',
   'quire.editor_mock_desc': 'Bu, arkasında sunucu olmayan tanıtım arayüzü. Burada yazdıklarınız kaydedilmez.',
   'quire.editor_no_session': 'Oturum açmadınız',
   'quire.editor_no_session_desc': 'Bu sayfada yazmak için yeniden oturum açın.',

package/src/client/pages/PageView.svelte

@@ -3,10 +3,12 @@ import {
   Avatar,
   Button,
   type CollabPeer,
+  coreApi,
   DropdownMenu,
   EmptyState,
   Icon,
   IconButton,
+  keys,
   navigation,
   Page,
   relativeTime,
@@ -18,6 +20,7 @@ import { getQuireApi } from '../api-instance.js'
 import CommentsPanel from '../components/CommentsPanel.svelte'
 import PageEditor from '../components/PageEditor.svelte'
 import VersionHistory from '../components/VersionHistory.svelte'
+import { type CoreApi, toPerson } from '../core-api.js'
 import DatabaseView from '../database/DatabaseView.svelte'
 import { t } from '../i18n.js'
 import { canQuire } from '../permissions.js'
@@ -51,12 +54,32 @@ const workspaceSlug = $derived(navigation.workspaceSlug)
 const workspace = $derived(session.workspaces.find((w) => w.slug === workspaceSlug))
 const workspaceId = $derived(workspace?.id ?? '')
 
+const core = coreApi<CoreApi>()
+/*
+ * Who last edited this, by name.
+ *
+ * The byline drew `<Avatar id={doc.updatedBy} />` with no name — a "?" square with an empty
+ * accessible name — over the words "Edited 1h ago", so the one line on the page whose job is to say
+ * who touched it said everything except that. The same member list the margin and the person cells
+ * read.
+ */
+const membersQuery = createQuery(() => ({
+  queryKey: keys.members(workspaceId),
+  enabled: Boolean(workspaceId),
+  queryFn: () => core.workspaces.members.list({ workspaceId, limit: 200 }),
+}))
+
 const query = createQuery(() => ({
   queryKey: quireKeys.page(workspaceId, pageId),
   enabled: Boolean(workspaceId && pageId),
   queryFn: () => api.pages.get({ workspaceId, pageId }),
 }))
 const doc = $derived(query.data ?? null)
+const editor = $derived.by(() => {
+  const id = doc?.updatedBy ?? null
+  if (!id) return null
+  return (membersQuery.data?.items ?? []).map(toPerson).find((p) => p.id === id) ?? null
+})
 
 const editable = $derived(canQuire('pageEdit'))
 /** A database page draws a view where the prose would be, and a table needs the whole width. */
@@ -278,8 +301,12 @@ async function trash() {
     </div>
 
     <div class="byline">
-      <Avatar id={doc.updatedBy} size={24} />
-      <span>{t('edited_ago', { when: relativeTime(doc.updatedAt) })}</span>
+      <Avatar id={doc.updatedBy} name={editor?.name} src={editor?.avatarUrl ?? undefined} size={24} />
+      <span>
+        {editor
+          ? t('edited_ago_by', { when: relativeTime(doc.updatedAt), who: editor.name })
+          : t('edited_ago', { when: relativeTime(doc.updatedAt) })}
+      </span>
       {#if doc.kind === 'live'}
         <span class="chip"><Icon name="square-pen" size={12} /> {t('kind_live')}</span>
       {/if}

package/src/client/pages/SpacePage.svelte

@@ -35,6 +35,27 @@ const spacesQuery = createQuery(() => ({
 }))
 const space = $derived((spacesQuery.data ?? []).find((s) => s.key === spaceKey) ?? null)
 
+/*
+ * A space without a home page is not an empty space.
+ *
+ * This screen used to branch on `homepageId` alone and tell anyone whose space had no home page
+ * that it had no pages at all — while the sidebar beside it listed them. Opening a space means
+ * "show me this space", so with no home page chosen it opens the first top-level page, and the
+ * empty state is kept for the one case that is actually empty.
+ */
+const treeQuery = createQuery(() => ({
+  queryKey: quireKeys.tree(workspaceId, space?.id ?? ''),
+  enabled: Boolean(workspaceId && space && !space.homepageId),
+  queryFn: () => api.pages.tree({ workspaceId, spaceId: space?.id ?? '', includeArchived: false }),
+}))
+
+/** The first top-level page by position — the same order the sidebar draws. */
+const firstPageId = $derived(
+  (treeQuery.data ?? [])
+    .filter((p) => p.parentId === null && !p.archivedAt)
+    .sort((a, b) => (a.position < b.position ? -1 : a.position > b.position ? 1 : 0))[0]?.id ?? null,
+)
+
 let creating = $state(false)
 async function createFirst() {
   if (!space || creating) return
@@ -66,6 +87,10 @@ async function createFirst() {
   </div>
 {:else if space.homepageId}
   <PageView {spaceKey} pageId={space.homepageId} />
+{:else if treeQuery.isLoading}
+  <div class="pad"><Skeleton height="36px" /></div>
+{:else if firstPageId}
+  <PageView {spaceKey} pageId={firstPageId} />
 {:else}
   <div class="pad">
     <EmptyState icon="file-text" title={t('space_empty')} description={t('space_empty_desc')}>