@finema/finework-layer 2.0.67 → 2.0.68

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [2.0.68](https://gitlab.finema.co/finema/internal/finework/compare/2.0.67...2.0.68) (2026-09-21)
+
+### Features
+
+* add collapsible section to show/hide manuals from other apps ([8df4985](https://gitlab.finema.co/finema/internal/finework/commit/8df498555ec378057030d459759934523f2e3523))
+
 ## [2.0.67](https://gitlab.finema.co/finema/internal/finework/compare/2.0.66...2.0.67) (2026-09-20)
 
 ### Bug Fixes

package/app/components/HelpHub/ManualViewer.vue

@@ -109,7 +109,7 @@
           <div class="flex-1 overflow-y-auto p-3">
             <Loader :loading="loading && !manuals.length">
               <div
-                v-if="!groups.length"
+                v-if="!visibleGroups.length"
                 class="flex flex-col items-center justify-center gap-2 px-8 py-16 text-center"
               >
                 <div class="mb-2 flex size-16 items-center justify-center rounded-full bg-gray-100 text-gray-400">
@@ -137,7 +137,7 @@
               </div>
 
               <div
-                v-for="group in groups"
+                v-for="group in visibleGroups"
                 :key="group.app"
                 class="mb-3 last:mb-0"
               >
@@ -210,6 +210,19 @@
                   />
                 </button>
               </div>
+
+              <button
+                v-if="otherGroups.length"
+                class="text-primary-600 flex w-full cursor-pointer items-center justify-center gap-1.5 rounded-xl p-2.5 text-xs font-semibold hover:bg-gray-50"
+                type="button"
+                @click="showOtherApps = !showOtherApps"
+              >
+                <Icon
+                  :name="showOtherApps ? 'ph:caret-up' : 'ph:caret-down'"
+                  class="size-3.5"
+                />
+                {{ showOtherApps ? 'ซ่อนคู่มือแอปอื่น' : `ดูคู่มือแอปอื่น (${otherGroups.length})` }}
+              </button>
             </Loader>
           </div>
 
@@ -338,14 +351,12 @@ const mode = ref<Mode>('list')
 const selectedId = ref<string | null>(null)
 const editing = ref<IManual | null>(null)
 const confirmDelete = ref<IManual | null>(null)
+const showOtherApps = ref(false)
 
 const current = computed<IManual | null>(
   () => props.manuals.find((m) => m.id === selectedId.value) ?? null,
 )
 
-// The API sets X-Frame-Options/CSP frame-ancestors that block embedding the
-// PDF URL directly in an <iframe> across subdomains. Fetching the bytes and
-// rendering via a blob: URL sidesteps that, since it isn't a framed request.
 const viewerBlobUrl = ref<string | null>(null)
 const viewerError = ref(false)
 
@@ -465,6 +476,16 @@ const groups = computed(() => {
     })
 })
 
+const otherGroups = computed(() =>
+  props.currentModule ? groups.value.filter((g) => g.app !== props.currentModule) : [],
+)
+
+const visibleGroups = computed(() => {
+  if (!props.currentModule || showOtherApps.value) return groups.value
+
+  return groups.value.filter((g) => g.app === props.currentModule)
+})
+
 const headerTitle = computed(() => {
   if (mode.value === 'view' && current.value) return current.value.name
   if (mode.value === 'form') return editing.value ? 'แก้ไขคู่มือ' : 'เพิ่มคู่มือ'
@@ -540,5 +561,6 @@ useWatchTrue(() => props.isOpen, () => {
   mode.value = 'list'
   selectedId.value = null
   editing.value = null
+  showOtherApps.value = false
 })
 </script>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@finema/finework-layer",
   "type": "module",
-  "version": "2.0.67",
+  "version": "2.0.68",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",