npm - @brftech/filex-core - Versions diffs - 0.42.2 → 0.43.0 - Mend

@brftech/filex-core 0.42.2 → 0.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (234) hide show

package/README.md +14 -2
package/dist/ArchiveViewer-BqU761Wk.js +149 -0
package/dist/ArchiveViewer-BqU761Wk.js.map +1 -0
package/dist/CsvViewer-ByHVK5ga.js +172 -0
package/dist/CsvViewer-ByHVK5ga.js.map +1 -0
package/dist/{DrawioViewer-CC6rJXeP.js → DrawioViewer-Bgrj8-zG.js} +45 -44
package/dist/DrawioViewer-Bgrj8-zG.js.map +1 -0
package/dist/{EpubViewer-CAoTSXTO.js → EpubViewer-DJwUKlHW.js} +50 -50
package/dist/EpubViewer-DJwUKlHW.js.map +1 -0
package/dist/IpynbViewer-Bz0eJ4NS.js +184 -0
package/dist/IpynbViewer-Bz0eJ4NS.js.map +1 -0
package/dist/MermaidViewer-CEDTD_pp.js +136 -0
package/dist/MermaidViewer-CEDTD_pp.js.map +1 -0
package/dist/PsdViewer-CZcxUpZO.js +121 -0
package/dist/PsdViewer-CZcxUpZO.js.map +1 -0
package/dist/TiffViewer-BwI62CbQ.js +141 -0
package/dist/TiffViewer-BwI62CbQ.js.map +1 -0
package/dist/{Viewer3D-CdZeK4j4.js → Viewer3D-DoeZcuMm.js} +16 -16
package/dist/Viewer3D-DoeZcuMm.js.map +1 -0
package/dist/filex-core.js +475 -219
package/dist/filex-core.umd.cjs +165 -108
package/dist/filex-core.umd.cjs.map +1 -1
package/dist/fonts/caveat-latin-ext.woff2 +0 -0
package/dist/fonts/caveat-latin.woff2 +0 -0
package/dist/fonts/dancing-script-latin-ext.woff2 +0 -0
package/dist/fonts/dancing-script-latin.woff2 +0 -0
package/dist/fonts/homemade-apple-latin.woff2 +0 -0
package/dist/fonts/source-serif-4-latin-ext.woff2 +0 -0
package/dist/fonts/source-serif-4-latin.woff2 +0 -0
package/dist/index-DuWnGuv5.js +35901 -0
package/dist/index-DuWnGuv5.js.map +1 -0
package/dist/index.d.ts +5227 -553
package/dist/pdf-CaPYsOUo.js +21302 -0
package/dist/pdf-CaPYsOUo.js.map +1 -0
package/dist/style.css +1 -1
package/package.json +1 -1
package/src/FileExplorer.vue +1055 -253
package/src/assets/fonts/LICENSE-Apache-2.0.txt +202 -0
package/src/assets/fonts/LICENSE-OFL-1.1.txt +93 -0
package/src/assets/fonts/README.md +58 -0
package/src/assets/fonts/caveat-latin-ext.woff2 +0 -0
package/src/assets/fonts/caveat-latin.woff2 +0 -0
package/src/assets/fonts/dancing-script-latin-ext.woff2 +0 -0
package/src/assets/fonts/dancing-script-latin.woff2 +0 -0
package/src/assets/fonts/homemade-apple-latin.woff2 +0 -0
package/src/assets/fonts/source-serif-4-latin-ext.woff2 +0 -0
package/src/assets/fonts/source-serif-4-latin.woff2 +0 -0
package/src/components/AdvancedSearch.vue +49 -0
package/src/components/Breadcrumb.vue +5 -5
package/src/components/ChoiceButtons.vue +152 -0
package/src/components/CommandPalette.vue +5 -5
package/src/components/ConnectionGuideView.vue +1 -1
package/src/components/ConnectionNotice.vue +59 -0
package/src/components/ConnectionsPanel.vue +30 -568
package/src/components/ContextMenu.vue +31 -5
package/src/components/DataTable.vue +1331 -0
package/src/components/FilePane.vue +3 -0
package/src/components/FilterBar.vue +12 -5
package/src/components/GalleryView.vue +50 -2
package/src/components/GridView.vue +51 -3
package/src/components/HomeView.vue +18 -6
package/src/components/InspectorPanel.vue +134 -17
package/src/components/ListView.vue +366 -900
package/src/components/LogoMark.vue +57 -0
package/src/components/NFSExportsPanel.vue +76 -28
package/src/components/OnboardingTour.vue +19 -7
package/src/components/OperationsCenter.vue +77 -1
package/src/components/PendingOpsTray.vue +59 -5
package/src/components/PresenceBar.vue +7 -7
package/src/components/ProductVersion.vue +31 -0
package/src/components/QuickLook.vue +10 -14
package/src/components/RecentlyOpened.vue +31 -15
package/src/components/RecoveryKeyModal.vue +1 -1
package/src/components/RowActions.vue +134 -0
package/src/components/S3KeysPanel.vue +98 -62
package/src/components/SSHKeysPanel.vue +79 -30
package/src/components/SideNav.vue +260 -96
package/src/components/StarButton.vue +1 -0
package/src/components/StorageFields.vue +74 -6
package/src/components/StorageTags.vue +62 -0
package/src/components/TabBar.vue +1 -1
package/src/components/TagKindIcon.vue +56 -0
package/src/components/TagPicker.vue +226 -40
package/src/components/ThemePalette.vue +4 -4
package/src/components/TimeZonePicker.vue +29 -10
package/src/components/TokensPanel.vue +82 -31
package/src/components/Toolbar.vue +28 -6
package/src/components/plugin/PluginConfirmModal.vue +54 -0
package/src/components/plugin/PluginInspectorSection.vue +149 -0
package/src/components/plugin/PluginPageView.vue +339 -0
package/src/components/plugin/PluginViewModal.vue +159 -0
package/src/components/plugin/SurfaceConversation.vue +76 -0
package/src/components/plugin/SurfaceFooterButtons.vue +73 -0
package/src/components/plugin/SurfaceRenderer.vue +299 -0
package/src/components/plugin/SurfaceSections.vue +91 -0
package/src/components/plugin/nodes/PdfFieldEditor.vue +509 -0
package/src/components/plugin/nodes/SurfaceFileChooser.vue +94 -0
package/src/components/plugin/nodes/SurfaceForm.vue +82 -0
package/src/components/plugin/nodes/SurfaceList.vue +127 -0
package/src/components/plugin/nodes/SurfacePdfFields.vue +1285 -0
package/src/components/plugin/nodes/SurfacePeoplePicker.vue +213 -0
package/src/components/plugin/nodes/SurfacePinInput.vue +57 -0
package/src/components/plugin/nodes/SurfacePreview.vue +119 -0
package/src/components/plugin/nodes/SurfaceProgress.vue +48 -0
package/src/components/plugin/nodes/SurfaceSignaturePad.vue +472 -0
package/src/components/plugin/nodes/SurfaceSteps.vue +53 -0
package/src/components/public/PublicLanguagePicker.vue +58 -0
package/src/components/public/PublicLinkPage.vue +286 -0
package/src/components/public/PublicLinkPreview.vue +85 -0
package/src/components/public/PublicPinGate.vue +108 -0
package/src/components/public/PublicRequestBody.vue +204 -0
package/src/components/public/PublicShareBody.vue +188 -0
package/src/components/public/PublicShell.vue +332 -0
package/src/composables/useConnections.ts +8 -2
package/src/composables/useFileApi.ts +183 -44
package/src/composables/useLocale.ts +277 -41
package/src/composables/useNFSExports.ts +8 -10
package/src/composables/useOperations.ts +44 -3
package/src/composables/usePendingOps.ts +59 -8
package/src/composables/usePluginActions.ts +121 -0
package/src/composables/usePluginSurface.ts +223 -0
package/src/composables/usePublicBranding.ts +172 -0
package/src/composables/usePublicLink.ts +573 -0
package/src/composables/usePublicPage.ts +61 -0
package/src/composables/useS3Keys.ts +17 -12
package/src/composables/useSSHKeys.ts +8 -10
package/src/composables/useTokens.ts +8 -12
package/src/composables/useUploadChunked.ts +18 -8
package/src/composables/useViewerFetch.ts +6 -3
package/src/index.ts +404 -8
package/src/lib/actionIcons.ts +46 -1
package/src/lib/advSearch.ts +14 -7
package/src/lib/appLock.ts +130 -0
package/src/lib/connection.ts +110 -0
package/src/lib/destinationTree.ts +19 -3
package/src/lib/direction.ts +353 -0
package/src/lib/dragGhost.ts +6 -0
package/src/lib/dropLimits.ts +69 -0
package/src/lib/errorWords.ts +394 -0
package/src/lib/externalReach.ts +5 -1
package/src/lib/fileFilters.ts +7 -2
package/src/lib/fileIcons.ts +4 -0
package/src/lib/internalPaths.ts +77 -0
package/src/lib/listInput.ts +64 -0
package/src/lib/listing.ts +58 -23
package/src/lib/modalStack.ts +26 -0
package/src/lib/nodeRow.ts +18 -3
package/src/lib/pdfFieldRules.ts +126 -0
package/src/lib/pdfFields.ts +589 -0
package/src/lib/pdfFieldsGeom.ts +203 -0
package/src/lib/pdfjsLoader.ts +51 -0
package/src/lib/personName.ts +47 -0
package/src/lib/pluginApplies.ts +123 -0
package/src/lib/pluginLabel.ts +72 -0
package/src/lib/pluginMenu.ts +253 -0
package/src/lib/pluginPage.ts +58 -0
package/src/lib/plural.ts +181 -0
package/src/lib/popupLayer.ts +103 -0
package/src/lib/prefs.ts +563 -0
package/src/lib/productVersion.ts +35 -0
package/src/lib/publicLayout.ts +39 -0
package/src/lib/serviceGate.ts +104 -0
package/src/lib/shareTtl.ts +25 -11
package/src/lib/signFonts.ts +85 -0
package/src/lib/signaturePad.ts +111 -0
package/src/lib/sortOrder.ts +100 -38
package/src/lib/star.ts +7 -1
package/src/lib/surfaceCell.ts +41 -0
package/src/lib/surfaceConditions.ts +156 -0
package/src/lib/surfaceOpen.ts +106 -0
package/src/lib/surfaceSteps.ts +68 -0
package/src/lib/surfaceValues.ts +191 -0
package/src/lib/symlink.ts +150 -0
package/src/lib/tableColumns.ts +493 -0
package/src/lib/tableEnv.ts +34 -0
package/src/lib/tablePrefs.ts +84 -0
package/src/lib/tags.ts +121 -12
package/src/lib/themes.ts +286 -18
package/src/lib/tour.ts +152 -0
package/src/lib/trashEmpty.ts +111 -0
package/src/lib/trashTimeLeft.ts +23 -0
package/src/lib/uiLocales.ts +460 -0
package/src/lib/viewPrefs.ts +696 -660
package/src/lib/viewPrefsHttp.ts +78 -0
package/src/locales/en.ts +515 -117
package/src/locales/resolve.ts +17 -8
package/src/locales/tr.ts +536 -152
package/src/modals/ConvertModal.vue +62 -11
package/src/modals/DestinationPickerModal.vue +59 -16
package/src/modals/Modal.vue +113 -23
package/src/modals/NewDocumentModal.vue +16 -6
package/src/modals/NewFolderModal.vue +8 -0
package/src/modals/PermissionsModal.vue +272 -163
package/src/modals/PreviewModal.vue +119 -20
package/src/modals/RenameModal.vue +37 -1
package/src/styles/base.css +2890 -260
package/src/styles/sign-fonts.css +118 -0
package/src/styles/variables.css +60 -0
package/src/types/Connections.ts +17 -0
package/src/types/ExplorerConfig.ts +117 -1
package/src/types/FileNode.ts +50 -0
package/src/types/Plugins.ts +494 -0
package/src/types/Public.ts +212 -0
package/src/viewers/ArchiveViewer.vue +93 -48
package/src/viewers/CsvViewer.vue +99 -53
package/src/viewers/DrawioViewer.vue +35 -9
package/src/viewers/EpubViewer.vue +7 -8
package/src/viewers/IpynbViewer.vue +3 -1
package/src/viewers/MermaidViewer.vue +4 -5
package/src/viewers/PdfViewer.vue +8 -17
package/src/viewers/PsdViewer.vue +2 -4
package/src/viewers/TiffViewer.vue +4 -5
package/src/viewers/Viewer3D.vue +1 -1
package/LICENSE +0 -21
package/dist/ArchiveViewer-BUQWLhwX.js +0 -124
package/dist/ArchiveViewer-BUQWLhwX.js.map +0 -1
package/dist/CsvViewer-Bg2_aqzc.js +0 -141
package/dist/CsvViewer-Bg2_aqzc.js.map +0 -1
package/dist/DrawioViewer-CC6rJXeP.js.map +0 -1
package/dist/EpubViewer-CAoTSXTO.js.map +0 -1
package/dist/IpynbViewer-D0GwGpnE.js +0 -184
package/dist/IpynbViewer-D0GwGpnE.js.map +0 -1
package/dist/MermaidViewer-DGwAvRZg.js +0 -137
package/dist/MermaidViewer-DGwAvRZg.js.map +0 -1
package/dist/PsdViewer-DhGweA0m.js +0 -122
package/dist/PsdViewer-DhGweA0m.js.map +0 -1
package/dist/TiffViewer-D0AurvAh.js +0 -142
package/dist/TiffViewer-D0AurvAh.js.map +0 -1
package/dist/Viewer3D-CdZeK4j4.js.map +0 -1
package/dist/index-BArI-B1M.js +0 -26911
package/dist/index-BArI-B1M.js.map +0 -1
package/dist/useViewerFetch-czqbd2Lj.js +0 -25
package/dist/useViewerFetch-czqbd2Lj.js.map +0 -1
package/src/composables/useScrolledX.ts +0 -21

package/src/components/FilePane.vue CHANGED Viewed

@@ -190,6 +190,8 @@ const props = withDefaults(
     folderKey?: string;
     /** Print each row's parent folder (a search, a cross-folder view). */
     showParentPath?: boolean;
+    /** These rows are the Trash (ListView `trash`: deleted-on, deleted-from, time left). */
+    trash?: boolean;
     /** Paths that were cut — dimmed, and never dragged. */
     clipped?: Set<string>;
     /** A second narrowing composed AFTER this pane's own filter row (the
@@ -910,6 +912,7 @@ watch(panePath, () => {
         :selected="selected"
         :clipped="clipped"
         :show-parent-path="showParentPath"
+        :trash="trash"
         :locale="locale"
         :loading="paneLoading"
         :folder-key="folderKey"

package/src/components/FilterBar.vue CHANGED Viewed

@@ -68,6 +68,7 @@
  */
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
 import { useLocale } from '../composables/useLocale';
+import { clampAlongInline, inlineStartX } from '../lib/direction';
 import type { LocaleCode, ThemeMode } from '../types/ExplorerConfig';
 import type { FileNode } from '../types/FileNode';
 import type { DriveFilters, ModifiedFilter, SizeFilter, TypeFilter } from '../lib/fileFilters';
@@ -153,7 +154,9 @@ const emit = defineEmits<{
   (e: 'select-all'): void;
 }>();
-const { t } = useLocale(() => props.locale);
+// ⚠ RTL: `dir` goes on the teleported popover (under <body> it would take the
+// host page's direction) and steers where it hangs from its chip.
+const { t, dir } = useLocale(() => props.locale);
 /** surucu:d1-scope — everything except the name box is drawn only in `full`. */
 const full = computed(() => (props.mode ?? 'full') === 'full');
@@ -356,7 +359,9 @@ async function toggle(id: PopId) {
     return;
   }
   const r = anchorEls.value[id]?.getBoundingClientRect();
-  pos.value = { x: r ? r.left : 8, y: r ? r.bottom + 6 : 8 };
+  // ⚠ RTL: hung from the chip's START edge — its right side in RTL.
+  const anchor = r ? inlineStartX(r, dir.value) : 8;
+  pos.value = { x: anchor, y: r ? r.bottom + 6 : 8 };
   openPop.value = id;
   await nextTick();
   // Keep it on screen: a chip near the right edge would otherwise open a panel
@@ -364,9 +369,10 @@ async function toggle(id: PopId) {
   const panel = panelEl.value;
   if (panel) {
     const box = panel.getBoundingClientRect();
-    if (box.right > window.innerWidth - 8) {
-      pos.value = { ...pos.value, x: Math.max(8, window.innerWidth - 8 - box.width) };
-    }
+    /* ⚠ RTL: it runs toward the inline END of the chip (leftward in RTL) and is
+       pushed back from that edge — lib/direction; LTR is the arithmetic this
+       block always did. */
+    pos.value = { ...pos.value, x: clampAlongInline(anchor, box.width, window.innerWidth, dir.value) };
     if (box.bottom > window.innerHeight - 8) {
       const r2 = anchorEls.value[id]?.getBoundingClientRect();
       pos.value = { ...pos.value, y: Math.max(8, (r2 ? r2.top : 0) - box.height - 6) };
@@ -675,6 +681,7 @@ onBeforeUnmount(() => {
         v-if="openPop"
         ref="panelEl"
         class="fe-filterpop"
+        :dir="dir"
         :class="{
           'fe--theme-light': theme === 'light',
           'fe--theme-dark': theme === 'dark',

package/src/components/GalleryView.vue CHANGED Viewed

@@ -13,6 +13,8 @@ import { hasInternalDrag } from '../lib/dragOut';
 import type { FileNode } from '../types/FileNode';
 import type { LocaleCode } from '../types/ExplorerConfig';
 import { useLocale } from '../composables/useLocale';
+import { lockOf, lockWords } from '../lib/appLock';
+import { linkWordsFor } from '../lib/symlink'; /* issue #34 — a link that will not open */
 import { checkMod, clickMod, useRowTouch, type ClickMod } from '../composables/useRowTouch';
 import ItemCheck from './ItemCheck.vue';
 import { encryptedFolderTile, fileIconTile, isEncryptedFolder } from '../lib/fileIcons';
@@ -30,6 +32,7 @@ import {
   groupingActive,
 } from '../lib/dateGroups'; /* gruplama */
 import { useSortStore, type ListingOrder } from '../lib/sortOrder'; /* gruplama */
+import { contentDir } from '../lib/direction';
 const props = withDefaults(defineProps<{
   files: FileNode[];
@@ -98,6 +101,25 @@ const emit = defineEmits<{
 const { t, formatSize, nodeDisplayName, formatDate, formatMonthYear, zonedYearMonth, toDate } =
   useLocale(() => props.locale);
+/* App plugins — an app's hold on a row (docs/APP-PLUGINS-API.md → "File
+   locks"). The listing already caps `perm` at viewer, so the write verbs are
+   gone without this; the badge is what stops that reading as a bug. ⚠ One
+   source of words for every view and the details panel (lib/appLock). */
+function lockTitleOf(n: FileNode): string {
+  return lockWords(lockOf(n), { t, formatDate, locale: props.locale });
+}
+/* issue #34 — a symlink the server will not follow. Same shape as the lock
+   badge above and for the same reason: the words live in ONE module
+   (lib/symlink), so the row, the details panel and the toast that explains a
+   refused open cannot drift apart. `null` for every ordinary row — a link
+   whose target is inside the root was already followed and arrives as that
+   target, so it is not one of these. */
+function linkOf(n: FileNode) {
+  return linkWordsFor(n, { t });
+}
 /* gruplama — this pane's sort, by injection, so the gallery cannot disagree
  * with the list beside it about whether a date heading is honest right now. */
 const sort = useSortStore();
@@ -305,6 +327,7 @@ function metaFor(n: FileNode): string {
             v-for="p in previewFor(n)"
             :key="'fprev'"
             class="fe-fprev"
+            :dir="contentDir(p.kind)"
             :class="'fe-fprev--' + p.kind"
             :style="p.kind === 'table' ? { '--fprev-cols': String(p.cols) } : undefined"
             aria-hidden="true"
@@ -401,11 +424,36 @@ function metaFor(n: FileNode): string {
             v-if="showParentPath && parentDirOf(n.path)"
             class="fe-gal__meta-line fe-gal__meta-line--path"
             :title="parentDirOf(n.path)"
-          >{{ parentDirOf(n.path) }}</span>
+          ><bdi>{{ parentDirOf(n.path) }}</bdi></span>
         </div>
       </div>
       <div class="fe-gal__label" :title="n.basename">
-        {{ nodeDisplayName(n) }}
+        <bdi>{{ nodeDisplayName(n) }}</bdi>
+      </div>
+      <!-- issue #34 — a symlink the server will not follow. Its own line: a
+           gallery card has no caption row to hang it off, and a badge that
+           only appeared in two of the three views is how the same fix reaches
+           some people and not others. -->
+      <div v-if="linkOf(n)" class="fe-gal__meta-line">
+        <span
+        class="fe-symlink"
+        :class="'fe-symlink--' + linkOf(n)!.state"
+        role="img"
+        :title="linkOf(n)!.why"
+        :aria-label="linkOf(n)!.why"
+        data-testid="symlink-badge"
+        :data-link-state="linkOf(n)!.state"
+        ><span class="fe-symlink__glyph" aria-hidden="true">&#128279;</span>{{ linkOf(n)!.badge }}</span>
+      </div>
+      <div v-if="lockTitleOf(n)" class="fe-gal__meta-line">
+        <span
+        v-if="lockTitleOf(n)"
+        class="fe-applock"
+        role="img"
+        :title="lockTitleOf(n)"
+        :aria-label="lockTitleOf(n)"
+        data-testid="lock-badge"
+            ><span class="fe-applock__glyph" aria-hidden="true">&#128274;</span>{{ t('applock.badge') }}</span>
       </div>
     </div>
     </template>

package/src/components/GridView.vue CHANGED Viewed

@@ -20,6 +20,8 @@ import type { FileNode } from '../types/FileNode';
 import { hasInternalDrag } from '../lib/dragOut';
 import type { LocaleCode } from '../types/ExplorerConfig';
 import { useLocale } from '../composables/useLocale';
+import { lockOf, lockWords } from '../lib/appLock';
+import { linkWordsFor } from '../lib/symlink'; /* issue #34 — a link that will not open */
 import { checkMod, clickMod, useRowTouch, type ClickMod } from '../composables/useRowTouch';
 import ItemCheck from './ItemCheck.vue';
 import { encryptedFolderTile, fileIconTile, isEncryptedFolder } from '../lib/fileIcons';
@@ -38,6 +40,7 @@ import { useSortStore, type ListingOrder } from '../lib/sortOrder'; /* gruplama
 import StarButton from './StarButton.vue';
 import { snippetSegments } from '../lib/snippet'; /* bul:s3 */
 import { applyDragGhost } from '../lib/dragGhost'; /* wiring:c4 */
+import { contentDir } from '../lib/direction';
 const props = withDefaults(defineProps<{
   files: FileNode[];
@@ -152,6 +155,25 @@ const emit = defineEmits<{
 const { t, formatSize, nodeDisplayName, formatDate, formatMonthYear, zonedYearMonth, toDate } =
   useLocale(() => props.locale);
+/* App plugins — an app's hold on a row (docs/APP-PLUGINS-API.md → "File
+   locks"). The listing already caps `perm` at viewer, so the write verbs are
+   gone without this; the badge is what stops that reading as a bug. ⚠ One
+   source of words for every view and the details panel (lib/appLock). */
+function lockTitleOf(n: FileNode): string {
+  return lockWords(lockOf(n), { t, formatDate, locale: props.locale });
+}
+/* issue #34 — a symlink the server will not follow. Same shape as the lock
+   badge above and for the same reason: the words live in ONE module
+   (lib/symlink), so the row, the details panel and the toast that explains a
+   refused open cannot drift apart. `null` for every ordinary row — a link
+   whose target is inside the root was already followed and arrives as that
+   target, so it is not one of these. */
+function linkOf(n: FileNode) {
+  return linkWordsFor(n, { t });
+}
 const ordered = computed<FileNode[]>(() => [...props.files].sort(byFoldersFirst));
 watch(
   ordered,
@@ -459,6 +481,7 @@ function snippetTitle(snippet: string): string {
             v-for="p in previewFor(n)"
             :key="'fprev'"
             class="fe-fprev"
+            :dir="contentDir(p.kind)"
             :class="'fe-fprev--' + p.kind"
             :style="p.kind === 'table' ? { '--fprev-cols': String(p.cols) } : undefined"
             aria-hidden="true"
@@ -576,7 +599,7 @@ function snippetTitle(snippet: string): string {
         </span>
         <div class="fe-grid__main">
           <div class="fe-grid__label" :title="n.basename">
-            {{ nodeDisplayName(n) }}
+            <bdi>{{ nodeDisplayName(n) }}</bdi>
             <span
               v-if="keepBadgeFor && keepBadgeFor(n)"
               :class="['fe-keepbadge', 'fe-keepbadge--' + keepBadgeFor(n)]"
@@ -585,7 +608,32 @@ function snippetTitle(snippet: string): string {
               :aria-label="t('keep.badge_' + keepBadgeFor(n))"
             >{{ keepGlyph(keepBadgeFor(n)!) }}</span>
           </div>
-          <div class="fe-grid__meta">{{ captionFor(n) }}</div>
+          <!-- The whole caption on hover: the card has room for "110 B • Sep 22,
+               2026" and not for every language's date (German "22. Sept. 2026"
+               lost its year to the ellipsis, v0.43.0 translator pass). -->
+          <div class="fe-grid__meta" :title="captionFor(n)">
+            <span
+            v-if="lockTitleOf(n)"
+            class="fe-applock"
+            role="img"
+            :title="lockTitleOf(n)"
+            :aria-label="lockTitleOf(n)"
+            data-testid="lock-badge"
+            ><span class="fe-applock__glyph" aria-hidden="true">&#128274;</span>{{ t('applock.badge') }}</span>
+            <!-- issue #34 — a symlink the server will not follow. Same badge,
+                 same words, same module as the list and the gallery. -->
+            <span
+            v-if="linkOf(n)"
+            class="fe-symlink"
+            :class="'fe-symlink--' + linkOf(n)!.state"
+            role="img"
+            :title="linkOf(n)!.why"
+            :aria-label="linkOf(n)!.why"
+            data-testid="symlink-badge"
+            :data-link-state="linkOf(n)!.state"
+            ><span class="fe-symlink__glyph" aria-hidden="true">&#128279;</span>{{ linkOf(n)!.badge }}</span>
+            {{ captionFor(n) }}
+          </div>
           <!-- A card at a storage's root has no parent folder to name: no line,
                not an em dash — the same rule the gallery follows and the list's
                Location cell (tablo:t1). The dash read as a stray character under
@@ -594,7 +642,7 @@ function snippetTitle(snippet: string): string {
             v-if="showParentPath && parentDirOf(n.path)"
             class="fe-grid__parent"
             :title="parentDirOf(n.path)"
-          >{{ parentDirOf(n.path) }}</div>
+          ><bdi>{{ parentDirOf(n.path) }}</bdi></div>
           <!-- bul:s3 — content snippet («» → <mark> via TEXT segments, no innerHTML) -->
           <div v-if="cardSnippet(n)" class="fe-grid__snippet" :title="snippetTitle(cardSnippet(n))">
             <template v-for="(seg, si) in snippetSegments(cardSnippet(n))" :key="si">

package/src/components/HomeView.vue CHANGED Viewed

@@ -30,6 +30,7 @@
  * hash does not match in the web-component build, so the rules would silently
  * stop applying in every embed.
  */
+import StorageTags from './StorageTags.vue';
 import { computed, ref } from 'vue';
 import type { FileNode } from '../types/FileNode';
 import type { LocaleCode } from '../types/ExplorerConfig';
@@ -144,12 +145,9 @@ const storageTile = fileIconTile({ type: 'dir', mime_type: 'inode/storage' });
  * with the wrong size line says something false.
  */
 function storageCaption(s: HomeStorage): string {
-  const base =
-    typeof s.usedBytes === 'number' && s.usedBytes >= 0
-      ? t('drive.storage.used_unlimited', { used: formatSize(s.usedBytes) })
-      : t('conn.guide.storage');
-  // A read-only mount says so on its card too (issue #30).
-  return s.readOnly ? `${base} · ${t('sidenav.storage.readOnly')}` : base;
+  return typeof s.usedBytes === 'number' && s.usedBytes >= 0
+    ? t('drive.storage.used_unlimited', { used: formatSize(s.usedBytes) })
+    : t('conn.guide.storage');
 }
 /**
@@ -202,6 +200,20 @@ function openNode(n: FileNode) {
           <span class="fe-home__storage-main">
             <span class="fe-home__storage-label">{{ s.label || s.name }}</span>
             <span class="fe-home__storage-meta">{{ storageCaption(s) }}</span>
+            <!-- A read-only mount says so on its card too (issue #30) — on a
+                 line of its own, the panel's own mark (StorageTags, the one
+                 read-only tag of every surface). ⚠ It used to be glued to
+                 the size ("81 GB belegt · Nur lesen") inside a fixed 124 px
+                 caption, and in German the words that mattered were the ones
+                 the ellipsis ate (translator measurement, v0.43.0). A tag of
+                 its own fits any language that fits the panel's. -->
+            <StorageTags
+              v-if="s.readOnly"
+              read-only
+              :locale="locale"
+              class="fe-home__storage-ro"
+              data-testid="home-storage-readonly"
+            />
           </span>
         </button>
       </div>

package/src/components/InspectorPanel.vue CHANGED Viewed

@@ -26,11 +26,18 @@
 import { computed, ref, watch } from 'vue';
 import type { FileApi, Grant, NodeVersion } from '../composables/useFileApi';
 import type { FileNode, ShareInfo } from '../types/FileNode';
-import type { LocaleCode } from '../types/ExplorerConfig';
-import { useLocale } from '../composables/useLocale';
-import { fileIconTile, typeLabelFor } from '../lib/fileIcons';
+import type { LocaleCode, ThemeMode } from '../types/ExplorerConfig';
+import type { PluginViewRow } from '../types/Plugins';
+import { localeTag, useLocale } from '../composables/useLocale';
+import { fileIconTile, isStorageRow, typeLabelFor } from '../lib/fileIcons';
 import { actionIconSvg } from '../lib/actionIcons';
+import { appliesToNodes } from '../lib/pluginApplies';
+import { lockedRefusal, lockOf, lockWords } from '../lib/appLock';
+import { linkWordsFor } from '../lib/symlink'; /* issue #34 */
+import { personInitial as initialOfPerson, personName as nameOfPerson } from '../lib/personName';
 import TagPicker from './TagPicker.vue';
+import type { TagKind } from '../lib/tags';
+import PluginInspectorSection from './plugin/PluginInspectorSection.vue';
 const props = withDefaults(
   defineProps<{
@@ -59,6 +66,16 @@ const props = withDefaults(
   locale: LocaleCode;
   /** Narrow/embed mode → full-size overlay presentation. */
   narrow?: boolean;
+  /**
+   * Is the reader an administrator (`capabilities.caller_admin`)?
+   *
+   * ⚠ Only the NODE ID row depends on it (Burak, 2026-09-23). The id is a
+   * support handle — what an administrator quotes in Admin → File history or
+   * an audit row — and it means nothing to anybody else; on a shared surface
+   * it was a number in front of every reader. Absent = not an administrator,
+   * which is the safe answer for an embed that never asks the server.
+   */
+  callerAdmin?: boolean;
   /** Authenticated thumbnail resolver (useThumbs.src). Optional. */
   thumbSrc?: (n: FileNode) => string | null;
   /* === surucu:d1 — the Drive shell's details panel ===================== */
@@ -96,6 +113,17 @@ const props = withDefaults(
   apiBase?: string;
   authHeaders?: () => Record<string, string> | Promise<Record<string, string>>;
   authCredentials?: RequestCredentials;
+  /* === App plugins (docs/APP-PLUGINS-API.md → Placements, `inspector`) ===
+   * The `views[]` rows with placement `inspector`, as the host fetched them
+   * (`usePluginActions.views`); `[]` while the feature is off. One collapsible
+   * section per row whose `applies` rule accepts the selected SINGLE item —
+   * the client-side mirror the menu uses (lib/pluginApplies), re-checked by
+   * the server when the view loads. */
+  pluginViews?: PluginViewRow[];
+  /** Resolved theme, for the dialogs a plugin surface can open. */
+  theme?: ThemeMode;
+  /** Storage names a surface's file-chooser may span. */
+  storages?: string[];
   }>(),
   {
     /* ⚠ ON by default, and that is the owner's call of 2026-09-12, not a
@@ -111,6 +139,7 @@ const props = withDefaults(
     narrow: false,
     dirPerm: '',
     thumbSrc: undefined,
+    pluginViews: () => [],
   },
 );
@@ -141,7 +170,16 @@ const emit = defineEmits<{
    * is a `.tag~<name>` sentinel, how to leave whatever view is on screen to get
    * there, and what that does to the tab strip.
    */
-  (e: 'open-tag', tag: string): void;
+  (e: 'open-tag', tag: string, kind: TagKind): void;
+  /** App plugins — an inspector view's event enqueued a job: the raw ops row. */
+  (e: 'plugin-op', op: Record<string, unknown>): void;
+  /**
+   * v3 §3.0 — an app's inspector screen answered "go to this file".
+   *
+   * ⚠ Carried UP with the plugin's name rather than acted on: the panel
+   * cannot navigate, and the explorer that can is the one holding it.
+   */
+  (e: 'plugin-open', payload: { plugin: string; req: { path: string; action?: string; view?: string } }): void;
 }>();
 const { t, formatSize, formatDate: formatDateOf, nodeDisplayName } = useLocale(
@@ -153,6 +191,17 @@ const single = computed<FileNode | null>(() =>
   props.nodes.length === 1 ? props.nodes[0] : null,
 );
 const isMulti = computed(() => props.nodes.length > 1);
+/* App plugins — the app holding this file, in the same words the row's badge
+ * uses (lib/appLock). ⚠ It goes ABOVE the facts, not among them: the panel's
+ * "Permission: viewer" line is TRUE and misleading on its own, because the
+ * reason is not a permission the owner can change. */
+const lockLine = computed(() => lockWords(lockOf(single.value), { t, formatDate: formatDateOf, locale: props.locale }));
+/* issue #34 — a symlink the server will not follow. It goes in the SAME place
+ * and for the same reason as the lock above: this panel's "Size: 0 bytes" and
+ * "Type: file" are both true and both misleading on their own, and the reason
+ * is not something the person can read off any of the facts below. */
+const linkNote = computed(() => linkWordsFor(single.value, { t }));
 const isFile = computed(() => single.value?.type === 'file');
 const nodeId = computed<number | null>(() =>
   typeof single.value?.id === 'number' ? (single.value.id as number) : null,
@@ -168,6 +217,15 @@ const thumb = computed<string | null>(() =>
   single.value && isFile.value && props.thumbSrc ? props.thumbSrc(single.value) : null,
 );
+/** App plugins — the inspector views whose rule accepts the selected item. */
+const pluginSections = computed<PluginViewRow[]>(() => {
+  const n = single.value;
+  if (!n || isStorageRow(n) || n.trashed === true) return [];
+  return (props.pluginViews ?? []).filter(
+    (v) => v.placement === 'inspector' && appliesToNodes(v.applies, [n], v.plugin),
+  );
+});
 /* === gorunum:v4-dialogs — what the head says =============================
  *
  * The panel used to open with the word "Details" and put the item's own name
@@ -289,9 +347,15 @@ const effectivePerm = computed<string>(() => {
   if (typeof own === 'string' && own !== '') return own;
   return props.dirPerm || '';
 });
-const canManagePerms = computed(
-  () => effectivePerm.value === 'editor' || effectivePerm.value === 'owner',
-);
+/**
+ * "Manage permissions" — for an OWNER only.
+ *
+ * ⚠ It used to be offered to editors too, and an editor cannot read the grant
+ * list at all (`GET /api/files/permissions` answers 403): the button opened a
+ * dialog with no permissions in it, and the refusal was swallowed (QA,
+ * 2026-09-21). An editor shares from the row's "Share" like everybody else.
+ */
+const canManagePerms = computed(() => effectivePerm.value === 'owner');
 function permLabel(level: string): string {
   return t(`inspector.perm.${level}`) === `inspector.perm.${level}`
     ? level
@@ -383,7 +447,11 @@ async function confirmRestore(v: NodeVersion): Promise<void> {
     emit('changed');
     await loadVersions(++refreshSeq);
   } catch (err) {
-    emit('toast', (err as Error).message);
+    // ⚠ A 423 is an app's freeze (the signing app, while signatures are
+    // collected): say which app and why, in the reader's language — the
+    // server's own text is English and names a path.
+    const held = lockedRefusal(err);
+    emit('toast', held ? lockWords(held, { t, formatDate: formatDateOf, locale: props.locale }) : (err as Error).message);
   } finally {
     versionBusy.value = false;
   }
@@ -460,13 +528,17 @@ async function loadPeople(): Promise<void> {
   }
 }
+/* One rule for naming a person (lib/personName). */
+function grantPerson(g: Grant) {
+  return { name: g.user_name, display_name: g.user_display_name, email: g.user_email };
+}
 function personName(g: Grant): string {
-  return g.user_display_name || g.user_email || `#${g.user_id}`;
+  return nameOfPerson(grantPerson(g)) || `#${g.user_id}`;
 }
 function personInitial(g: Grant): string {
-  const n = personName(g).trim();
-  return n ? n[0].toUpperCase() : '?';
+  return initialOfPerson(grantPerson(g), localeTag(props.locale)) || '?';
 }
 /** The share-link row: the first live link, or the Create button. */
@@ -602,7 +674,7 @@ function relativeTime(iso: string): string {
   ];
   try {
     const rtf = new Intl.RelativeTimeFormat(
-      props.locale === 'en' ? 'en' : 'tr',
+      localeTag(props.locale),
       { numeric: 'auto' },
     );
     for (const [unit, secs] of units) {
@@ -640,7 +712,7 @@ watch(
       <!-- eslint-disable-next-line vue/no-v-html -- static markup from lib/fileIcons -->
       <span class="fe-inspector__head-icon" aria-hidden="true" v-html="headIcon"></span>
       <div class="fe-inspector__head-text">
-        <h2 class="fe-inspector__title" :title="headName">{{ headName }}</h2>
+        <h2 class="fe-inspector__title" :title="headName"><bdi>{{ headName }}</bdi></h2>
         <p class="fe-inspector__caption">{{ headCaption }}</p>
         <!-- pane:p1 — the held-subject line. Drawn ONLY while this panel is
              describing the last selected thing rather than a live selection,
@@ -703,6 +775,24 @@ watch(
       <section v-if="!tabs || tab === 'details'" class="fe-inspector__section">
         <h3 class="fe-inspector__heading">{{ t('inspector.section.general') }}</h3>
+        <!-- App plugins — an app is holding this file read-only. -->
+        <p v-if="lockLine" class="fe-inspector__lock" role="note" data-testid="inspector-lock">
+          <span aria-hidden="true">&#128274;</span>
+          <span><strong>{{ t('applock.inspector') }}</strong><br />{{ lockLine }}</span>
+        </p>
+        <!-- issue #34 — a link the server will not follow. -->
+        <p
+          v-if="linkNote"
+          class="fe-inspector__linknote"
+          role="note"
+          data-testid="inspector-symlink"
+          :data-link-state="linkNote.state"
+        >
+          <span aria-hidden="true">&#128279;</span>
+          <span><strong>{{ t('symlink.inspector') }}</strong><br />{{ linkNote.why }}</span>
+        </p>
         <!-- Multi selection → summary. The head already counts them, so this
              is the one fact the head does not carry. -->
         <dl v-if="isMulti" class="fe-inspector__meta">
@@ -740,7 +830,7 @@ watch(
             <div class="fe-inspector__row">
               <dt>{{ t('inspector.path') }}</dt>
               <dd class="fe-inspector__pathcell">
-                <span class="fe-inspector__path" :title="single.path">{{ single.path }}</span>
+                <span class="fe-inspector__path" :title="single.path"><bdi>{{ single.path }}</bdi></span>
                 <button
                   type="button"
                   class="fe-inspector__copy"
@@ -772,8 +862,14 @@ watch(
                  technical facts about a file already are (Path, MIME, ETag), and
                  it is still one click to copy. Drawn only when the row actually
                  has one: a client-synthesized row (a multi-storage folder) has
-                 no backend id, and an empty "ID —" teaches nothing. -->
-            <div v-if="typeof single.id === 'number'" class="fe-inspector__row">
+                 no backend id, and an empty "ID —" teaches nothing.
+                 ⚠⚠ And only for an ADMINISTRATOR (Burak, 2026-09-23): the id
+                 is the handle admin screens take (Admin → File history, an
+                 audit row), and it says nothing to anyone else. Here, in the
+                 shared panel, so every surface that draws it — the explorer,
+                 the Drive shell, an embed — answers the same way. -->
+            <div v-if="callerAdmin && typeof single.id === 'number'" class="fe-inspector__row">
               <dt>{{ t('inspector.nodeId') }}</dt>
               <dd class="fe-inspector__pathcell">
                 <span class="fe-inspector__path">{{ single.id }}</span>
@@ -831,11 +927,32 @@ watch(
           :auth-headers="authHeaders"
           :auth-credentials="authCredentials"
           @change="(tags: string[]) => emit('tags-changed', tags)"
-          @open="(tag: string) => emit('open-tag', tag)"
+          @open="(tag: string, kind: TagKind) => emit('open-tag', tag, kind) /* etiket:k2 —
+                 the KIND travels with the name: a file can carry a personal
+                 and a team tag of one name, and the chip that was clicked
+                 decides which view opens. */"
           @error="() => emit('toast', t('inspector.error'))"
         />
       </section>
+      <!-- ══ App plugins — one collapsible section per matching `inspector`
+           view. Lazy: nothing is requested until the section is opened. -->
+      <template v-if="single && (!tabs || tab === 'details')">
+        <PluginInspectorSection
+          v-for="v in pluginSections"
+          :key="`${v.plugin}/${v.id}`"
+          :api="api"
+          :view="v"
+          :path="single.path"
+          :locale="locale"
+          :theme="theme"
+          :storages="storages"
+          @op="(op) => emit('plugin-op', op)"
+          @toast="(m) => emit('toast', m)"
+          @open="(req) => emit('plugin-open', { plugin: v.plugin, req })"
+        />
+      </template>
       <!-- ══ Sürümler ══ -->
       <section
         v-if="(versionsState === 'ok' || versionsState === 'error') && (!tabs || tab === 'activity')"