@cat-factory/app 0.74.2 → 0.75.0

package/app/components/fragments/FragmentLibraryManager.vue

@@ -7,8 +7,15 @@
 // run. The account scope has no resolved/merged catalog and fetches document
 // fragments through `viaWorkspaceId` (document-source credentials are per-workspace).
 import { computed, ref, watch } from 'vue'
-import type { DocumentSourceKind, FragmentOwnerKind, ResolvedFragment } from '~/types/domain'
+import type {
+  DocumentSourceKind,
+  FragmentOwnerKind,
+  GitHubAvailableRepo,
+  ResolvedFragment,
+} from '~/types/domain'
 import { useFragmentLibrary, useFragmentLibraryStore } from '~/stores/fragmentLibrary'
+import GitHubRepoSearchSelect from '~/components/github/GitHubRepoSearchSelect.vue'
+import RepoTreeBrowser from '~/components/github/RepoTreeBrowser.vue'
 
 const props = withDefaults(
   defineProps<{
@@ -29,6 +36,7 @@ const library =
     ? useFragmentLibraryStore()
     : useFragmentLibrary(props.kind, props.ownerId)
 const documents = useDocumentsStore()
+const github = useGitHubStore()
 const toast = useToast()
 const { t, d } = useI18n()
 const { confirm } = useConfirm()
@@ -50,10 +58,17 @@ watch(
   () => {
     void library.probe()
     void documents.probe()
+    // The GitHub pickers (repo search + tree browser) need the active board's
+    // installation state; probe once so they light up when the App is connected.
+    void github.probe()
   },
   { immediate: true },
 )
 
+// The rich GitHub pickers reuse the active board's App installation. When it isn't
+// connected (or the integration is off) both forms fall back to manual text entry.
+const githubReady = computed(() => github.available === true && github.connected)
+
 type Tab = 'catalog' | 'authored' | 'documents' | 'sources'
 const tabs = computed<Tab[]>(() =>
   props.showCatalog
@@ -147,6 +162,40 @@ const docDraftValid = computed(
   () => !docLinkDisabled.value && docDraft.value.source && docDraft.value.ref.trim(),
 )
 
+// ---- GitHub file picker (documents tab) -----------------------------------
+// For a GitHub source, let the user search a repo + browse to the file instead of
+// hand-typing a `owner/repo:path` ref. Picking a file fills `docDraft.ref` (still
+// editable, so pasting a URL/shorthand keeps working). Only offered when the App is
+// connected; other sources (Confluence/Notion) keep the free-text ref field.
+const isGithubDoc = computed(() => docDraft.value.source === 'github')
+const showGithubDocPicker = computed(() => isGithubDoc.value && githubReady.value)
+const docRepoId = ref<number | undefined>(undefined)
+const docRepo = ref<GitHubAvailableRepo | undefined>(undefined)
+const docFilePath = ref<string | undefined>(undefined)
+
+// Reset the picker (and the derived ref) whenever the selected source changes.
+watch(
+  () => docDraft.value.source,
+  () => {
+    docRepoId.value = undefined
+    docRepo.value = undefined
+    docFilePath.value = undefined
+    docDraft.value.ref = ''
+  },
+)
+
+// A new repo selection clears the previously-browsed file.
+watch(docRepoId, () => {
+  docFilePath.value = undefined
+})
+
+// Derive the canonical `owner/repo:path` ref the GitHub docs provider expects.
+watch([docRepo, docFilePath], () => {
+  if (docRepo.value && docFilePath.value) {
+    docDraft.value.ref = `${docRepo.value.owner}/${docRepo.value.name}:${docFilePath.value}`
+  }
+})
+
 /** This tier's existing document-backed fragments. */
 const documentFragments = computed(() => library.fragments.filter((f) => f.documentRef))
 
@@ -178,21 +227,50 @@ async function refreshFragment(id: string) {
 }
 
 // ---- repo sources ----------------------------------------------------------
-const sourceDraft = ref({ repoOwner: '', repoName: '', dirPath: '', gitRef: '' })
-const sourceValid = computed(
-  () => sourceDraft.value.repoOwner.trim() && sourceDraft.value.repoName.trim(),
-)
+// When the App is connected the user searches a repo + browses to the guideline
+// directory; otherwise the manual owner/name/dir fields are the fallback.
+const sourceRepoId = ref<number | undefined>(undefined)
+const sourceRepo = ref<GitHubAvailableRepo | undefined>(undefined)
+const sourceDir = ref<string | undefined>(undefined)
+const sourceRef = ref('')
+const manualSource = ref({ repoOwner: '', repoName: '', dirPath: '' })
+
+// A new repo selection clears the previously-browsed directory.
+watch(sourceRepoId, () => {
+  sourceDir.value = undefined
+})
+
+const sourceOwnerName = computed<{ owner: string; name: string } | null>(() => {
+  if (githubReady.value) {
+    return sourceRepo.value ? { owner: sourceRepo.value.owner, name: sourceRepo.value.name } : null
+  }
+  const owner = manualSource.value.repoOwner.trim()
+  const name = manualSource.value.repoName.trim()
+  return owner && name ? { owner, name } : null
+})
+const sourceValid = computed(() => sourceOwnerName.value !== null)
+
+function resetSourceDraft() {
+  sourceRepoId.value = undefined
+  sourceRepo.value = undefined
+  sourceDir.value = undefined
+  sourceRef.value = ''
+  manualSource.value = { repoOwner: '', repoName: '', dirPath: '' }
+}
 
 async function linkSource() {
-  if (!sourceValid.value) return
+  const ownerName = sourceOwnerName.value
+  if (!ownerName) return
+  const dirPath =
+    (githubReady.value ? sourceDir.value : manualSource.value.dirPath.trim()) || undefined
   try {
     const source = await library.linkSource({
-      repoOwner: sourceDraft.value.repoOwner.trim(),
-      repoName: sourceDraft.value.repoName.trim(),
-      dirPath: sourceDraft.value.dirPath.trim() || undefined,
-      gitRef: sourceDraft.value.gitRef.trim() || undefined,
+      repoOwner: ownerName.owner,
+      repoName: ownerName.name,
+      dirPath,
+      gitRef: sourceRef.value.trim() || undefined,
     })
-    sourceDraft.value = { repoOwner: '', repoName: '', dirPath: '', gitRef: '' }
+    resetSourceDraft()
     await library.syncSource(source.id)
     toast.add({ title: t('fragments.toast.sourceLinked'), icon: 'i-lucide-git-branch' })
   } catch (e) {
@@ -242,315 +320,364 @@ async function unlinkSource(id: string) {
 
 <template>
   <div class="flex flex-col gap-4">
-    <p class="text-sm text-slate-400">
-      <template v-if="isWorkspace">
-        {{ t('fragments.intro.workspace') }}
-      </template>
-      <template v-else>
-        {{ t('fragments.intro.account') }}
-      </template>
-    </p>
-
-    <div class="flex gap-2">
-      <UButton
-        v-for="t in tabs"
-        :key="t"
-        :color="tab === t ? 'primary' : 'neutral'"
-        :variant="tab === t ? 'solid' : 'ghost'"
-        size="sm"
-        @click="tab = t"
-      >
-        {{ tabLabel(t) }}
-      </UButton>
+    <!-- The library is opt-out; if a deployment disabled it, don't offer forms that
+         would fail with a raw 503 — say so instead (any entry point lands here). -->
+    <div
+      v-if="library.available === false"
+      class="rounded-md border border-slate-800 bg-slate-900/40 p-3 text-sm text-slate-400"
+    >
+      {{ t('fragments.unavailable') }}
     </div>
 
-    <!-- Resolved (merged) catalog — workspace scope only -->
-    <div v-if="tab === 'catalog'" class="flex flex-col gap-2">
-      <p class="text-xs text-slate-500">
-        {{
-          t(
-            'fragments.catalog.summary',
-            { count: library.resolved.length, builtin: library.builtinCount },
-            library.resolved.length,
-          )
-        }}
+    <template v-else>
+      <p class="text-sm text-slate-400">
+        <template v-if="isWorkspace">
+          {{ t('fragments.intro.workspace') }}
+        </template>
+        <template v-else>
+          {{ t('fragments.intro.account') }}
+        </template>
       </p>
-      <div
-        v-for="f in library.resolved"
-        :key="f.id"
-        class="rounded-md border border-slate-800 bg-slate-900/60 p-3"
-      >
-        <div class="flex items-center gap-2">
-          <span class="font-medium text-slate-100">{{ f.title }}</span>
-          <UBadge size="xs" :color="tierColor[f.tier]" variant="subtle">
-            {{ tierLabel[f.tier] }}
-          </UBadge>
-          <UBadge
-            v-if="f.documentRef"
-            size="xs"
-            color="success"
-            variant="subtle"
-            icon="i-lucide-radio"
-          >
-            {{ t('fragments.catalog.live', { source: f.documentRef.source }) }}
-          </UBadge>
-          <span class="ms-auto font-mono text-[11px] text-slate-500">{{ f.id }}</span>
-        </div>
-        <p class="mt-1 text-sm text-slate-400">{{ f.summary }}</p>
-        <div v-if="f.tags?.length" class="mt-1 flex flex-wrap gap-1">
-          <UBadge v-for="tag in f.tags" :key="tag" size="xs" variant="outline" color="neutral">
-            {{ tag }}
-          </UBadge>
-        </div>
-      </div>
-    </div>
 
-    <!-- Hand-authored (this tier) -->
-    <div v-else-if="tab === 'authored'" class="flex flex-col gap-3">
-      <div
-        v-for="f in library.fragments"
-        :key="f.id"
-        class="flex items-start gap-2 rounded-md border border-slate-800 bg-slate-900/60 p-3"
-      >
-        <div class="min-w-0">
-          <div class="flex items-center gap-2">
-            <span class="font-medium text-slate-100">{{ f.title }}</span>
-            <UBadge v-if="f.source" size="xs" color="info" variant="subtle">{{
-              t('fragments.authored.fromRepo')
-            }}</UBadge>
-          </div>
-          <p class="text-sm text-slate-400">{{ f.summary }}</p>
-        </div>
+      <div class="flex gap-2">
         <UButton
-          icon="i-lucide-trash-2"
-          size="xs"
-          color="error"
-          variant="ghost"
-          class="ms-auto"
-          @click="removeFragment(f.id)"
-        />
-      </div>
-      <p v-if="!library.fragments.length" class="text-sm text-slate-500">
-        {{
-          isWorkspace
-            ? t('fragments.authored.empty.workspace')
-            : t('fragments.authored.empty.account')
-        }}
-      </p>
-
-      <div class="rounded-md border border-slate-800 p-3">
-        <p class="mb-2 text-sm font-medium">{{ t('fragments.authored.addTitle') }}</p>
-        <div class="flex flex-col gap-2">
-          <UInput v-model="draft.title" :placeholder="t('fragments.authored.titlePlaceholder')" />
-          <UInput
-            v-model="draft.summary"
-            :placeholder="t('fragments.authored.summaryPlaceholder')"
-          />
-          <UTextarea
-            v-model="draft.body"
-            :placeholder="t('fragments.authored.bodyPlaceholder')"
-            :rows="4"
-          />
-          <UInput v-model="draft.tags" :placeholder="t('fragments.authored.tagsPlaceholder')" />
-          <UButton
-            icon="i-lucide-plus"
-            size="sm"
-            :disabled="!draftValid"
-            :loading="library.loading"
-            class="self-start"
-            @click="createFragment"
-          >
-            {{ t('fragments.authored.add') }}
-          </UButton>
-        </div>
+          v-for="t in tabs"
+          :key="t"
+          :color="tab === t ? 'primary' : 'neutral'"
+          :variant="tab === t ? 'solid' : 'ghost'"
+          size="sm"
+          @click="tab = t"
+        >
+          {{ tabLabel(t) }}
+        </UButton>
       </div>
-    </div>
 
-    <!-- Document-backed (living) fragments -->
-    <div v-else-if="tab === 'documents'" class="flex flex-col gap-3">
-      <p class="text-xs text-slate-500">
-        {{ t('fragments.documents.intro') }}
-      </p>
-
-      <div
-        v-for="f in documentFragments"
-        :key="f.id"
-        class="flex items-start gap-2 rounded-md border border-slate-800 bg-slate-900/60 p-3"
-      >
-        <UIcon name="i-lucide-radio" class="mt-0.5 h-4 w-4 text-emerald-400" />
-        <div class="min-w-0">
+      <!-- Resolved (merged) catalog — workspace scope only -->
+      <div v-if="tab === 'catalog'" class="flex flex-col gap-2">
+        <p class="text-xs text-slate-500">
+          {{
+            t(
+              'fragments.catalog.summary',
+              { count: library.resolved.length, builtin: library.builtinCount },
+              library.resolved.length,
+            )
+          }}
+        </p>
+        <div
+          v-for="f in library.resolved"
+          :key="f.id"
+          class="rounded-md border border-slate-800 bg-slate-900/60 p-3"
+        >
           <div class="flex items-center gap-2">
             <span class="font-medium text-slate-100">{{ f.title }}</span>
-            <UBadge size="xs" color="success" variant="subtle">
-              {{ f.documentRef?.source }}
+            <UBadge size="xs" :color="tierColor[f.tier]" variant="subtle">
+              {{ tierLabel[f.tier] }}
+            </UBadge>
+            <UBadge
+              v-if="f.documentRef"
+              size="xs"
+              color="success"
+              variant="subtle"
+              icon="i-lucide-radio"
+            >
+              {{ t('fragments.catalog.live', { source: f.documentRef.source }) }}
+            </UBadge>
+            <span class="ms-auto font-mono text-[11px] text-slate-500">{{ f.id }}</span>
+          </div>
+          <p class="mt-1 text-sm text-slate-400">{{ f.summary }}</p>
+          <div v-if="f.tags?.length" class="mt-1 flex flex-wrap gap-1">
+            <UBadge v-for="tag in f.tags" :key="tag" size="xs" variant="outline" color="neutral">
+              {{ tag }}
             </UBadge>
           </div>
-          <p class="text-sm text-slate-400">{{ f.summary }}</p>
-          <p v-if="f.resolvedAt" class="text-[11px] text-slate-500">
-            {{ t('fragments.documents.lastResolved', { date: d(new Date(f.resolvedAt), 'long') }) }}
-          </p>
         </div>
-        <div class="ms-auto flex gap-1">
-          <UButton
-            icon="i-lucide-refresh-cw"
-            size="xs"
-            variant="ghost"
-            :loading="library.loading"
-            :title="t('fragments.documents.refreshTitle')"
-            @click="refreshFragment(f.id)"
-          />
+      </div>
+
+      <!-- Hand-authored (this tier) -->
+      <div v-else-if="tab === 'authored'" class="flex flex-col gap-3">
+        <div
+          v-for="f in library.fragments"
+          :key="f.id"
+          class="flex items-start gap-2 rounded-md border border-slate-800 bg-slate-900/60 p-3"
+        >
+          <div class="min-w-0">
+            <div class="flex items-center gap-2">
+              <span class="font-medium text-slate-100">{{ f.title }}</span>
+              <UBadge v-if="f.source" size="xs" color="info" variant="subtle">{{
+                t('fragments.authored.fromRepo')
+              }}</UBadge>
+            </div>
+            <p class="text-sm text-slate-400">{{ f.summary }}</p>
+          </div>
           <UButton
             icon="i-lucide-trash-2"
             size="xs"
             color="error"
             variant="ghost"
+            class="ms-auto"
             @click="removeFragment(f.id)"
           />
         </div>
-      </div>
-      <p v-if="!documentFragments.length" class="text-sm text-slate-500">
-        {{ t('fragments.documents.empty') }}
-      </p>
+        <p v-if="!library.fragments.length" class="text-sm text-slate-500">
+          {{
+            isWorkspace
+              ? t('fragments.authored.empty.workspace')
+              : t('fragments.authored.empty.account')
+          }}
+        </p>
 
-      <div class="rounded-md border border-slate-800 p-3">
-        <p class="mb-2 text-sm font-medium">{{ t('fragments.documents.linkTitle') }}</p>
-        <div v-if="docLinkDisabled" class="text-sm text-slate-500">
-          {{ t('fragments.documents.disabledHint') }}
-        </div>
-        <div v-else-if="!documents.connectedSources.length" class="text-sm text-slate-500">
-          {{ t('fragments.documents.connectFirst') }}
-        </div>
-        <div v-else class="flex flex-col gap-2">
-          <div class="flex flex-wrap gap-2">
+        <div class="rounded-md border border-slate-800 p-3">
+          <p class="mb-2 text-sm font-medium">{{ t('fragments.authored.addTitle') }}</p>
+          <div class="flex flex-col gap-2">
+            <UInput v-model="draft.title" :placeholder="t('fragments.authored.titlePlaceholder')" />
+            <UInput
+              v-model="draft.summary"
+              :placeholder="t('fragments.authored.summaryPlaceholder')"
+            />
+            <UTextarea
+              v-model="draft.body"
+              :placeholder="t('fragments.authored.bodyPlaceholder')"
+              :rows="4"
+            />
+            <UInput v-model="draft.tags" :placeholder="t('fragments.authored.tagsPlaceholder')" />
             <UButton
-              v-for="s in documents.connectedSources"
-              :key="s.source"
-              size="xs"
-              :color="docDraft.source === s.source ? 'primary' : 'neutral'"
-              :variant="docDraft.source === s.source ? 'solid' : 'outline'"
-              @click="docDraft.source = s.source"
+              icon="i-lucide-plus"
+              size="sm"
+              :disabled="!draftValid"
+              :loading="library.loading"
+              class="self-start"
+              @click="createFragment"
             >
-              {{ s.label }}
+              {{ t('fragments.authored.add') }}
             </UButton>
           </div>
-          <UInput v-model="docDraft.ref" :placeholder="t('fragments.documents.refPlaceholder')" />
-          <UInput v-model="docDraft.tags" :placeholder="t('fragments.documents.tagsPlaceholder')" />
-          <UButton
-            icon="i-lucide-link"
-            size="sm"
-            :disabled="!docDraftValid"
-            :loading="library.loading"
-            class="self-start"
-            @click="linkDocumentFragment"
-          >
-            {{ t('fragments.documents.link') }}
-          </UButton>
         </div>
       </div>
-    </div>
 
-    <!-- Repo sources -->
-    <div v-else class="flex flex-col gap-3">
-      <div
-        v-for="s in library.sources"
-        :key="s.id"
-        class="flex items-center gap-2 rounded-md border border-slate-800 bg-slate-900/60 p-3"
-      >
-        <UIcon name="i-lucide-git-branch" class="h-4 w-4 text-slate-400" />
-        <div class="min-w-0">
-          <span class="font-mono text-sm text-slate-100">
-            {{ s.repoOwner }}/{{ s.repoName
-            }}<span class="text-slate-500">/{{ s.dirPath || '' }}</span>
-          </span>
-          <p class="text-xs text-slate-500">
-            {{
-              s.lastSyncedAt
-                ? t('fragments.sources.metaSynced', { ref: s.gitRef })
-                : t('fragments.sources.metaNever', { ref: s.gitRef })
-            }}
-          </p>
-        </div>
-        <UBadge
-          v-if="library.sourceChanges[s.id]"
-          size="xs"
-          color="warning"
-          variant="subtle"
-          class="ms-auto"
-        >
-          {{
-            t(
-              'fragments.sources.changes',
-              { count: library.sourceChanges[s.id] },
-              library.sourceChanges[s.id] ?? 0,
-            )
-          }}
-        </UBadge>
-        <div class="ms-auto flex gap-1">
-          <UButton
-            icon="i-lucide-search-check"
-            size="xs"
-            variant="ghost"
-            @click="checkSource(s.id)"
-          />
-          <UButton
-            icon="i-lucide-refresh-cw"
-            size="xs"
-            variant="ghost"
-            :loading="library.loading"
-            @click="syncSource(s.id)"
-          />
-          <UButton
-            icon="i-lucide-unplug"
-            size="xs"
-            color="error"
-            variant="ghost"
-            @click="unlinkSource(s.id)"
-          />
-        </div>
-      </div>
-      <p v-if="!library.sources.length" class="text-sm text-slate-500">
-        {{ t('fragments.sources.empty') }}
-      </p>
+      <!-- Document-backed (living) fragments -->
+      <div v-else-if="tab === 'documents'" class="flex flex-col gap-3">
+        <p class="text-xs text-slate-500">
+          {{ t('fragments.documents.intro') }}
+        </p>
 
-      <div class="rounded-md border border-slate-800 p-3">
-        <p class="mb-2 text-sm font-medium">{{ t('fragments.sources.linkTitle') }}</p>
-        <div class="flex flex-col gap-2">
-          <div class="flex gap-2">
-            <UInput
-              v-model="sourceDraft.repoOwner"
-              :placeholder="t('fragments.sources.ownerPlaceholder')"
-              class="flex-1"
+        <div
+          v-for="f in documentFragments"
+          :key="f.id"
+          class="flex items-start gap-2 rounded-md border border-slate-800 bg-slate-900/60 p-3"
+        >
+          <UIcon name="i-lucide-radio" class="mt-0.5 h-4 w-4 text-emerald-400" />
+          <div class="min-w-0">
+            <div class="flex items-center gap-2">
+              <span class="font-medium text-slate-100">{{ f.title }}</span>
+              <UBadge size="xs" color="success" variant="subtle">
+                {{ f.documentRef?.source }}
+              </UBadge>
+            </div>
+            <p class="text-sm text-slate-400">{{ f.summary }}</p>
+            <p v-if="f.resolvedAt" class="text-[11px] text-slate-500">
+              {{
+                t('fragments.documents.lastResolved', { date: d(new Date(f.resolvedAt), 'long') })
+              }}
+            </p>
+          </div>
+          <div class="ms-auto flex gap-1">
+            <UButton
+              icon="i-lucide-refresh-cw"
+              size="xs"
+              variant="ghost"
+              :loading="library.loading"
+              :title="t('fragments.documents.refreshTitle')"
+              @click="refreshFragment(f.id)"
             />
-            <UInput
-              v-model="sourceDraft.repoName"
-              :placeholder="t('fragments.sources.repoPlaceholder')"
-              class="flex-1"
+            <UButton
+              icon="i-lucide-trash-2"
+              size="xs"
+              color="error"
+              variant="ghost"
+              @click="removeFragment(f.id)"
             />
           </div>
-          <div class="flex gap-2">
-            <UInput
-              v-model="sourceDraft.dirPath"
-              :placeholder="t('fragments.sources.dirPlaceholder')"
-              class="flex-1"
-            />
+        </div>
+        <p v-if="!documentFragments.length" class="text-sm text-slate-500">
+          {{ t('fragments.documents.empty') }}
+        </p>
+
+        <div class="rounded-md border border-slate-800 p-3">
+          <p class="mb-2 text-sm font-medium">{{ t('fragments.documents.linkTitle') }}</p>
+          <div v-if="docLinkDisabled" class="text-sm text-slate-500">
+            {{ t('fragments.documents.disabledHint') }}
+          </div>
+          <div v-else-if="!documents.connectedSources.length" class="text-sm text-slate-500">
+            {{ t('fragments.documents.connectFirst') }}
+          </div>
+          <div v-else class="flex flex-col gap-2">
+            <div class="flex flex-wrap gap-2">
+              <UButton
+                v-for="s in documents.connectedSources"
+                :key="s.source"
+                size="xs"
+                :color="docDraft.source === s.source ? 'primary' : 'neutral'"
+                :variant="docDraft.source === s.source ? 'solid' : 'outline'"
+                @click="docDraft.source = s.source"
+              >
+                {{ s.label }}
+              </UButton>
+            </div>
+
+            <!-- GitHub: search a repo + browse to the file instead of typing the ref -->
+            <template v-if="showGithubDocPicker">
+              <GitHubRepoSearchSelect v-model="docRepoId" @update:repo="docRepo = $event" />
+              <div
+                v-if="docRepoId !== undefined"
+                class="rounded-md border border-slate-800 bg-slate-900/40 p-2"
+              >
+                <p class="mb-2 text-xs text-slate-400">
+                  {{ t('fragments.documents.githubBrowseHint') }}
+                </p>
+                <RepoTreeBrowser v-model="docFilePath" :repo-github-id="docRepoId" mode="file" />
+              </div>
+            </template>
+
+            <UInput v-model="docDraft.ref" :placeholder="t('fragments.documents.refPlaceholder')" />
             <UInput
-              v-model="sourceDraft.gitRef"
-              :placeholder="t('fragments.sources.refPlaceholder')"
-              class="flex-1"
+              v-model="docDraft.tags"
+              :placeholder="t('fragments.documents.tagsPlaceholder')"
             />
+            <UButton
+              icon="i-lucide-link"
+              size="sm"
+              :disabled="!docDraftValid"
+              :loading="library.loading"
+              class="self-start"
+              @click="linkDocumentFragment"
+            >
+              {{ t('fragments.documents.link') }}
+            </UButton>
           </div>
-          <UButton
-            icon="i-lucide-link"
-            size="sm"
-            :disabled="!sourceValid"
-            :loading="library.loading"
-            class="self-start"
-            @click="linkSource"
+        </div>
+      </div>
+
+      <!-- Repo sources -->
+      <div v-else class="flex flex-col gap-3">
+        <div
+          v-for="s in library.sources"
+          :key="s.id"
+          class="flex items-center gap-2 rounded-md border border-slate-800 bg-slate-900/60 p-3"
+        >
+          <UIcon name="i-lucide-git-branch" class="h-4 w-4 text-slate-400" />
+          <div class="min-w-0">
+            <span class="font-mono text-sm text-slate-100">
+              {{ s.repoOwner }}/{{ s.repoName
+              }}<span class="text-slate-500">/{{ s.dirPath || '' }}</span>
+            </span>
+            <p class="text-xs text-slate-500">
+              {{
+                s.lastSyncedAt
+                  ? t('fragments.sources.metaSynced', { ref: s.gitRef })
+                  : t('fragments.sources.metaNever', { ref: s.gitRef })
+              }}
+            </p>
+          </div>
+          <UBadge
+            v-if="library.sourceChanges[s.id]"
+            size="xs"
+            color="warning"
+            variant="subtle"
+            class="ms-auto"
           >
-            {{ t('fragments.sources.link') }}
-          </UButton>
+            {{
+              t(
+                'fragments.sources.changes',
+                { count: library.sourceChanges[s.id] },
+                library.sourceChanges[s.id] ?? 0,
+              )
+            }}
+          </UBadge>
+          <div class="ms-auto flex gap-1">
+            <UButton
+              icon="i-lucide-search-check"
+              size="xs"
+              variant="ghost"
+              @click="checkSource(s.id)"
+            />
+            <UButton
+              icon="i-lucide-refresh-cw"
+              size="xs"
+              variant="ghost"
+              :loading="library.loading"
+              @click="syncSource(s.id)"
+            />
+            <UButton
+              icon="i-lucide-unplug"
+              size="xs"
+              color="error"
+              variant="ghost"
+              @click="unlinkSource(s.id)"
+            />
+          </div>
+        </div>
+        <p v-if="!library.sources.length" class="text-sm text-slate-500">
+          {{ t('fragments.sources.empty') }}
+        </p>
+
+        <div class="rounded-md border border-slate-800 p-3">
+          <p class="mb-2 text-sm font-medium">{{ t('fragments.sources.linkTitle') }}</p>
+          <div class="flex flex-col gap-2">
+            <!-- Connected: search a repo + browse to the guideline directory -->
+            <template v-if="githubReady">
+              <GitHubRepoSearchSelect v-model="sourceRepoId" @update:repo="sourceRepo = $event" />
+              <div
+                v-if="sourceRepoId !== undefined"
+                class="rounded-md border border-slate-800 bg-slate-900/40 p-2"
+              >
+                <p class="mb-2 text-xs text-slate-400">
+                  {{ t('fragments.sources.browseHint') }}
+                </p>
+                <RepoTreeBrowser v-model="sourceDir" :repo-github-id="sourceRepoId" mode="dir" />
+                <p class="mt-2 truncate text-xs text-slate-400">
+                  <template v-if="sourceDir">
+                    {{ t('fragments.sources.selectedDir') }}
+                    <code class="text-slate-200">{{ sourceDir }}</code>
+                  </template>
+                  <template v-else>{{ t('fragments.sources.wholeRepo') }}</template>
+                </p>
+              </div>
+            </template>
+
+            <!-- Not connected: manual owner/name/dir fallback -->
+            <template v-else>
+              <div class="flex gap-2">
+                <UInput
+                  v-model="manualSource.repoOwner"
+                  :placeholder="t('fragments.sources.ownerPlaceholder')"
+                  class="flex-1"
+                />
+                <UInput
+                  v-model="manualSource.repoName"
+                  :placeholder="t('fragments.sources.repoPlaceholder')"
+                  class="flex-1"
+                />
+              </div>
+              <UInput
+                v-model="manualSource.dirPath"
+                :placeholder="t('fragments.sources.dirPlaceholder')"
+              />
+            </template>
+
+            <UInput v-model="sourceRef" :placeholder="t('fragments.sources.refPlaceholder')" />
+            <UButton
+              icon="i-lucide-link"
+              size="sm"
+              :disabled="!sourceValid"
+              :loading="library.loading"
+              class="self-start"
+              @click="linkSource"
+            >
+              {{ t('fragments.sources.link') }}
+            </UButton>
+          </div>
         </div>
       </div>
-    </div>
+    </template>
   </div>
 </template>

package/app/components/github/GitHubRepoSearchSelect.vue

@@ -0,0 +1,118 @@
+<script setup lang="ts">
+// A reusable server-side GitHub repository picker: the same searchable combobox the
+// add-service modal uses, extracted so any window that needs to pick a repo the App
+// can access gets identical behaviour (type ≥ MIN_SEARCH_LEN chars → the backend
+// filters `owner/name`, nothing is prefetched). Exposes the selected repo's numeric
+// id via `v-model`, and emits the full `GitHubAvailableRepo` (owner/name/flags) via
+// `update:repo` for callers that need more than the id.
+import { refDebounced } from '@vueuse/core'
+import type { GitHubAvailableRepo } from '~/types/domain'
+
+const props = defineProps<{
+  /** Selected repo GitHub numeric id, via v-model. */
+  modelValue?: number
+}>()
+const emit = defineEmits<{
+  'update:modelValue': [number | undefined]
+  'update:repo': [GitHubAvailableRepo | undefined]
+}>()
+
+const { t } = useI18n()
+const github = useGitHubStore()
+
+// A wide App install (or a PAT) can expose hundreds of repos — too many to prefetch and
+// filter client-side — so the picker searches SERVER-SIDE once the user types at least
+// MIN_SEARCH_LEN characters (debounced). Below the gate the list stays empty.
+const MIN_SEARCH_LEN = 3
+const repoSearch = ref('')
+const repoSearchDebounced = refDebounced(repoSearch, 250)
+const repoQueryRaw = computed(() => repoSearchDebounced.value.trim())
+const belowMinChars = computed(() => repoQueryRaw.value.length < MIN_SEARCH_LEN)
+
+// The picked repo, captured when selected — the loaded list is volatile (a later search
+// replaces it), so the selection can't be derived from `availableRepos` after the fact.
+const selectedRepo = ref<GitHubAvailableRepo | undefined>(undefined)
+
+function toRepoItem(r: GitHubAvailableRepo) {
+  const suffix = r.private ? t('github.addService.repoLabel.private') : ''
+  return { label: `${r.owner}/${r.name}${suffix}`, value: r.githubId }
+}
+
+const repoItems = computed(() => github.availableRepos.map(toRepoItem))
+const queryMatches = computed(() => (belowMinChars.value ? [] : repoItems.value))
+
+// Items fed to the combobox: the matches plus the current selection kept present, so the
+// menu still renders the selected repo's label after a later search replaces the list.
+const repoMenuItems = computed(() => {
+  const matches = queryMatches.value
+  if (props.modelValue === undefined) return matches
+  if (matches.some((r) => r.value === props.modelValue)) return matches
+  return selectedRepo.value ? [toRepoItem(selectedRepo.value), ...matches] : matches
+})
+
+// Fetch matches server-side as the debounced query changes; below the gate clear the list.
+watch(repoQueryRaw, (q) => {
+  void github.loadAvailableRepos(q.length >= MIN_SEARCH_LEN ? q : '')
+})
+
+const selectedId = computed({
+  get: () => props.modelValue,
+  set: (v: number | undefined) => emit('update:modelValue', v),
+})
+
+// On selection, capture the picked repo (from the still-current loaded list) and surface it.
+watch(
+  () => props.modelValue,
+  (id) => {
+    if (id === undefined) {
+      selectedRepo.value = undefined
+      emit('update:repo', undefined)
+      return
+    }
+    const found = github.availableRepos.find((r) => r.githubId === id)
+    if (found) {
+      selectedRepo.value = found
+      emit('update:repo', found)
+    }
+  },
+)
+
+function clear() {
+  emit('update:modelValue', undefined)
+  emit('update:repo', undefined)
+  repoSearch.value = ''
+}
+</script>
+
+<template>
+  <UInputMenu
+    v-model="selectedId"
+    v-model:search-term="repoSearch"
+    :items="repoMenuItems"
+    :ignore-filter="true"
+    value-key="value"
+    :loading="github.loadingAvailable"
+    icon="i-lucide-search"
+    :placeholder="t('github.addService.searchPlaceholder')"
+    class="w-full"
+  >
+    <template v-if="selectedId !== undefined" #trailing>
+      <UButton
+        color="neutral"
+        variant="link"
+        size="sm"
+        icon="i-lucide-x"
+        :aria-label="t('github.addService.clearSelection')"
+        @click.stop="clear"
+      />
+    </template>
+    <template #empty>
+      <span v-if="belowMinChars">
+        {{ t('github.addService.searchMinChars', { min: MIN_SEARCH_LEN }, MIN_SEARCH_LEN) }}
+      </span>
+      <span v-else-if="!github.loadingAvailable">
+        {{ t('github.addService.noMatches', { query: repoQueryRaw }) }}
+      </span>
+    </template>
+  </UInputMenu>
+</template>

package/app/components/tasks/ContextIssuePicker.vue

@@ -66,6 +66,26 @@ const results = ref<TaskSearchResult[]>([])
 const searching = ref(false)
 const searchError = ref<string | null>(null)
 
+// Already-imported issues, scoped to the target container's repo on the backend
+// (GitHub narrows to the service's linked repo, exactly as search does; repo-less
+// sources are unaffected). Held locally rather than read from the shared workspace
+// list, so a task created for one service never offers issues from sibling repos.
+const imported = ref<SourceTask[]>([])
+async function reloadImported() {
+  try {
+    imported.value = await tasks.listTasksForBlock(props.scopeBlockId)
+  } catch {
+    imported.value = []
+  }
+}
+// Re-scope when the target container changes (its repo, hence the in-repo issues, differ).
+watch(
+  () => props.scopeBlockId,
+  () => {
+    reloadImported()
+  },
+)
+
 // Debounced search: free text hits the tracker; a query that's clearly a URL/key
 // is left to the explicit "by reference" row below (search won't surface it).
 // Re-scope when `scopeBlockId` changes too (a GitHub search is scoped to the block's
@@ -108,7 +128,7 @@ function keyFor(externalId: string): string {
 const importedRows = computed(() => {
   if (!source.value) return []
   const q = query.value.trim().toLowerCase()
-  return tasks.tasks
+  return imported.value
     .filter((t) => t.source === source.value)
     .filter((t) => !chosen.value.has(keyFor(t.externalId)))
     .filter(
@@ -120,7 +140,7 @@ const importedRows = computed(() => {
 const searchRows = computed(() => {
   if (!source.value) return []
   const importedIds = new Set(
-    tasks.tasks.filter((t) => t.source === source.value).map((t) => t.externalId),
+    imported.value.filter((t) => t.source === source.value).map((t) => t.externalId),
   )
   return results.value
     .filter((r) => !importedIds.has(r.externalId))
@@ -195,8 +215,8 @@ function pickRef(q: string) {
 }
 
 onMounted(() => {
-  // Keep the quick-pick list current (cheap; the store dedupes).
-  tasks.loadTasks().catch(() => {})
+  // Load the quick-pick list, scoped to the target container's repo.
+  reloadImported()
 })
 </script>
 

package/app/composables/api/tasks.ts

@@ -62,7 +62,11 @@ export function tasksApi({ send, ws }: ApiContext) {
     checkTaskSource: (workspaceId: string, source: TaskSourceKind) =>
       send(diagnoseTaskSourceContract, { pathPrefix: ws(workspaceId), pathParams: { source } }),
 
-    listTasks: (workspaceId: string) => send(listTasksContract, { pathPrefix: ws(workspaceId) }),
+    // `blockId` scopes the listed issues to that block's service repo for a
+    // repo-backed source (GitHub Issues), exactly as search does; omitted → the
+    // whole workspace.
+    listTasks: (workspaceId: string, blockId?: string) =>
+      send(listTasksContract, { pathPrefix: ws(workspaceId), queryParams: { blockId } }),
 
     importTask: (workspaceId: string, source: TaskSourceKind, body: { ref: string }) =>
       send(importTaskContract, { pathPrefix: ws(workspaceId), pathParams: { source }, body }),

package/app/stores/tasks.ts

@@ -119,6 +119,18 @@ export const useTasksStore = defineStore('tasks', () => {
     tasks.value = await api.listTasks(workspace.requireId())
   }
 
+  /**
+   * Fetch imported issues scoped to a block's service repo (GitHub only — a
+   * repo-backed source narrows to that service's linked repo, exactly as `search`
+   * does; repo-less sources are unaffected). Returns the list WITHOUT touching the
+   * shared `tasks` state, so a repo-scoped view (the issue picker) can hold its own
+   * list without narrowing the workspace-wide one other views rely on. Omit
+   * `blockId` for the whole workspace.
+   */
+  async function listTasksForBlock(blockId?: string): Promise<SourceTask[]> {
+    return api.listTasks(workspace.requireId(), blockId)
+  }
+
   /** Import (fetch + persist) an issue by key or URL from a source. */
   async function importTask(source: TaskSourceKind, ref: string): Promise<SourceTask> {
     loading.value = true
@@ -218,6 +230,7 @@ export const useTasksStore = defineStore('tasks', () => {
     disconnect,
     setEnabled,
     loadTasks,
+    listTasksForBlock,
     importTask,
     search,
     linkToBlock,

package/i18n/locales/en.json

@@ -3717,7 +3717,8 @@
       "connectFirst": "Connect a document source (Confluence, Notion or GitHub) under Integrations first.",
       "refPlaceholder": "Page id or URL (e.g. a Confluence/Notion page or GitHub file URL)",
       "tagsPlaceholder": "Tags, comma-separated (optional)",
-      "link": "Link as living fragment"
+      "link": "Link as living fragment",
+      "githubBrowseHint": "Browse the repo and pick the file to link."
     },
     "sources": {
       "metaSynced": "synced · ref {ref}",
@@ -3729,7 +3730,10 @@
       "repoPlaceholder": "repo",
       "dirPlaceholder": "dir path (e.g. guidelines)",
       "refPlaceholder": "ref (default HEAD)",
-      "link": "Link & sync"
+      "link": "Link & sync",
+      "browseHint": "Browse the repo and pick the directory of Markdown guidelines (or link the whole repo).",
+      "selectedDir": "Directory:",
+      "wholeRepo": "Whole repository (root)."
     },
     "toast": {
       "added": "Fragment added",
@@ -3753,7 +3757,8 @@
     "confirmRemove": {
       "title": "Delete this fragment?",
       "body": "\"{name}\" will be removed. This can't be undone."
-    }
+    },
+    "unavailable": "The prompt-fragment library isn't enabled for this deployment."
   },
   "sandbox": {
     "title": "Sandbox: prompt and model testing",

package/i18n/locales/es.json

@@ -3585,7 +3585,8 @@
       "connectFirst": "Conecta primero una fuente de documentos (Confluence, Notion o GitHub) en Integraciones.",
       "refPlaceholder": "Id o URL de página (p. ej., una página de Confluence/Notion o la URL de un archivo de GitHub)",
       "tagsPlaceholder": "Etiquetas, separadas por comas (opcional)",
-      "link": "Vincular como fragmento vivo"
+      "link": "Vincular como fragmento vivo",
+      "githubBrowseHint": "Explora el repositorio y elige el archivo a enlazar."
     },
     "sources": {
       "metaSynced": "sincronizado · ref {ref}",
@@ -3597,7 +3598,10 @@
       "repoPlaceholder": "repositorio",
       "dirPlaceholder": "ruta del directorio (p. ej., guidelines)",
       "refPlaceholder": "ref (HEAD por defecto)",
-      "link": "Vincular y sincronizar"
+      "link": "Vincular y sincronizar",
+      "browseHint": "Explora el repositorio y elige el directorio de guías Markdown (o enlaza todo el repositorio).",
+      "selectedDir": "Directorio:",
+      "wholeRepo": "Repositorio completo (raíz)."
     },
     "toast": {
       "added": "Fragmento añadido",
@@ -3621,7 +3625,8 @@
     "confirmRemove": {
       "title": "¿Eliminar este fragmento?",
       "body": "Se eliminará \"{name}\". Esta acción no se puede deshacer."
-    }
+    },
+    "unavailable": "La biblioteca de fragmentos de prompt no está habilitada en esta implementación."
   },
   "sandbox": {
     "title": "Sandbox: pruebas de prompts y modelos",

package/i18n/locales/fr.json

@@ -3585,7 +3585,8 @@
       "connectFirst": "Connectez d'abord une source de documents (Confluence, Notion ou GitHub) dans Intégrations.",
       "refPlaceholder": "Id ou URL de page (par ex. une page Confluence/Notion ou l'URL d'un fichier GitHub)",
       "tagsPlaceholder": "Étiquettes, séparées par des virgules (facultatif)",
-      "link": "Lier comme fragment vivant"
+      "link": "Lier comme fragment vivant",
+      "githubBrowseHint": "Parcourez le dépôt et choisissez le fichier à lier."
     },
     "sources": {
       "metaSynced": "synchronisé · ref {ref}",
@@ -3597,7 +3598,10 @@
       "repoPlaceholder": "dépôt",
       "dirPlaceholder": "chemin du répertoire (par ex. guidelines)",
       "refPlaceholder": "ref (HEAD par défaut)",
-      "link": "Lier et synchroniser"
+      "link": "Lier et synchroniser",
+      "browseHint": "Parcourez le dépôt et choisissez le répertoire de consignes Markdown (ou liez tout le dépôt).",
+      "selectedDir": "Répertoire :",
+      "wholeRepo": "Dépôt entier (racine)."
     },
     "toast": {
       "added": "Fragment ajouté",
@@ -3621,7 +3625,8 @@
     "confirmRemove": {
       "title": "Supprimer ce fragment ?",
       "body": "\"{name}\" sera supprimé. Cette action est irréversible."
-    }
+    },
+    "unavailable": "La bibliothèque de fragments de prompt n'est pas activée pour ce déploiement."
   },
   "sandbox": {
     "title": "Bac à sable : test de prompts et de modèles",

package/i18n/locales/he.json

@@ -3596,7 +3596,8 @@
       "connectFirst": "חבר תחילה מקור מסמכים (Confluence, Notion או GitHub) תחת אינטגרציות.",
       "refPlaceholder": "מזהה עמוד או כתובת (למשל עמוד Confluence/Notion או כתובת קובץ GitHub)",
       "tagsPlaceholder": "תגיות, מופרדות בפסיקים (אופציונלי)",
-      "link": "קשר כמקטע חי"
+      "link": "קשר כמקטע חי",
+      "githubBrowseHint": "עיין במאגר ובחר את הקובץ לקישור."
     },
     "sources": {
       "metaSynced": "סונכרן · ref {ref}",
@@ -3608,7 +3609,10 @@
       "repoPlaceholder": "מאגר",
       "dirPlaceholder": "נתיב תיקייה (למשל guidelines)",
       "refPlaceholder": "ref (ברירת מחדל HEAD)",
-      "link": "קשר וסנכרן"
+      "link": "קשר וסנכרן",
+      "browseHint": "עיין במאגר ובחר את תיקיית הנחיות ה-Markdown (או קשר את המאגר כולו).",
+      "selectedDir": "תיקייה:",
+      "wholeRepo": "המאגר כולו (השורש)."
     },
     "toast": {
       "added": "המקטע נוסף",
@@ -3632,7 +3636,8 @@
     "confirmRemove": {
       "title": "למחוק את המקטע הזה?",
       "body": "\"{name}\" יימחק. לא ניתן לבטל פעולה זו."
-    }
+    },
+    "unavailable": "ספריית מקטעי הפרומפט אינה מופעלת בפריסה זו."
   },
   "sandbox": {
     "title": "Sandbox: בדיקת פרומפטים ומודלים",

package/i18n/locales/ja.json

@@ -3598,7 +3598,8 @@
       "connectFirst": "まず Integrations でドキュメントソース (Confluence、Notion または GitHub) を接続してください。",
       "refPlaceholder": "ページ id または URL (例: Confluence/Notion ページや GitHub ファイル URL)",
       "tagsPlaceholder": "タグ、カンマ区切り (任意)",
-      "link": "リビングフラグメントとしてリンク"
+      "link": "リビングフラグメントとしてリンク",
+      "githubBrowseHint": "リポジトリを参照してリンクするファイルを選択します。"
     },
     "sources": {
       "metaSynced": "同期済み · ref {ref}",
@@ -3610,7 +3611,10 @@
       "repoPlaceholder": "repo",
       "dirPlaceholder": "ディレクトリパス (例: guidelines)",
       "refPlaceholder": "ref (デフォルト HEAD)",
-      "link": "リンクして同期"
+      "link": "リンクして同期",
+      "browseHint": "リポジトリを参照して Markdown ガイドラインのディレクトリを選択します（またはリポジトリ全体をリンク）。",
+      "selectedDir": "ディレクトリ:",
+      "wholeRepo": "リポジトリ全体（ルート）。"
     },
     "toast": {
       "added": "フラグメントを追加しました",
@@ -3634,7 +3638,8 @@
     "confirmRemove": {
       "title": "このフラグメントを削除しますか？",
       "body": "「{name}」が削除されます。 この操作は取り消せません。"
-    }
+    },
+    "unavailable": "このデプロイではプロンプトフラグメントライブラリが有効になっていません。"
   },
   "sandbox": {
     "title": "Sandbox: プロンプトとモデルのテスト",

package/i18n/locales/pl.json

@@ -3585,7 +3585,8 @@
       "connectFirst": "Najpierw połącz źródło dokumentów (Confluence, Notion lub GitHub) w sekcji Integracje.",
       "refPlaceholder": "Id lub URL strony (np. strona Confluence/Notion lub URL pliku GitHub)",
       "tagsPlaceholder": "Tagi, oddzielone przecinkami (opcjonalnie)",
-      "link": "Połącz jako żywy fragment"
+      "link": "Połącz jako żywy fragment",
+      "githubBrowseHint": "Przeglądaj repozytorium i wybierz plik do połączenia."
     },
     "sources": {
       "metaSynced": "zsynchronizowano · ref {ref}",
@@ -3597,7 +3598,10 @@
       "repoPlaceholder": "repozytorium",
       "dirPlaceholder": "ścieżka katalogu (np. guidelines)",
       "refPlaceholder": "ref (domyślnie HEAD)",
-      "link": "Połącz i synchronizuj"
+      "link": "Połącz i synchronizuj",
+      "browseHint": "Przeglądaj repozytorium i wybierz katalog wytycznych Markdown (lub połącz całe repozytorium).",
+      "selectedDir": "Katalog:",
+      "wholeRepo": "Całe repozytorium (katalog główny)."
     },
     "toast": {
       "added": "Dodano fragment",
@@ -3621,7 +3625,8 @@
     "confirmRemove": {
       "title": "Usunąć ten fragment?",
       "body": "\"{name}\" zostanie usunięty. Tej operacji nie można cofnąć."
-    }
+    },
+    "unavailable": "Biblioteka fragmentów promptów nie jest włączona w tym wdrożeniu."
   },
   "sandbox": {
     "title": "Piaskownica: testowanie promptów i modeli",

package/i18n/locales/tr.json

@@ -3598,7 +3598,8 @@
       "connectFirst": "Önce Entegrasyonlar altında bir belge kaynağı (Confluence, Notion veya GitHub) bağlayın.",
       "refPlaceholder": "Sayfa kimliği veya URL (örn. bir Confluence/Notion sayfası veya GitHub dosya URL'si)",
       "tagsPlaceholder": "Etiketler, virgülle ayrılmış (isteğe bağlı)",
-      "link": "Canlı parça olarak bağla"
+      "link": "Canlı parça olarak bağla",
+      "githubBrowseHint": "Depoya göz atın ve bağlanacak dosyayı seçin."
     },
     "sources": {
       "metaSynced": "eşitlendi · ref {ref}",
@@ -3610,7 +3611,10 @@
       "repoPlaceholder": "repo",
       "dirPlaceholder": "dizin yolu (örn. guidelines)",
       "refPlaceholder": "ref (varsayılan HEAD)",
-      "link": "Bağla ve eşitle"
+      "link": "Bağla ve eşitle",
+      "browseHint": "Depoya göz atın ve Markdown yönerge dizinini seçin (veya tüm depoyu bağlayın).",
+      "selectedDir": "Dizin:",
+      "wholeRepo": "Tüm depo (kök)."
     },
     "toast": {
       "added": "Parça eklendi",
@@ -3634,7 +3638,8 @@
     "confirmRemove": {
       "title": "Bu parça silinsin mi?",
       "body": "\"{name}\" kaldırılacak. Bu işlem geri alınamaz."
-    }
+    },
+    "unavailable": "Bu dağıtımda istem parçası kütüphanesi etkin değil."
   },
   "sandbox": {
     "title": "Sandbox: prompt ve model testi",

package/i18n/locales/uk.json

@@ -3585,7 +3585,8 @@
       "connectFirst": "Спершу під'єднайте джерело документів (Confluence, Notion або GitHub) у розділі Інтеграції.",
       "refPlaceholder": "Id або URL сторінки (напр. сторінка Confluence/Notion чи URL файлу GitHub)",
       "tagsPlaceholder": "Теги, розділені комами (необов'язково)",
-      "link": "Прив'язати як живий фрагмент"
+      "link": "Прив'язати як живий фрагмент",
+      "githubBrowseHint": "Перегляньте репозиторій і виберіть файл для зв’язування."
     },
     "sources": {
       "metaSynced": "синхронізовано · ref {ref}",
@@ -3597,7 +3598,10 @@
       "repoPlaceholder": "репозиторій",
       "dirPlaceholder": "шлях до каталогу (напр. guidelines)",
       "refPlaceholder": "ref (типово HEAD)",
-      "link": "Прив'язати й синхронізувати"
+      "link": "Прив'язати й синхронізувати",
+      "browseHint": "Перегляньте репозиторій і виберіть каталог настанов Markdown (або зв’яжіть увесь репозиторій).",
+      "selectedDir": "Каталог:",
+      "wholeRepo": "Увесь репозиторій (корінь)."
     },
     "toast": {
       "added": "Фрагмент додано",
@@ -3621,7 +3625,8 @@
     "confirmRemove": {
       "title": "Видалити цей фрагмент?",
       "body": "\"{name}\" буде видалено. Цю дію не можна скасувати."
-    }
+    },
+    "unavailable": "Бібліотека фрагментів промптів не ввімкнена для цього розгортання."
   },
   "sandbox": {
     "title": "Пісочниця: тестування промптів і моделей",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cat-factory/app",
-  "version": "0.74.2",
+  "version": "0.75.0",
   "description": "Reusable Nuxt layer for the Agent Architecture Board SPA (components, stores, composables, pages). Consume it from a thin deployment app via `extends: ['@cat-factory/app']` and point it at your backend with NUXT_PUBLIC_API_BASE. See deploy/frontend for an example.",
   "repository": {
     "type": "git",
@@ -34,7 +34,7 @@
     "valibot": "^1.4.2",
     "vue": "^3.5.39",
     "wretch": "^3.0.9",
-    "@cat-factory/contracts": "0.81.1"
+    "@cat-factory/contracts": "0.81.2"
   },
   "devDependencies": {
     "@toad-contracts/testing": "0.3.2",