@kernhq/module-quire 0.10.1 → 0.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kernhq/module-quire",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "Kern Quire: collaborative documents, spaces and page trees",
   "homepage": "https://github.com/KernAIO/module-quire#readme",
   "license": "AGPL-3.0-only",

package/src/client/components/CommentsPanel.svelte

@@ -1,8 +1,20 @@
 <script lang="ts">
-import { Avatar, Button, EmptyState, Icon, IconButton, relativeTime, Skeleton, session } from '@kernhq/ui'
+import {
+  Avatar,
+  Button,
+  coreApi,
+  EmptyState,
+  Icon,
+  IconButton,
+  keys,
+  relativeTime,
+  Skeleton,
+  session,
+} from '@kernhq/ui'
 import { RichTextEditor } from '@kernhq/ui/editor'
 import { createQuery, useQueryClient } from '@tanstack/svelte-query'
 import { getQuireApi } from '../api-instance.js'
+import { type CoreApi, toPerson } from '../core-api.js'
 import { t } from '../i18n.js'
 import type { CommentThread } from '../index.js'
 import { canQuire } from '../permissions.js'
@@ -33,6 +45,7 @@ interface Props {
 const { workspaceId, pageId, activeId, orphaned, onFocus, pending, onPendingHandled }: Props = $props()
 
 const api = getQuireApi()
+const core = coreApi<CoreApi>()
 const client = useQueryClient()
 
 const query = createQuery(() => ({
@@ -42,6 +55,26 @@ const query = createQuery(() => ({
 }))
 const threads = $derived(query.data ?? [])
 
+/**
+ * Who said it.
+ *
+ * A comment carries an author id and nothing else, so without this the margin reads "3h ago" over
+ * an unlettered square — a conversation where nobody can tell who is speaking, and an avatar a
+ * screen reader passes over in silence. The same member list the database's person cells use.
+ */
+const membersQuery = createQuery(() => ({
+  queryKey: keys.members(workspaceId),
+  enabled: Boolean(workspaceId),
+  queryFn: () => core.workspaces.members.list({ workspaceId, limit: 200 }),
+}))
+const nameOf = $derived.by(() => {
+  const byId = new Map((membersQuery.data?.items ?? []).map(toPerson).map((p) => [p.id, p]))
+  // `authorId` is nullable — a comment left by somebody since removed from the workspace — and an
+  // unresolved id reads the same way, so both land on the same honest placeholder.
+  return (id: string | null) =>
+    (id ? byId.get(id) : undefined) ?? { id: id ?? '', name: t('comment_someone'), avatarUrl: null }
+})
+
 let draft = $state<unknown>(undefined)
 let replyTo = $state<string | null>(null)
 let replyDraft = $state<unknown>(undefined)
@@ -112,7 +145,17 @@ async function remove(commentId: string) {
       {#if pending.quotedText}
         <p class="quoted">“{pending.quotedText}”</p>
       {/if}
-      <RichTextEditor bind:value={draft} placeholder={t('comment_placeholder')} minRows={2} />
+      <!--
+        `label`, because a rich-text field is a `contenteditable` div: without one a screen reader
+        announces "edit text" and nothing about what is being written. The placeholder is a prompt,
+        not a name — it disappears the moment somebody types.
+      -->
+      <RichTextEditor
+        bind:value={draft}
+        label={t('comment_field')}
+        placeholder={t('comment_placeholder')}
+        minRows={2}
+      />
       <div class="actions">
         <Button size="sm" variant="secondary" onclick={() => onPendingHandled?.()}>{t('cancel')}</Button>
         <Button size="sm" disabled={busy || empty(draft)} onclick={() => submit(null, draft)}>
@@ -136,18 +179,22 @@ async function remove(commentId: string) {
     />
   {:else}
     {#each threads as thread (thread.id)}
+      <!--
+        Not a `role="button"`, though it was one.
+        A thread holds a delete, a reply and a resolve, and a button's accessible name is its
+        contents — so a screen reader announced the whole conversation, its timestamps and the
+        labels of the three controls inside it, as the name of one button, and offered those
+        controls inside it anyway. Highlighting the anchored text is a *side effect* of arriving
+        here, so it happens on `focusin` for the keyboard and on click for the pointer, and the
+        thread stays a plain container with nothing to announce.
+      -->
+      <!-- svelte-ignore a11y_no_static_element_interactions -->
+      <!-- svelte-ignore a11y_click_events_have_key_events -->
       <div
         class="thread"
         class:active={thread.id === activeId}
-        role="button"
-        tabindex="0"
         onclick={() => onFocus?.(thread.id)}
-        onkeydown={(e) => {
-          if (e.key === 'Enter' || e.key === ' ') {
-            e.preventDefault()
-            onFocus?.(thread.id)
-          }
-        }}
+        onfocusin={() => onFocus?.(thread.id)}
       >
         {#if thread.root.quotedText}
           <p class="quoted" class:orphan={orphaned.has(thread.id)}>“{thread.root.quotedText}”</p>
@@ -157,10 +204,12 @@ async function remove(commentId: string) {
         {/if}
 
         {#each [thread.root, ...thread.replies] as comment (comment.id)}
+          {@const author = nameOf(comment.authorId)}
           <div class="comment">
-            <Avatar id={comment.authorId} size={22} />
+            <Avatar id={author.id} name={author.name} src={author.avatarUrl} size={22} />
             <div class="bubble">
               <div class="who">
+                <span class="author">{author.name}</span>
                 <span class="time">{relativeTime(comment.createdAt)}</span>
                 {#if comment.editedAt}<span class="edited">{t('comment_edited')}</span>{/if}
                 {#if comment.authorId === session.user?.id}
@@ -181,7 +230,12 @@ async function remove(commentId: string) {
 
         <div class="thread-actions">
           {#if replyTo === thread.id}
-            <RichTextEditor bind:value={replyDraft} placeholder={t('comment_reply')} minRows={1} />
+            <RichTextEditor
+              bind:value={replyDraft}
+              label={t('comment_reply_field')}
+              placeholder={t('comment_reply')}
+              minRows={1}
+            />
             <div class="actions">
               <Button size="sm" variant="secondary" onclick={() => (replyTo = null)}>{t('cancel')}</Button>
               <Button
@@ -271,6 +325,13 @@ async function remove(commentId: string) {
   font-size: 12px;
   color: var(--kern-ink-400);
 }
+.author {
+  font-weight: 600;
+  color: var(--kern-ink-700);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .spacer {
   flex: 1;
 }

package/src/client/components/NewSpaceDialog.svelte

@@ -106,6 +106,7 @@ async function submit() {
     <Field label={t('space_visibility')}>
       {#snippet children(id: string)}
         <Select
+          ariaLabel={t('space_visibility')}
           {id}
           value={visibility}
           options={[

package/src/client/components/PageTreeRow.svelte

@@ -32,6 +32,24 @@ const indent = $derived(Math.min(depth, 2) as 0 | 1 | 2)
 </script>
 
 <div class="row">
+  <!--
+    Disclosure first, row second, add last — DOM order *is* tab order, and both of the other two are
+    positioned over the row rather than laid out in it. Written the other way round the keyboard
+    reached a page's chevron only after passing the page itself, which is not where it is drawn.
+  -->
+  {#if node.hasChildren}
+    <button
+      class="twisty"
+      type="button"
+      style:inset-inline-start="{indent * 22 - 4}px"
+      aria-label={isOpen ? t('collapse', { title }) : t('expand', { title })}
+      aria-expanded={isOpen}
+      onclick={() => onToggle(node.id)}
+    >
+      <span class:open={isOpen}><Icon name="chevron-right" size={11} strokeWidth={2} /></span>
+    </button>
+  {/if}
+
   <SidebarItem
     label={title}
     icon={node.kind === 'live' ? 'square-pen' : node.kind === 'database' ? 'database' : 'file-text'}
@@ -43,34 +61,27 @@ const indent = $derived(Math.min(depth, 2) as 0 | 1 | 2)
       {#if node.archivedAt}
         <span class="flag" title={t('archived')}><Icon name="archive" size={12} /></span>
       {/if}
-      {#if canCreate}
-        <span class="add">
-          <IconButton
-            icon="plus"
-            size={22}
-            variant="ghost"
-            label={t('new_child_page')}
-            onclick={(e: MouseEvent) => {
-              e.stopPropagation()
-              onCreateChild(node.id)
-            }}
-          />
-        </span>
-      {/if}
+      <!--
+        Room for the add button, which is not in here. `SidebarItem` is a `<button>`, so anything
+        interactive inside it is a button inside a button: invalid, and the row's accessible name
+        becomes "Welcome New page inside Welcome" because the name of a button is its contents.
+        The control is a sibling laid over the row's trailing edge instead, and this reserves the
+        width so a long title still ellipsises before it reaches the button.
+      -->
+      {#if canCreate}<span class="add-well"></span>{/if}
     {/snippet}
   </SidebarItem>
 
-  {#if node.hasChildren}
-    <button
-      class="twisty"
-      type="button"
-      style:inset-inline-start="{indent * 22 - 4}px"
-      aria-label={isOpen ? t('collapse') : t('expand')}
-      aria-expanded={isOpen}
-      onclick={() => onToggle(node.id)}
-    >
-      <span class:open={isOpen}><Icon name="chevron-right" size={11} strokeWidth={2} /></span>
-    </button>
+  {#if canCreate}
+    <span class="add">
+      <IconButton
+        icon="plus"
+        size={22}
+        variant="ghost"
+        label={t('new_child_page', { title })}
+        onclick={() => onCreateChild(node.id)}
+      />
+    </span>
   {/if}
 </div>
 
@@ -124,20 +135,37 @@ const indent = $derived(Math.min(depth, 2) as 0 | 1 | 2)
 .twisty span.open {
   transform: rotate(90deg);
 }
-/* The chevron points along the reading direction, so it mirrors with the document. */
+/*
+ * A closed chevron points along the reading direction, so it mirrors with the document. An open
+ * one points *down*, at the children it revealed — which is the same direction in both, and not
+ * something mirroring produces: rotating the other way turned it upside down in Persian.
+ */
 :global([dir='rtl']) .twisty span {
   transform: scaleX(-1);
 }
 :global([dir='rtl']) .twisty span.open {
-  transform: rotate(-90deg);
+  transform: rotate(90deg);
 }
 .flag {
   display: inline-flex;
   color: var(--kern-ink-400);
   flex: none;
 }
+/*
+ * Laid over the row's trailing edge rather than inside it, for the reason in the markup above.
+ * `opacity: 0` rather than `display: none` is what keeps it focusable, and `:focus-within` on the
+ * row is what makes it visible once the keyboard arrives.
+ */
 .add {
+  position: absolute;
+  inset-block-start: 50%;
+  inset-inline-end: 8px;
+  transform: translateY(-50%);
+  display: inline-flex;
   opacity: 0;
+}
+.add-well {
+  width: 22px;
   flex: none;
 }
 .row:hover .add,

package/src/client/components/SidebarSpaces.svelte

@@ -134,8 +134,13 @@ async function createPage(parentId: string | null) {
 <div class="wrap">
   {#if spaceList.length > 1}
     <div class="switcher">
+      <!--
+        `ariaLabel`, because the trigger otherwise falls back to the placeholder and announces
+        itself as "Select…" — which names nothing. The chosen space is read after the label.
+      -->
       <Select
         value={activeSpace?.key ?? ''}
+        ariaLabel={t('space_choose')}
         options={spaceList.map((space) => ({ value: space.key, label: space.name }))}
         onValueChange={(v: string) => switchSpace(v)}
       />

package/src/client/database/BoardView.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-import { DropdownMenu, EmptyState, Icon, IconButton, type MenuItem } from '@kernhq/ui'
+import { DropdownMenu, EmptyState, formatCount, Icon, IconButton, type MenuItem } from '@kernhq/ui'
 import { untrack } from 'svelte'
 import { dndzone, SHADOW_ITEM_MARKER_PROPERTY_NAME } from 'svelte-dnd-action'
 import type { Database, Property, Row, View } from '../../contract/index.js'
@@ -152,7 +152,11 @@ const laneRule = (lane: Lane) =>
           {:else}
             <span class="none">{t('db_board_uncategorised')}</span>
           {/if}
-          <span class="count">{lane.rows.length}</span>
+          <!--
+            Through `formatCount`, not interpolated raw: a bare number is the one untranslated thing
+            left on a Persian board, where every other digit on the screen is ۰-۹.
+          -->
+          <span class="count">{formatCount(lane.rows.length, 999)}</span>
           <span class="sp"></span>
           {#if canCreate}
             <IconButton

package/src/client/database/PropertyDialog.svelte

@@ -171,6 +171,7 @@ $effect(() => {
     <Field label={t('db_property_type')} hint={property ? t('db_property_retype_hint') : undefined}>
       {#snippet children(id: string)}
         <Select
+          ariaLabel={t('db_property_type')}
           {id}
           value={type}
           options={CREATABLE_TYPES.map((option) => ({
@@ -243,6 +244,7 @@ $effect(() => {
       <Field label={t('db_number_format')}>
         {#snippet children(id: string)}
           <Select
+          ariaLabel={t('db_number_format')}
             {id}
             value={config.format ?? 'plain'}
             options={['plain', 'percent', 'currency'].map((f) => ({ value: f, label: t(`db_format_${f}`) }))}
@@ -287,6 +289,7 @@ $effect(() => {
       <Field label={t('db_relation_database')} hint={t('db_relation_database_hint')}>
         {#snippet children(id: string)}
           <Select
+          ariaLabel={t('db_relation_database')}
             {id}
             value={config.relationDatabaseId ?? ''}
             placeholder={t('db_relation_choose')}
@@ -303,6 +306,7 @@ $effect(() => {
       <Field label={t('db_rollup_relation')}>
         {#snippet children(id: string)}
           <Select
+          ariaLabel={t('db_rollup_relation')}
             {id}
             value={config.rollupRelationPropertyId ?? ''}
             placeholder={t('db_rollup_choose')}
@@ -318,6 +322,7 @@ $effect(() => {
       <Field label={t('db_rollup_target')} hint={viaDatabaseId ? undefined : t('db_rollup_target_hint')}>
         {#snippet children(id: string)}
           <Select
+          ariaLabel={t('db_rollup_target')}
             {id}
             value={config.rollupTargetPropertyId ?? ''}
             placeholder={t('db_rollup_choose')}
@@ -330,6 +335,7 @@ $effect(() => {
       <Field label={t('db_rollup_function')}>
         {#snippet children(id: string)}
           <Select
+          ariaLabel={t('db_rollup_function')}
             {id}
             value={config.rollupFunction ?? 'count'}
             options={ROLLUP_FUNCTIONS.map((fn) => ({ value: fn, label: t(`db_rollup_${fn}`) }))}

package/src/client/database/ViewDialog.svelte

@@ -89,6 +89,7 @@ $effect(() => {
     <Field label={t('db_view_kind')}>
       {#snippet children(id: string)}
         <Select
+          ariaLabel={t('db_view_kind')}
           {id}
           value={kind}
           options={VIEW_KINDS.map((v) => ({ value: v.kind, label: t(`db_kind_${v.kind}`), icon: v.icon }))}
@@ -101,6 +102,7 @@ $effect(() => {
       <Field label={t('db_group_by')} hint={groupable.length === 0 ? t('db_group_needs_column') : undefined}>
         {#snippet children(id: string)}
           <Select
+          ariaLabel={t('db_group_by')}
             {id}
             value={config.groupBy ?? ''}
             placeholder={t('db_group_none')}
@@ -116,6 +118,7 @@ $effect(() => {
       <Field label={t('db_date_property')} hint={datable.length === 0 ? t('db_date_needs_column') : undefined}>
         {#snippet children(id: string)}
           <Select
+          ariaLabel={t('db_date_property')}
             {id}
             value={config.dateProperty ?? ''}
             placeholder={t('db_date_choose')}
@@ -130,12 +133,20 @@ $effect(() => {
     {#if kind === 'gallery'}
       <Field label={t('db_cover_property')} hint={t('db_cover_unsupported')}>
         {#snippet children(id: string)}
-          <Select {id} value="" disabled placeholder={t('db_cover_none')} options={[]} />
+          <Select
+            ariaLabel={t('db_cover_property')}
+            {id}
+            value=""
+            disabled
+            placeholder={t('db_cover_none')}
+            options={[]}
+          />
         {/snippet}
       </Field>
       <Field label={t('db_card_size')}>
         {#snippet children(id: string)}
           <Select
+          ariaLabel={t('db_card_size')}
             {id}
             value={config.cardSize}
             options={(['small', 'medium', 'large'] as const).map((s) => ({

package/src/client/i18n.ts

@@ -16,12 +16,15 @@ export const en: Record<string, Message> = {
   'quire.archived': 'Archived',
   'quire.cmd_new_space': 'New space',
   'quire.cmd_open': 'Open Quire',
-  'quire.collapse': 'Collapse',
+  'quire.collapse': 'Collapse {title}',
   'quire.comment_edited': 'edited',
+  'quire.comment_field': 'Your comment',
   'quire.comment_orphaned': 'The text this was about has been deleted',
   'quire.comment_placeholder': 'Ask about this…',
   'quire.comment_post': 'Comment',
   'quire.comment_reply': 'Reply',
+  'quire.comment_reply_field': 'Your reply',
+  'quire.comment_someone': 'Someone',
   'quire.comment_resolve': 'Resolve',
   'quire.comments': 'Comments',
   'quire.comments_empty': 'No comments yet',
@@ -33,7 +36,7 @@ export const en: Record<string, Message> = {
   'quire.editor_no_session': 'You are not signed in',
   'quire.editor_no_session_desc': 'Sign in again to write in this page.',
   'quire.editor_placeholder': 'Write something…',
-  'quire.expand': 'Expand',
+  'quire.expand': 'Expand {title}',
   'quire.history': 'Version history',
   'quire.history_empty': 'Nothing saved yet',
   'quire.history_empty_desc': 'Versions are kept as the page is written, and whenever it is published.',
@@ -41,7 +44,7 @@ export const en: Record<string, Message> = {
   'quire.kind_live': 'Live doc',
   'quire.move_to_trash': 'Move to trash',
   'quire.nav': 'Quire',
-  'quire.new_child_page': 'New page inside this one',
+  'quire.new_child_page': 'New page inside {title}',
   'quire.new_page': 'New page',
   'quire.new_space': 'New space',
   'quire.new_space_desc': 'A space holds a tree of pages, with its own members and its own permissions.',
@@ -65,6 +68,7 @@ export const en: Record<string, Message> = {
   'quire.search_none': 'Nothing in this space matches.',
   'quire.search_results': 'Results',
   'quire.search_space': 'Search this space',
+  'quire.space_choose': 'Space',
   'quire.space_description': 'Description',
   'quire.space_empty': 'This space has no pages',
   'quire.space_empty_desc': 'Create the first page and start writing.',
@@ -348,12 +352,15 @@ const ar: Record<string, Message> = {
   'quire.archived': 'مؤرشفة',
   'quire.cmd_new_space': 'مساحة جديدة',
   'quire.cmd_open': 'فتح Quire',
-  'quire.collapse': 'طي',
+  'quire.collapse': 'طي {title}',
   'quire.comment_edited': 'مُعدّل',
+  'quire.comment_field': 'تعليقك',
   'quire.comment_orphaned': 'حُذف النص الذي كان هذا بشأنه',
   'quire.comment_placeholder': 'اسأل عن هذا…',
   'quire.comment_post': 'تعليق',
   'quire.comment_reply': 'رد',
+  'quire.comment_reply_field': 'ردّك',
+  'quire.comment_someone': 'شخص ما',
   'quire.comment_resolve': 'إغلاق',
   'quire.comments': 'التعليقات',
   'quire.comments_empty': 'لا توجد تعليقات بعد',
@@ -364,7 +371,7 @@ const ar: Record<string, Message> = {
   'quire.editor_no_session': 'لم تسجّل الدخول',
   'quire.editor_no_session_desc': 'سجّل الدخول مرة أخرى للكتابة في هذه الصفحة.',
   'quire.editor_placeholder': 'اكتب شيئًا…',
-  'quire.expand': 'توسيع',
+  'quire.expand': 'توسيع {title}',
   'quire.history': 'سجل النسخ',
   'quire.history_empty': 'لم يُحفظ شيء بعد',
   'quire.history_empty_desc': 'تُحفظ النسخ أثناء كتابة الصفحة، وعند كل نشر.',
@@ -372,7 +379,7 @@ const ar: Record<string, Message> = {
   'quire.kind_live': 'مستند حي',
   'quire.move_to_trash': 'نقل إلى المهملات',
   'quire.nav': 'Quire',
-  'quire.new_child_page': 'صفحة جديدة داخل هذه',
+  'quire.new_child_page': 'صفحة جديدة داخل {title}',
   'quire.new_page': 'صفحة جديدة',
   'quire.new_space': 'مساحة جديدة',
   'quire.new_space_desc': 'تحتوي كل مساحة على شجرة من الصفحات، بأعضائها وصلاحياتها الخاصة.',
@@ -400,6 +407,7 @@ const ar: Record<string, Message> = {
   'quire.search_none': 'لا شيء في هذه المساحة يطابق البحث.',
   'quire.search_results': 'النتائج',
   'quire.search_space': 'ابحث في هذه المساحة',
+  'quire.space_choose': 'المساحة',
   'quire.space_description': 'الوصف',
   'quire.space_empty': 'لا تحتوي هذه المساحة على صفحات',
   'quire.space_empty_desc': 'أنشئ الصفحة الأولى وابدأ الكتابة.',
@@ -691,12 +699,15 @@ const de: Record<string, Message> = {
   'quire.archived': 'Archiviert',
   'quire.cmd_new_space': 'Neuer Bereich',
   'quire.cmd_open': 'Quire öffnen',
-  'quire.collapse': 'Zuklappen',
+  'quire.collapse': '{title} zuklappen',
   'quire.comment_edited': 'bearbeitet',
+  'quire.comment_field': 'Dein Kommentar',
   'quire.comment_orphaned': 'Der Text, um den es hier ging, wurde gelöscht',
   'quire.comment_placeholder': 'Frag dazu etwas…',
   'quire.comment_post': 'Kommentieren',
   'quire.comment_reply': 'Antworten',
+  'quire.comment_reply_field': 'Deine Antwort',
+  'quire.comment_someone': 'Jemand',
   'quire.comment_resolve': 'Erledigen',
   'quire.comments': 'Kommentare',
   'quire.comments_empty': 'Noch keine Kommentare',
@@ -708,7 +719,7 @@ const de: Record<string, Message> = {
   'quire.editor_no_session': 'Du bist nicht angemeldet',
   'quire.editor_no_session_desc': 'Melde dich erneut an, um in dieser Seite zu schreiben.',
   'quire.editor_placeholder': 'Schreib etwas…',
-  'quire.expand': 'Aufklappen',
+  'quire.expand': '{title} aufklappen',
   'quire.history': 'Versionsverlauf',
   'quire.history_empty': 'Noch nichts gespeichert',
   'quire.history_empty_desc': 'Versionen entstehen beim Schreiben und bei jeder Veröffentlichung.',
@@ -716,7 +727,7 @@ const de: Record<string, Message> = {
   'quire.kind_live': 'Live-Dokument',
   'quire.move_to_trash': 'In den Papierkorb',
   'quire.nav': 'Quire',
-  'quire.new_child_page': 'Neue Seite darin',
+  'quire.new_child_page': 'Neue Seite in {title}',
   'quire.new_page': 'Neue Seite',
   'quire.new_space': 'Neuer Bereich',
   'quire.new_space_desc':
@@ -741,6 +752,7 @@ const de: Record<string, Message> = {
   'quire.search_none': 'Nichts in diesem Bereich passt.',
   'quire.search_results': 'Ergebnisse',
   'quire.search_space': 'In diesem Bereich suchen',
+  'quire.space_choose': 'Bereich',
   'quire.space_description': 'Beschreibung',
   'quire.space_empty': 'Dieser Bereich hat keine Seiten',
   'quire.space_empty_desc': 'Lege die erste Seite an und schreib los.',
@@ -1026,12 +1038,15 @@ const fa: Record<string, Message> = {
   'quire.archived': 'بایگانی‌شده',
   'quire.cmd_new_space': 'فضای تازه',
   'quire.cmd_open': 'باز کردن Quire',
-  'quire.collapse': 'بستن',
+  'quire.collapse': 'بستن {title}',
   'quire.comment_edited': 'ویرایش‌شده',
+  'quire.comment_field': 'دیدگاه شما',
   'quire.comment_orphaned': 'متنی که این دربارهٔ آن بود حذف شده است',
   'quire.comment_placeholder': 'دربارهٔ این بپرسید…',
   'quire.comment_post': 'ثبت دیدگاه',
   'quire.comment_reply': 'پاسخ',
+  'quire.comment_reply_field': 'پاسخ شما',
+  'quire.comment_someone': 'کسی',
   'quire.comment_resolve': 'بستن',
   'quire.comments': 'دیدگاه‌ها',
   'quire.comments_empty': 'هنوز دیدگاهی نیست',
@@ -1042,7 +1057,7 @@ const fa: Record<string, Message> = {
   'quire.editor_no_session': 'وارد نشده‌اید',
   'quire.editor_no_session_desc': 'برای نوشتن در این صفحه دوباره وارد شوید.',
   'quire.editor_placeholder': 'چیزی بنویسید…',
-  'quire.expand': 'باز کردن',
+  'quire.expand': 'باز کردن {title}',
   'quire.history': 'تاریخچهٔ نسخه‌ها',
   'quire.history_empty': 'هنوز چیزی ذخیره نشده',
   'quire.history_empty_desc': 'نسخه‌ها همان‌طور که صفحه نوشته می‌شود و هر بار که منتشر شود نگه داشته می‌شوند.',
@@ -1050,7 +1065,7 @@ const fa: Record<string, Message> = {
   'quire.kind_live': 'سند زنده',
   'quire.move_to_trash': 'انتقال به زباله‌دان',
   'quire.nav': 'Quire',
-  'quire.new_child_page': 'صفحهٔ تازه درون این صفحه',
+  'quire.new_child_page': 'صفحهٔ تازه درون {title}',
   'quire.new_page': 'صفحهٔ تازه',
   'quire.new_space': 'فضای تازه',
   'quire.new_space_desc': 'هر فضا درختی از صفحه‌ها را نگه می‌دارد، با اعضا و دسترسی‌های خودش.',
@@ -1074,6 +1089,7 @@ const fa: Record<string, Message> = {
   'quire.search_none': 'چیزی در این فضا پیدا نشد.',
   'quire.search_results': 'نتیجه‌ها',
   'quire.search_space': 'جست‌وجو در این فضا',
+  'quire.space_choose': 'فضا',
   'quire.space_description': 'توضیح',
   'quire.space_empty': 'این فضا هیچ صفحه‌ای ندارد',
   'quire.space_empty_desc': 'نخستین صفحه را بسازید و بنویسید.',
@@ -1351,12 +1367,15 @@ const tr: Record<string, Message> = {
   'quire.archived': 'Arşivlendi',
   'quire.cmd_new_space': 'Yeni alan',
   'quire.cmd_open': 'Quire’ı aç',
-  'quire.collapse': 'Daralt',
+  'quire.collapse': '{title} ögesini daralt',
   'quire.comment_edited': 'düzenlendi',
+  'quire.comment_field': 'Yorumunuz',
   'quire.comment_orphaned': 'Bunun konusu olan metin silinmiş',
   'quire.comment_placeholder': 'Bunun hakkında sorun…',
   'quire.comment_post': 'Yorumla',
   'quire.comment_reply': 'Yanıtla',
+  'quire.comment_reply_field': 'Yanıtınız',
+  'quire.comment_someone': 'Biri',
   'quire.comment_resolve': 'Kapat',
   'quire.comments': 'Yorumlar',
   'quire.comments_empty': 'Henüz yorum yok',
@@ -1367,7 +1386,7 @@ const tr: Record<string, Message> = {
   'quire.editor_no_session': 'Oturum açmadınız',
   'quire.editor_no_session_desc': 'Bu sayfada yazmak için yeniden oturum açın.',
   'quire.editor_placeholder': 'Bir şeyler yazın…',
-  'quire.expand': 'Genişlet',
+  'quire.expand': '{title} ögesini genişlet',
   'quire.history': 'Sürüm geçmişi',
   'quire.history_empty': 'Henüz kayıt yok',
   'quire.history_empty_desc': 'Sürümler sayfa yazılırken ve her yayımlamada saklanır.',
@@ -1375,7 +1394,7 @@ const tr: Record<string, Message> = {
   'quire.kind_live': 'Canlı belge',
   'quire.move_to_trash': 'Çöp kutusuna taşı',
   'quire.nav': 'Quire',
-  'quire.new_child_page': 'Bunun içinde yeni sayfa',
+  'quire.new_child_page': '{title} içinde yeni sayfa',
   'quire.new_page': 'Yeni sayfa',
   'quire.new_space': 'Yeni alan',
   'quire.new_space_desc': 'Bir alan, kendi üyeleri ve kendi izinleriyle bir sayfa ağacı tutar.',
@@ -1399,6 +1418,7 @@ const tr: Record<string, Message> = {
   'quire.search_none': 'Bu alanda eşleşen bir şey yok.',
   'quire.search_results': 'Sonuçlar',
   'quire.search_space': 'Bu alanda ara',
+  'quire.space_choose': 'Alan',
   'quire.space_description': 'Açıklama',
   'quire.space_empty': 'Bu alanda sayfa yok',
   'quire.space_empty_desc': 'İlk sayfayı oluşturun ve yazmaya başlayın.',