@kortix/ui 0.14.4 → 0.14.6

package/dist/files/project/components/version-selector.js

@@ -13,6 +13,7 @@ import { useMemo, useState } from 'react';
 import { useProjectContext } from '../context.js';
 import { useBranches } from '../hooks/use-branches.js';
 import { useVersionStore } from '../store/version-store.js';
+import { groupVersions, versionMatches, versionTitle } from './version-selector-logic.js';
 /** Shared formatter, hoisted so each row render does not rebuild the Intl
  *  machinery. Same options as the old `toLocaleDateString` call — identical output. */
 const commitDateFormatter = new Intl.DateTimeFormat(undefined, {
@@ -30,24 +31,10 @@ export function VersionSelector() {
     const { data, isLoading, error } = useBranches({ enabled: open || activeRef !== '' });
     const defaultBranch = data?.default_branch ?? activeRef;
     const isOnMain = activeRef === defaultBranch;
-    const filtered = useMemo(() => {
-        const branches = data?.branches ?? [];
-        const trimmed = query.trim().toLowerCase();
-        if (!trimmed)
-            return branches;
-        return branches.filter((b) => b.name.toLowerCase().includes(trimmed) || b.subject.toLowerCase().includes(trimmed));
-    }, [data?.branches, query]);
-    const { primary, others } = useMemo(() => {
-        const primary = [];
-        const others = [];
-        for (const b of filtered) {
-            if (b.is_default)
-                primary.push(b);
-            else
-                others.push(b);
-        }
-        return { primary, others };
-    }, [filtered]);
+    const filtered = useMemo(() => (data?.branches ?? []).filter((b) => versionMatches(b, query)), [data?.branches, query]);
+    const { primary, others, archived } = useMemo(() => groupVersions(filtered), [filtered]);
+    const activeBranch = data?.branches.find((b) => b.name === activeRef);
+    const activeLabel = activeBranch ? versionTitle(activeBranch) : activeRef;
     const handleSelect = (branchName) => {
         setVersion(projectId, branchName === defaultBranch ? null : branchName);
         setOpen(false);
@@ -57,10 +44,14 @@ export function VersionSelector() {
             setOpen(v);
             if (!v)
                 setQuery('');
-        }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline-ghost", type: "button", size: "sm", className: cn('w-30 max-w-[300px] min-w-0 shrink-0 justify-between'), title: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line88JsxAttrTitleSwitchVersion'), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Layers, { className: "text-muted-foreground size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: activeRef || 'Version' })] }), _jsx(ChevronsUpDown, { className: "text-muted-foreground size-3 shrink-0" })] }) }), _jsxs(PopoverContent, { align: "start", sideOffset: 6, className: "flex w-[340px] flex-col overflow-hidden p-0", children: [_jsxs("div", { className: "border-border flex shrink-0 items-center gap-1.5 border-b px-3 py-2", children: [_jsx(Search, { className: "text-muted-foreground/60 h-3.5 w-3.5 shrink-0" }), _jsx("input", { type: "text", value: query, onChange: (e) => setQuery(e.target.value), placeholder: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line112JsxAttrPlaceholderFindAVersion'), className: "text-foreground placeholder:text-muted-foreground/50 h-7 min-w-0 flex-1 border-0 bg-transparent px-0 text-sm outline-none", autoFocus: true })] }), _jsx("div", { className: "h-[520px] max-h-[calc(100vh-8rem)] min-h-0 shrink", children: _jsxs(FadedScrollArea, { fadeColor: "from-popover", className: "h-full overscroll-contain", children: [isLoading && (_jsxs("div", { className: "text-muted-foreground flex items-center justify-center gap-2 py-8 text-xs", children: [_jsx(Loading, { className: "size-3.5" }), tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line122JsxTextLoadingVersions')] })), error && !isLoading && (_jsx("div", { className: "text-muted-foreground px-4 py-8 text-center text-xs", children: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line128JsxTextFailedToLoadVersions') })), !isLoading && !error && filtered.length === 0 && (_jsxs("div", { className: "text-muted-foreground px-4 py-8 text-center text-xs", children: [tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line134JsxTextNoVersionsMatch'), ' ', query ? `“${query}”` : ''] })), primary.length > 0 && (_jsxs("div", { className: cn('space-y-3 p-3', others.length > 0 ? 'pb-0' : 'pb-3'), children: [_jsx(Label, { children: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line140JsxTextMainVersion') }), primary.map((b) => (_jsx(VersionRow, { branch: b, isActive: activeRef === b.name, onClick: () => handleSelect(b.name) }, b.name)))] })), others.length > 0 && (_jsxs("div", { className: "space-y-3 p-3 pb-3", children: [_jsx(Label, { children: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line154JsxTextOtherVersions') }), others.map((b) => (_jsx(VersionRow, { branch: b, isActive: activeRef === b.name, onClick: () => handleSelect(b.name) }, b.name)))] }))] }) })] })] }));
+        }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline-ghost", type: "button", size: "sm", className: "max-w-48 min-w-30 shrink-0 justify-between", title: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line88JsxAttrTitleSwitchVersion'), children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(Layers, { className: "text-muted-foreground size-3.5 shrink-0" }), _jsx("span", { className: "truncate", children: activeLabel || 'Version' })] }), _jsx(ChevronsUpDown, { className: "text-muted-foreground size-3 shrink-0" })] }) }), _jsxs(PopoverContent, { align: "start", sideOffset: 6, className: "flex w-[340px] flex-col overflow-hidden p-0", children: [_jsxs("div", { className: "border-border flex shrink-0 items-center gap-1.5 border-b px-3 py-2", children: [_jsx(Search, { className: "text-muted-foreground h-3.5 w-3.5 shrink-0" }), _jsx("input", { type: "text", value: query, onChange: (e) => setQuery(e.target.value), placeholder: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line112JsxAttrPlaceholderFindAVersion'), className: "text-foreground placeholder:text-muted-foreground h-7 min-w-0 flex-1 border-0 bg-transparent px-0 text-sm outline-none" })] }), _jsx("div", { className: "h-[520px] max-h-[calc(100vh-8rem)] min-h-0 shrink", children: _jsxs(FadedScrollArea, { fadeColor: "from-popover", className: "h-full overscroll-contain", children: [isLoading && (_jsxs("div", { className: "text-muted-foreground flex items-center justify-center gap-2 py-8 text-xs", children: [_jsx(Loading, { className: "size-3.5" }), tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line122JsxTextLoadingVersions')] })), error && !isLoading && (_jsx("div", { className: "text-muted-foreground px-4 py-8 text-center text-xs", children: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line128JsxTextFailedToLoadVersions') })), !isLoading && !error && filtered.length === 0 && (_jsxs("div", { className: "text-muted-foreground px-4 py-8 text-center text-xs", children: [tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line134JsxTextNoVersionsMatch'), ' ', query ? `“${query}”` : ''] })), primary.length > 0 && (_jsxs("div", { className: cn('space-y-3 p-3', others.length + archived.length > 0 ? 'pb-0' : 'pb-3'), children: [_jsx(Label, { children: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line140JsxTextMainVersion') }), primary.map((b) => (_jsx(VersionRow, { branch: b, isActive: activeRef === b.name, onClick: () => handleSelect(b.name) }, b.name)))] })), others.length > 0 && (_jsxs("div", { className: cn('space-y-3 p-3', archived.length > 0 ? 'pb-0' : 'pb-3'), children: [_jsx(Label, { children: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line154JsxTextOtherVersions') }), others.map((b) => (_jsx(VersionRow, { branch: b, isActive: activeRef === b.name, onClick: () => handleSelect(b.name) }, b.name)))] })), archived.length > 0 && (_jsxs("div", { className: "space-y-3 p-3 pb-3", children: [_jsx(Label, { children: tHardcodedUi.raw('i18nComplete.textbdb86505f806') }), archived.map((b) => (_jsx(VersionRow, { branch: b, isActive: activeRef === b.name, onClick: () => handleSelect(b.name) }, b.name)))] }))] }) })] })] }));
 }
 function VersionRow({ branch, isActive, onClick, }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
     const date = branch.committed_at ? commitDateFormatter.format(new Date(branch.committed_at)) : '';
-    return (_jsxs("button", { type: "button", onClick: onClick, className: cn('border-border bg-popover hover:bg-foreground/4 flex w-full cursor-pointer items-start gap-2.5 rounded-md px-3 py-2 text-left', isActive && 'bg-primary/5'), children: [_jsx("div", { className: "mt-0.5 flex size-4 shrink-0 items-center justify-center", children: isActive ? (_jsx(Check, { className: "text-primary size-3.5" })) : (_jsx(Layers, { className: "text-muted-foreground size-3.5" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "text-foreground truncate text-sm font-medium", children: branch.name }), branch.is_default && (_jsx(Badge, { variant: "kortix", size: "xs", children: tHardcodedUi.raw('i18nComplete.texteb814be3ca3b') }))] }), _jsxs("div", { className: "text-muted-foreground/80 mt-0.5 flex items-center gap-1.5 text-xs", children: [date && (_jsxs("span", { children: [tHardcodedUi.raw('i18nComplete.text3a5ecca188c0'), " ", date] })), !branch.is_default && branch.ahead != null && branch.behind != null && (_jsxs(_Fragment, { children: [date && _jsx("span", { className: "text-muted-foreground/40", children: "\u00B7" }), _jsxs("span", { className: "inline-flex items-center gap-1 tabular-nums", title: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line234JsxAttrTitleAheadBehindMainVersion'), children: [_jsxs("span", { className: "text-kortix-green inline-flex items-center gap-0.5", children: [_jsx(ArrowUpRight, { className: "h-2.5 w-2.5" }), branch.ahead] }), _jsxs("span", { className: "text-kortix-red inline-flex items-center gap-0.5", children: [_jsx(ArrowDownLeft, { className: "h-2.5 w-2.5" }), branch.behind] })] })] }))] }), branch.subject && (_jsx("div", { className: "text-muted-foreground/70 mt-0.5 truncate text-xs", children: branch.subject }))] })] }));
+    const title = versionTitle(branch);
+    const agent = branch.session?.agent_name;
+    return (_jsxs("button", { type: "button", onClick: onClick, 
+        // The id stays one hover away, and search still finds it.
+        title: title === branch.name ? undefined : branch.name, className: cn('border-border bg-popover hover:bg-foreground/4 flex w-full cursor-pointer items-start gap-2.5 rounded-md px-3 py-2 text-left', isActive && 'bg-primary/5'), children: [_jsx("div", { className: "mt-0.5 flex size-4 shrink-0 items-center justify-center", children: isActive ? (_jsx(Check, { className: "text-primary size-3.5" })) : (_jsx(Layers, { className: "text-muted-foreground size-3.5" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "text-foreground truncate text-sm font-medium", children: title }), branch.is_default && (_jsx(Badge, { variant: "kortix", size: "xs", children: tHardcodedUi.raw('i18nComplete.texteb814be3ca3b') })), branch.session?.deleted && (_jsx(Badge, { variant: "outline", size: "xs", children: tHardcodedUi.raw('i18nComplete.textb48ff39c2e0f') }))] }), _jsxs("div", { className: "text-muted-foreground mt-0.5 flex items-center gap-1.5 text-xs", children: [agent && _jsx("span", { className: "truncate", children: agent }), agent && date && _jsx("span", { className: "text-muted-foreground", children: "\u00B7" }), date && (_jsxs("span", { children: [tHardcodedUi.raw('i18nComplete.text3a5ecca188c0'), " ", date] })), !branch.is_default && branch.ahead != null && branch.behind != null && (_jsxs(_Fragment, { children: [date && _jsx("span", { className: "text-muted-foreground", children: "\u00B7" }), _jsxs("span", { className: "inline-flex items-center gap-1 tabular-nums", title: tHardcodedUi.raw('featuresProjectFilesComponentsVersionSelector.line234JsxAttrTitleAheadBehindMainVersion'), children: [_jsxs("span", { className: "text-kortix-green inline-flex items-center gap-0.5", children: [_jsx(ArrowUpRight, { className: "h-2.5 w-2.5" }), branch.ahead] }), _jsxs("span", { className: "text-kortix-red inline-flex items-center gap-0.5", children: [_jsx(ArrowDownLeft, { className: "h-2.5 w-2.5" }), branch.behind] })] })] }))] }), branch.subject && (_jsx("div", { className: "text-muted-foreground mt-0.5 truncate text-xs", children: branch.subject }))] })] }));
 }

package/dist/files/project/hooks/use-change-requests.d.ts

@@ -1,4 +1,4 @@
-import { type InfiniteData } from '@tanstack/react-query';
+import { type InfiniteData, type QueryClient } from '@tanstack/react-query';
 import { type ChangeRequest, type ChangeRequestDetailResponse, type ChangeRequestDiffResponse, type ChangeRequestMergePreview, type ChangeRequestMergeResponse, type ChangeRequestStatus, type VersionDiffPreview } from '../api/change-requests.js';
 export declare const changeRequestKeys: {
     all: readonly ["project-files", "change-requests"];
@@ -118,6 +118,19 @@ export declare function useVersionDiff(input: {
     projectId?: string;
 }): import("@tanstack/react-query").UseQueryResult<VersionDiffPreview, Error>;
 export declare function useChangeRequestMergePreview(crId: string | null, enabled?: boolean): import("@tanstack/react-query").UseQueryResult<ChangeRequestMergePreview, Error>;
+/**
+ * Marks every change-request read of one project stale: each list (the
+ * session's outcome cards, the sidebar brief), each detail, and the review
+ * summary behind the sidebar's "Needs you" count. Called at turn end, because
+ * an agent opens and closes change requests from its sandbox through the REST
+ * API and the browser is not told (KRTX-3009, KRTX-3010).
+ */
+export declare function invalidateChangeRequestReads(qc: QueryClient, projectId: string): void;
+/**
+ * Invalidates every CR query for the active project — used after open / merge
+ * / close / reopen so all panels and detail views re-fetch.
+ */
+export declare function invalidateAfterChangeRequestWrite(qc: QueryClient, projectId: string): void;
 export declare function useOpenChangeRequest(options?: {
     projectId?: string;
 }): import("@tanstack/react-query").UseMutationResult<ChangeRequest, Error, {

package/dist/files/project/hooks/use-change-requests.js

@@ -217,39 +217,58 @@ export function useChangeRequestMergePreview(crId, enabled = true) {
         staleTime: 10_000,
     });
 }
+/**
+ * Marks every change-request read of one project stale: each list (the
+ * session's outcome cards, the sidebar brief), each detail, and the review
+ * summary behind the sidebar's "Needs you" count. Called at turn end, because
+ * an agent opens and closes change requests from its sandbox through the REST
+ * API and the browser is not told (KRTX-3009, KRTX-3010).
+ */
+export function invalidateChangeRequestReads(qc, projectId) {
+    if (!projectId)
+        return;
+    qc.invalidateQueries({ queryKey: changeRequestKeys.project(projectId) });
+    qc.invalidateQueries({ queryKey: qk.project.reviewSummary(projectId) });
+}
 /**
  * Invalidates every CR query for the active project — used after open / merge
  * / close / reopen so all panels and detail views re-fetch.
  */
+export function invalidateAfterChangeRequestWrite(qc, projectId) {
+    invalidateChangeRequestReads(qc, projectId);
+    // Branches list shows ahead/behind that may shift after a merge.
+    qc.invalidateQueries({ queryKey: branchKeys.list(projectId) });
+    // The merge commit lands on the default branch — commit list goes stale.
+    qc.invalidateQueries({ queryKey: commitKeys.project(projectId) });
+    // Whether this version still differs from its base changes the moment a CR
+    // merges — refresh the "Alternate version of main · N changes" banner
+    // (git-status, which is otherwise sticky and never re-fetches on its own),
+    // the live version-diff preview, and the cached session row (base_ref etc.).
+    qc.invalidateQueries({ queryKey: gitStatusKeys.all });
+    qc.invalidateQueries({ queryKey: versionDiffKeys.project(projectId) });
+    // Every individual git-connected session under this project — a CR
+    // landing on the base ref can change what `getProjectSession` returns
+    // (base_ref etc.) for any of them. sessionsScope is the shared prefix
+    // that reaches the sessions list AND every qk.project.session(id, sid)
+    // entry in one call; there is no "every session, not the list" prefix to
+    // narrow to, so this deliberately also refreshes the sessions list.
+    qc.invalidateQueries({ queryKey: qk.project.sessionsScope(projectId) });
+    // Landing a CR on the base ref is the one thing that happens INSIDE the app
+    // that can make an open session's compiled agent config stale. The
+    // freshness query is deliberately not polled — this is what tells it to
+    // look again, so the chip appears on merge rather than on next focus.
+    qc.invalidateQueries({ queryKey: ['session-config', projectId] });
+    // A merged CR can rewrite kortix.yaml: add or remove agents and change
+    // `default_agent`. Both live in the project detail entry, and the composer's
+    // agent list sits under it (`[...detail, 'agents']`), so New session kept
+    // offering removed agents until a reload (KRTX-3012).
+    qc.invalidateQueries({ queryKey: qk.project.detail(projectId) });
+}
 function useInvalidateAll(projectIdArg) {
     const qc = useQueryClient();
     const ctx = useProjectContext();
     const projectId = projectIdArg ?? ctx?.projectId ?? '';
-    return () => {
-        qc.invalidateQueries({ queryKey: changeRequestKeys.project(projectId) });
-        // Branches list shows ahead/behind that may shift after a merge.
-        qc.invalidateQueries({ queryKey: branchKeys.list(projectId) });
-        // The merge commit lands on the default branch — commit list goes stale.
-        qc.invalidateQueries({ queryKey: commitKeys.project(projectId) });
-        // Whether this version still differs from its base changes the moment a CR
-        // merges — refresh the "Alternate version of main · N changes" banner
-        // (git-status, which is otherwise sticky and never re-fetches on its own),
-        // the live version-diff preview, and the cached session row (base_ref etc.).
-        qc.invalidateQueries({ queryKey: gitStatusKeys.all });
-        qc.invalidateQueries({ queryKey: versionDiffKeys.project(projectId) });
-        // Every individual git-connected session under this project — a CR
-        // landing on the base ref can change what `getProjectSession` returns
-        // (base_ref etc.) for any of them. sessionsScope is the shared prefix
-        // that reaches the sessions list AND every qk.project.session(id, sid)
-        // entry in one call; there is no "every session, not the list" prefix to
-        // narrow to, so this deliberately also refreshes the sessions list.
-        qc.invalidateQueries({ queryKey: qk.project.sessionsScope(projectId) });
-        // Landing a CR on the base ref is the one thing that happens INSIDE the app
-        // that can make an open session's compiled agent config stale. The
-        // freshness query is deliberately not polled — this is what tells it to
-        // look again, so the chip appears on merge rather than on next focus.
-        qc.invalidateQueries({ queryKey: ['session-config', projectId] });
-    };
+    return () => invalidateAfterChangeRequestWrite(qc, projectId);
 }
 export function useOpenChangeRequest(options) {
     const ctx = useProjectContext();

package/dist/files/project/hooks/use-server-health.js

@@ -18,19 +18,21 @@ export function useServerHealth(_options) {
  * git-status gate (`project?.vcs === 'git'`) continues to behave correctly.
  */
 export function useCurrentProject(_options) {
-    const data = {
-        id: 'project-files',
-        worktree: '/workspace',
-        vcs: 'git',
-        name: 'project',
-        time: { created: Date.now(), updated: Date.now() },
-        sandboxes: [],
-    };
-    return useMemo(() => ({
-        data,
-        isLoading: false,
-        isError: false,
-        error: null,
-        refetch: async () => ({ data }),
-    }), []);
+    return useMemo(() => {
+        const data = {
+            id: 'project-files',
+            worktree: '/workspace',
+            vcs: 'git',
+            name: 'project',
+            time: { created: Date.now(), updated: Date.now() },
+            sandboxes: [],
+        };
+        return {
+            data,
+            isLoading: false,
+            isError: false,
+            error: null,
+            refetch: async () => ({ data }),
+        };
+    }, []);
 }

package/dist/files/renderers/docx/docx-viewer.js

@@ -45,6 +45,9 @@ const ZOOM_OPTIONS = [10, 25, 50, 75, 100, 125, 150, 175, 200, 400];
 const DOCX_PADDING_WARNING_TEXT = 'a style property during rerender';
 const DOCX_THUMBNAIL_FOCUS_RING_CLASS = 'group-focus-visible/docx-thumbnail-sidebar:ring-2 group-focus-visible/docx-thumbnail-sidebar:ring-ring group-focus-visible/docx-thumbnail-sidebar:ring-offset-1 group-focus-visible/docx-thumbnail-sidebar:ring-offset-background';
 const DOCX_THUMBNAIL_PREFETCH_ROWS = 4;
+// Night reader: the inverted page content's default text is black, so the
+// inversion makes it light (see the <style> in the page shell below).
+const NIGHT_READER_TEXT_STYLE = '.docx-night-reader-shell [style*="hue-rotate(180deg)"]{color:#000}';
 function createDocxActivePageStore() {
     let activePage = 1;
     const listeners = new Set();
@@ -193,11 +196,6 @@ function DocxPageNumberControl({ activePageStore, controlsDisabled, onPageChange
     const displayPage = pageCount ? activePage : 1;
     const [isEditing, setIsEditing] = React.useState(false);
     const [draftPage, setDraftPage] = React.useState(() => String(displayPage));
-    React.useEffect(() => {
-        if (!isEditing) {
-            setDraftPage(String(displayPage));
-        }
-    }, [displayPage, isEditing]);
     React.useEffect(() => {
         if (!isEditing)
             return;
@@ -617,5 +615,5 @@ function DocxViewerContent({ className, defaultZoom, effectiveIsDark, fileName,
                                 event.currentTarget.focus({ preventScroll: true });
                             },
                             tabIndex: 0,
-                        }, viewportRef: setViewportRef, children: !url && !activeUploadedDocxFile ? (_jsx("div", { className: "grid h-full min-h-96 place-items-center p-6 text-center", children: _jsxs("div", { className: "bg-background max-w-md rounded-lg border p-4 text-sm shadow-xs", children: [_jsx("div", { className: "font-medium", children: tI18nComplete.raw('text53c247b8cf06') }), _jsxs("div", { className: "text-muted-foreground mt-1", children: [tI18nComplete.raw('text46800e585f61'), " ", _jsx("code", { children: "src" }), ' ', tI18nComplete.raw('text37056f2381e2')] }), _jsxs("div", { className: "text-muted-foreground mt-1", children: [tI18nComplete.raw('text1432897a6136'), " ", _jsx("code", { children: ".doc" }), ' ', tI18nComplete.raw('text73a2f5159338')] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "mt-4", onClick: () => fileInputRef.current?.click(), children: [_jsx(Upload, { className: "size-4" }), tI18nComplete.raw('textdc0451eb46ce')] })] }) })) : loadError ? (_jsx("div", { className: "grid h-full min-h-96 place-items-center p-6 text-center", children: _jsxs("div", { className: "bg-background text-destructive max-w-md rounded-lg border p-4 text-sm shadow-xs", children: [_jsx("div", { className: "font-medium", children: tI18nComplete.raw('text2a5502b48b14') }), _jsx("div", { className: "text-muted-foreground mt-1", children: loadError })] }) })) : isLoadingDocument ? (loadingState) : (_jsx("div", { className: "flex min-h-full w-max min-w-full justify-center", children: _jsx("div", { className: cn('origin-top', effectiveIsDark && 'docx-night-reader-shell'), style: { zoom: zoomScale / 100 }, children: _jsx(DocxEditorViewer, { editor: editor, mode: "read-only", showTrackedChanges: showTrackedChanges, renderTrackedChangeCard: renderTrackedChangeCard, showComments: showComments, renderCommentCard: renderCommentCard, loadingState: loadingState, pageBackgroundColor: effectiveIsDark ? 'var(--background)' : undefined, pageGapBackgroundColor: viewerBackgroundColor, pageVirtualization: pageVirtualization, deferInitialPaginationPaint: false, onPageCountChange: handlePageCountChange }) }) })) })] })] }));
+                        }, viewportRef: setViewportRef, children: !url && !activeUploadedDocxFile ? (_jsx("div", { className: "grid h-full min-h-96 place-items-center p-6 text-center", children: _jsxs("div", { className: "bg-background max-w-md rounded-lg border p-4 text-sm shadow-xs", children: [_jsx("div", { className: "font-medium", children: tI18nComplete.raw('text53c247b8cf06') }), _jsxs("div", { className: "text-muted-foreground mt-1", children: [tI18nComplete.raw('text46800e585f61'), " ", _jsx("code", { children: "src" }), ' ', tI18nComplete.raw('text37056f2381e2')] }), _jsxs("div", { className: "text-muted-foreground mt-1", children: [tI18nComplete.raw('text1432897a6136'), " ", _jsx("code", { children: ".doc" }), ' ', tI18nComplete.raw('text73a2f5159338')] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "mt-4", onClick: () => fileInputRef.current?.click(), children: [_jsx(Upload, { className: "size-4" }), tI18nComplete.raw('textdc0451eb46ce')] })] }) })) : loadError ? (_jsx("div", { className: "grid h-full min-h-96 place-items-center p-6 text-center", children: _jsxs("div", { className: "bg-background text-destructive max-w-md rounded-lg border p-4 text-sm shadow-xs", children: [_jsx("div", { className: "font-medium", children: tI18nComplete.raw('text2a5502b48b14') }), _jsx("div", { className: "text-muted-foreground mt-1", children: loadError })] }) })) : isLoadingDocument ? (loadingState) : (_jsx("div", { className: "flex min-h-full w-max min-w-full justify-center", children: _jsxs("div", { className: cn('origin-top', effectiveIsDark && 'docx-night-reader-shell'), style: { zoom: zoomScale / 100 }, children: [effectiveIsDark && (_jsx("style", { children: NIGHT_READER_TEXT_STYLE })), _jsx(DocxEditorViewer, { editor: editor, mode: "read-only", showTrackedChanges: showTrackedChanges, renderTrackedChangeCard: renderTrackedChangeCard, showComments: showComments, renderCommentCard: renderCommentCard, loadingState: loadingState, pageBackgroundColor: effectiveIsDark ? 'var(--background)' : undefined, pageGapBackgroundColor: viewerBackgroundColor, pageVirtualization: pageVirtualization, deferInitialPaginationPaint: false, onPageCountChange: handlePageCountChange })] }) })) })] })] }));
 }

package/dist/files/renderers/image-renderer.js

@@ -55,11 +55,10 @@ export function ImageRenderer({ url, className, fileName, controls = 'hover', ba
     const [rotation, setRotation] = useState(0);
     const [isPanning, setIsPanning] = useState(false);
     const [position, setPosition] = useState({ x: 0, y: 0 });
-    const [startPanPosition, setStartPanPosition] = useState({ x: 0, y: 0 });
+    const startPanPositionRef = useRef({ x: 0, y: 0 });
     const [backdrop, setBackdrop] = useState('transparent');
     const [imgLoaded, setImgLoaded] = useState(false);
     const [imgError, setImgError] = useState(false);
-    const [imgInfo, setImgInfo] = useState(null);
     // ── Retry state ──────────────────────────────────────────────────────
     const [retryCount, setRetryCount] = useState(0);
     const [imgSrc, setImgSrc] = useState(url);
@@ -71,18 +70,6 @@ export function ImageRenderer({ url, className, fileName, controls = 'hover', ba
     const isSvg = fileName?.toLowerCase().endsWith('.svg') ||
         url?.toLowerCase().endsWith('.svg') ||
         url?.includes('image/svg');
-    // Derive the display file type for the info panel
-    const displayFileType = (() => {
-        if (isSvg)
-            return 'SVG';
-        if (fileName) {
-            const ext = fileName.split('.').pop()?.toUpperCase();
-            if (ext)
-                return ext;
-        }
-        const ext = url.split('.').pop()?.toUpperCase();
-        return ext || 'Image';
-    })();
     // When the parent passes a new URL, reset everything. The reset runs during
     // render, not in an effect: an effect also ran on mount, after a cached
     // image had already fired `load`, and set `imgLoaded` back to false. The
@@ -123,17 +110,12 @@ export function ImageRenderer({ url, className, fileName, controls = 'hover', ba
         setImgError(false);
         setRetryCount(0); // reset on success
         if (imageRef.current) {
-            setImgInfo({
-                width: imageRef.current.naturalWidth,
-                height: imageRef.current.naturalHeight,
-                type: displayFileType,
-            });
             previewFit?.report({
                 width: imageRef.current.naturalWidth,
                 height: imageRef.current.naturalHeight,
             });
         }
-    }, [displayFileType, previewFit]);
+    }, [previewFit]);
     // Retries exhausted: these bytes are never going to decode, so there will be
     // no `report` for this image. Say "never" rather than staying silent — a
     // consumer reads silence as "still loading" and keeps whatever width it last
@@ -213,17 +195,17 @@ export function ImageRenderer({ url, className, fileName, controls = 'hover', ba
     const handleMouseDown = (e) => {
         if (canPan) {
             setIsPanning(true);
-            setStartPanPosition({
+            startPanPositionRef.current = {
                 x: e.clientX - position.x,
                 y: e.clientY - position.y,
-            });
+            };
         }
     };
     const handleMouseMove = (e) => {
         if (isPanning && canPan) {
             setPosition({
-                x: e.clientX - startPanPosition.x,
-                y: e.clientY - startPanPosition.y,
+                x: e.clientX - startPanPositionRef.current.x,
+                y: e.clientY - startPanPositionRef.current.y,
             });
         }
     };

package/dist/files/renderers/pdf/pdf-renderer.d.ts

@@ -13,9 +13,11 @@ interface PdfRendererProps {
     toolbarActions?: React.ReactNode;
     /** Start the zoom plugin at fit-to-page instead of the numeric default. */
     fitOnOpen?: boolean;
+    /** Search for this text once the document opens: highlighted, first hit in view. */
+    findText?: string;
     /** False when the host's own toolbar already has the Download button, so the
      *  viewer does not show a second one. */
     showDownload?: boolean;
 }
-export declare function PdfRenderer({ fileContent, url, className, compact, fileName, toolbarActions, fitOnOpen, showDownload, }: PdfRendererProps): import("react").JSX.Element;
+export declare function PdfRenderer({ fileContent, url, className, compact, fileName, toolbarActions, fitOnOpen, findText, showDownload, }: PdfRendererProps): import("react").JSX.Element;
 export {};

package/dist/files/renderers/pdf/pdf-renderer.js

@@ -14,7 +14,7 @@ export function base64PdfContentToBlob(fileContent) {
     }
     return new Blob([bytes], { type: 'application/pdf' });
 }
-export function PdfRenderer({ fileContent, url, className, compact = false, fileName, toolbarActions, fitOnOpen, showDownload = true, }) {
+export function PdfRenderer({ fileContent, url, className, compact = false, fileName, toolbarActions, fitOnOpen, findText, showDownload = true, }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
     const [pdfUrl, setPdfUrl] = useState(null);
     const [status, setStatus] = useState('loading');
@@ -50,5 +50,5 @@ export function PdfRenderer({ fileContent, url, className, compact = false, file
     if (status === 'error' || !pdfUrl) {
         return (_jsxs("div", { className: cn('flex h-full w-full flex-col items-center justify-center gap-3 p-8 text-center', className), children: [_jsx("div", { className: "bg-muted flex h-10 w-10 items-center justify-center rounded-full", children: _jsx(AlertTriangle, { className: "text-muted-foreground h-4 w-4" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-foreground text-sm font-medium", children: tHardcodedUi.raw('componentsFileRenderersPdfRenderer.line277JsxTextFailedToLoadPdf') }), !compact && (_jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: tHardcodedUi.raw('componentsFileRenderersPdfRenderer.line278JsxTextTheFileMayBeCorruptedOrInaccessible') }))] })] }));
     }
-    return (_jsx(PDFViewer, { src: pdfUrl, fileName: fileName, showToolbar: !compact, showDownload: showDownload, showUpload: false, className: cn('h-full w-full', className), toolbarActions: toolbarActions, fitOnOpen: fitOnOpen }));
+    return (_jsx(PDFViewer, { src: pdfUrl, fileName: fileName, showToolbar: !compact, showDownload: showDownload, showUpload: false, className: cn('h-full w-full', className), toolbarActions: toolbarActions, fitOnOpen: fitOnOpen, findText: findText }));
 }

package/dist/files/renderers/pdf/pdf-viewer.d.ts

@@ -31,6 +31,9 @@ export type PDFViewerProps = {
     showUpload?: boolean;
     src?: string;
     toolbarActions?: React.ReactNode;
+    /** Search the document for this text once it opens: hits are highlighted and the
+     *  first is scrolled into view, as if typed into the toolbar's search. */
+    findText?: string;
     pageClassName?: (pageNumber: number) => string | undefined;
     renderPageOverlay?: (props: PDFViewerPageOverlayProps) => React.ReactNode;
     onActivePageChange?: (pageNumber: number) => void;

package/dist/files/renderers/pdf/pdf-viewer.js

@@ -240,7 +240,7 @@ function PDFViewerFileActionsMenu({ onUploadFile, showUpload = false, }) {
     const inputRef = React.useRef(null);
     if (!showUpload || !onUploadFile)
         return null;
-    return (_jsxs(_Fragment, { children: [_jsx("input", { ref: inputRef, type: "file", accept: "application/pdf,.pdf", className: "sr-only", tabIndex: -1, onChange: (event) => {
+    return (_jsxs(_Fragment, { children: [_jsx("input", { ref: inputRef, type: "file", accept: "application/pdf,.pdf", "aria-label": tI18nComplete.raw('text865e89de78d9'), className: "sr-only", tabIndex: -1, onChange: (event) => {
                     const nextFile = event.target.files?.[0];
                     if (nextFile) {
                         onUploadFile(nextFile);
@@ -282,7 +282,7 @@ function PDFViewerPageNumberControl({ activePage, controlsDisabled, numPages, on
                     setIsEditing(true);
                 }, children: displayPage })), _jsxs("span", { children: [tI18nComplete.raw('text28391d3bc64e'), " ", numPages || '–'] })] }));
 }
-function PDFViewerSearchControl({ documentId, controlsDisabled, }) {
+function PDFViewerSearchControl({ documentId, controlsDisabled, initialSearch, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const { state, provides } = useSearch(documentId);
     const { provides: scroll } = useScroll(documentId);
@@ -323,6 +323,12 @@ function PDFViewerSearchControl({ documentId, controlsDisabled, }) {
         providesRef.current = provides;
         scrollRef.current = scroll;
     }, [provides, scroll]);
+    // A host's `findText`: search once the plugin is ready, and again when the text changes.
+    React.useEffect(() => {
+        const text = initialSearch?.trim();
+        if (text && provides && scroll)
+            setSearchDraft(text);
+    }, [initialSearch, provides, scroll]);
     const runSearch = React.useCallback((rawQuery) => {
         const query = rawQuery.trim();
         const requestId = searchRequestIdRef.current + 1;
@@ -922,7 +928,7 @@ function PDFViewerScroller({ documentId, pageRotationDeltas, basePageRotations,
                         width: '100%',
                     } })] }));
 }
-function PDFViewerInner({ viewerRef, pdfFile, documentId, document: pdfDocument, defaultZoom, className, fileName, showDownload, showToolbar, showRotateControls, showUpload, toolbarActions, pageClassName, renderPageOverlay, onActivePageChange, onPdfUpload, onPagePointerDown, onPagePointerMove, onPagePointerUp, onPagePointerCancel, onUploadFile, }) {
+function PDFViewerInner({ viewerRef, pdfFile, documentId, document: pdfDocument, defaultZoom, className, fileName, showDownload, showToolbar, showRotateControls, showUpload, toolbarActions, findText, pageClassName, renderPageOverlay, onActivePageChange, onPdfUpload, onPagePointerDown, onPagePointerMove, onPagePointerUp, onPagePointerCancel, onUploadFile, }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const { registry } = useRegistry();
     const { state: scrollState, provides: scroll } = useScroll(documentId);
@@ -1184,7 +1190,7 @@ function PDFViewerInner({ viewerRef, pdfFile, documentId, document: pdfDocument,
             pdfDocument?.pages[page.pageIndex]?.rotation ??
             normalizeRotation(0);
         const pageRotation = normalizeRotation(basePageRotation + (pageRotationDeltas.get(page.pageIndex) ?? 0));
-        return (_jsx(Rotate, { documentId: documentId, pageIndex: page.pageIndex, rotation: pageRotation, children: _jsxs(PagePointerProvider, { documentId: documentId, pageIndex: page.pageIndex, rotation: pageRotation, "data-pdf-viewer-page": pageNumber, className: cn('relative border border-transparent bg-transparent shadow-xs select-none selection:bg-transparent selection:text-inherit', pageClassName?.(pageNumber)), style: { backgroundColor: 'transparent' }, onPointerDown: (event) => onPagePointerDown?.(event, pageNumber), onPointerMove: (event) => onPagePointerMove?.(event, pageNumber), onPointerUp: (event) => onPagePointerUp?.(event, pageNumber), onPointerCancel: (event) => onPagePointerCancel?.(event, pageNumber), children: [_jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 bg-white" }), _jsx(RenderLayer, { documentId: documentId, pageIndex: page.pageIndex, scale: Math.min(currentZoomLevel, PAGE_BASE_RENDER_MAX_SCALE), dpr: PAGE_BASE_RENDER_DPR, className: "pointer-events-none absolute inset-0 h-full w-full object-fill opacity-100 blur-[0.35px] transition-none" }), _jsx(TilingLayer, { documentId: documentId, pageIndex: page.pageIndex, className: "pointer-events-none opacity-100 transition-none [&_img]:opacity-100 [&_img]:transition-none" }, `tiles-${page.pageIndex}-${pageRotation}`), _jsx(SearchLayer, { documentId: documentId, pageIndex: page.pageIndex, className: "pointer-events-none", highlightColor: "color-mix(in srgb, var(--kortix-yellow) 45%, transparent)", activeHighlightColor: "color-mix(in srgb, var(--kortix-orange) 55%, transparent)" }), _jsx(PDFViewerTextSelectionLayer, { documentId: documentId, pageIndex: page.pageIndex, scale: currentZoomLevel }), renderPageOverlay?.({
+        return (_jsx(Rotate, { documentId: documentId, pageIndex: page.pageIndex, rotation: pageRotation, children: _jsxs(PagePointerProvider, { documentId: documentId, pageIndex: page.pageIndex, rotation: pageRotation, "data-pdf-viewer-page": pageNumber, className: cn('relative border border-transparent bg-transparent shadow-xs select-none selection:bg-transparent selection:text-inherit', pageClassName?.(pageNumber)), style: { backgroundColor: 'transparent' }, onPointerDown: (event) => onPagePointerDown?.(event, pageNumber), onPointerMove: (event) => onPagePointerMove?.(event, pageNumber), onPointerUp: (event) => onPagePointerUp?.(event, pageNumber), onPointerCancel: (event) => onPagePointerCancel?.(event, pageNumber), children: [_jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 grid place-items-center bg-white text-neutral-400", children: _jsx(Spinner, { className: "size-5" }) }), _jsx(RenderLayer, { documentId: documentId, pageIndex: page.pageIndex, scale: Math.min(currentZoomLevel, PAGE_BASE_RENDER_MAX_SCALE), dpr: PAGE_BASE_RENDER_DPR, className: "pointer-events-none absolute inset-0 h-full w-full object-fill opacity-100 blur-[0.35px] transition-none" }), _jsx(TilingLayer, { documentId: documentId, pageIndex: page.pageIndex, className: "pointer-events-none opacity-100 transition-none [&_img]:opacity-100 [&_img]:transition-none" }, `tiles-${page.pageIndex}-${pageRotation}`), _jsx(SearchLayer, { documentId: documentId, pageIndex: page.pageIndex, className: "pointer-events-none", highlightColor: "color-mix(in srgb, var(--kortix-yellow) 45%, transparent)", activeHighlightColor: "color-mix(in srgb, var(--kortix-orange) 55%, transparent)" }), _jsx(PDFViewerTextSelectionLayer, { documentId: documentId, pageIndex: page.pageIndex, scale: currentZoomLevel }), renderPageOverlay?.({
                         pageNumber,
                         pageWidth: page.width,
                         pageHeight: page.height,
@@ -1212,7 +1218,7 @@ function PDFViewerInner({ viewerRef, pdfFile, documentId, document: pdfDocument,
                                                 }, children: _jsx(CircleMinus, { className: "size-4" }) }) }), _jsxs(Select, { value: String(currentZoomLevel), onValueChange: (value) => zoom?.requestZoom(Number(value)), disabled: controlsDisabled, modal: false, children: [_jsx(SelectTrigger, { size: "sm", className: "w-[84px] min-w-[84px] tabular-nums", children: _jsxs(SelectValue, { placeholder: tI18nComplete.raw('text509c517ede79'), children: [Math.round(currentZoomLevel * 100), "%"] }) }), _jsx(SelectContent, { alignItemWithTrigger: false, children: ZOOM_OPTIONS.map((option) => (_jsxs(SelectItem, { value: String(option), children: [Math.round(option * 100), "%"] }, option))) })] }), _jsx(ToolbarTooltip, { label: tI18nComplete.raw('text0e47f09a748f'), children: _jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", className: "transition-transform active:scale-[0.96]", "aria-label": tI18nComplete.raw('text0e47f09a748f'), disabled: controlsDisabled || currentZoomLevel >= ZOOM_OPTIONS[ZOOM_OPTIONS.length - 1], onClick: () => {
                                                     const nextZoom = ZOOM_OPTIONS.find((option) => option > currentZoomLevel);
                                                     zoom?.requestZoom(nextZoom ?? ZOOM_OPTIONS[ZOOM_OPTIONS.length - 1]);
-                                                }, children: _jsx(CirclePlus, { className: "size-4" }) }) })] }), _jsx(Separator, { orientation: "vertical", className: "mx-1 h-4 self-center" }), _jsx(PDFViewerSearchControl, { documentId: documentId, controlsDisabled: controlsDisabled }, documentId), toolbarActions ? (_jsxs(_Fragment, { children: [_jsx(Separator, { orientation: "vertical", className: "mx-1 h-4 self-center" }), toolbarActions] })) : null, showDownload || showUpload ? (_jsxs(_Fragment, { children: [_jsx(Separator, { orientation: "vertical", className: "mx-1 h-4 self-center" }), _jsx(PDFViewerFileActionsMenu, { onUploadFile: handleUpload, showUpload: showUpload }), showDownload ? (_jsx(ViewerDownloadButton, { disabled: controlsDisabled, pending: isPreparingDownload, onDownload: () => void handleDownload() })) : null] })) : null] }) })] })) : null, _jsxs("div", { ref: viewerShellRef, className: "bg-muted/30 relative flex min-h-0 flex-1 overflow-hidden", children: [isLoading ? (_jsx(PDFViewerLoadingSkeleton, { sidebarInline: sidebarInline, sidebarOpen: sidebarOpen })) : null, _jsxs("div", { className: "flex h-full max-h-full min-h-0 w-full flex-1 overflow-hidden", children: [_jsx(DocumentViewerThumbnailSidebar, { closedInlineClassName: THUMBNAIL_SIDEBAR_CLOSED_CLASS, inline: sidebarInline, open: thumbnailSidebarVisible, widthClassName: THUMBNAIL_SIDEBAR_WIDTH_CLASS, children: thumbnailSidebarVisible ? (_jsx(PDFViewerThumbnails, { basePageRotations: basePageRotations, documentId: documentId, activePage: activePage, pageCount: numPages, pageRotationDeltas: pageRotationDeltas, pdfDocument: pdfDocument, selectedPageIndexes: selectedPageIndexes, onSelectPage: selectThumbnailPage })) : null }), _jsxs(PDFViewerScrollAreaViewport, { documentId: documentId, className: "relative h-full max-h-full min-h-0 min-w-0 flex-1", children: [_jsx(PDFViewerViewportBridge, { viewportElementRef: viewportElementRef }), _jsx(PDFViewerSelectionCopyShortcut, { documentId: documentId }), _jsx(PDFViewerSelectionReleaseGuard, { documentId: documentId }), _jsx(GlobalPointerProvider, { documentId: documentId, children: _jsx(PDFViewerScroller, { basePageRotations: basePageRotations, documentId: documentId, pageRotationDeltas: pageRotationDeltas, renderPage: renderPage }) }), _jsx(CopyToClipboard, {})] })] })] })] }));
+                                                }, children: _jsx(CirclePlus, { className: "size-4" }) }) })] }), _jsx(Separator, { orientation: "vertical", className: "mx-1 h-4 self-center" }), _jsx(PDFViewerSearchControl, { documentId: documentId, controlsDisabled: controlsDisabled, initialSearch: findText }, documentId), toolbarActions ? (_jsxs(_Fragment, { children: [_jsx(Separator, { orientation: "vertical", className: "mx-1 h-4 self-center" }), toolbarActions] })) : null, showDownload || showUpload ? (_jsxs(_Fragment, { children: [_jsx(Separator, { orientation: "vertical", className: "mx-1 h-4 self-center" }), _jsx(PDFViewerFileActionsMenu, { onUploadFile: handleUpload, showUpload: showUpload }), showDownload ? (_jsx(ViewerDownloadButton, { disabled: controlsDisabled, pending: isPreparingDownload, onDownload: () => void handleDownload() })) : null] })) : null] }) })] })) : null, _jsxs("div", { ref: viewerShellRef, className: "bg-muted/30 relative flex min-h-0 flex-1 overflow-hidden", children: [isLoading ? (_jsx(PDFViewerLoadingSkeleton, { sidebarInline: sidebarInline, sidebarOpen: sidebarOpen })) : null, _jsxs("div", { className: "flex h-full max-h-full min-h-0 w-full flex-1 overflow-hidden", children: [_jsx(DocumentViewerThumbnailSidebar, { closedInlineClassName: THUMBNAIL_SIDEBAR_CLOSED_CLASS, inline: sidebarInline, open: thumbnailSidebarVisible, widthClassName: THUMBNAIL_SIDEBAR_WIDTH_CLASS, children: thumbnailSidebarVisible ? (_jsx(PDFViewerThumbnails, { basePageRotations: basePageRotations, documentId: documentId, activePage: activePage, pageCount: numPages, pageRotationDeltas: pageRotationDeltas, pdfDocument: pdfDocument, selectedPageIndexes: selectedPageIndexes, onSelectPage: selectThumbnailPage })) : null }), _jsxs(PDFViewerScrollAreaViewport, { documentId: documentId, className: "relative h-full max-h-full min-h-0 min-w-0 flex-1", children: [_jsx(PDFViewerViewportBridge, { viewportElementRef: viewportElementRef }), _jsx(PDFViewerSelectionCopyShortcut, { documentId: documentId }), _jsx(PDFViewerSelectionReleaseGuard, { documentId: documentId }), _jsx(GlobalPointerProvider, { documentId: documentId, children: _jsx(PDFViewerScroller, { basePageRotations: basePageRotations, documentId: documentId, pageRotationDeltas: pageRotationDeltas, renderPage: renderPage }) }), _jsx(CopyToClipboard, {})] })] })] })] }));
 }
 function PDFViewerDocumentLoader({ pdfFile, onDocumentLoadSuccess, ...innerProps }) {
     const { provides: documentManager } = useDocumentManagerCapability();
@@ -1288,7 +1294,7 @@ function PDFViewerDocumentLoader({ pdfFile, onDocumentLoadSuccess, ...innerProps
     }
     return (_jsx(PDFViewerInner, { ...innerProps, pdfFile: pdfFile, documentId: activeDocumentId, document: document }, activeDocumentId));
 }
-export const PDFViewer = React.forwardRef(function PDFViewer({ className, defaultZoom = DEFAULT_ZOOM, fitOnOpen, fileName, showDownload = true, showRotateControls = true, showToolbar = true, showUpload = true, src, toolbarActions, pageClassName, renderPageOverlay, onActivePageChange, onDocumentLoadSuccess, onPdfUpload, onPagePointerDown, onPagePointerMove, onPagePointerUp, onPagePointerCancel, }, ref) {
+export const PDFViewer = React.forwardRef(function PDFViewer({ className, defaultZoom = DEFAULT_ZOOM, fitOnOpen, fileName, showDownload = true, showRotateControls = true, showToolbar = true, showUpload = true, src, toolbarActions, findText, pageClassName, renderPageOverlay, onActivePageChange, onDocumentLoadSuccess, onPdfUpload, onPagePointerDown, onPagePointerMove, onPagePointerUp, onPagePointerCancel, }, ref) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const { engine, error: engineError } = useSharedPdfEngine();
     const [uploadedPdfFile, setUploadedPdfFile] = React.useState(() => ({ src, url: null }));
@@ -1348,5 +1354,8 @@ export const PDFViewer = React.forwardRef(function PDFViewer({ className, defaul
     if (!engine) {
         return (_jsxs("div", { "data-slot": "pdf-viewer", className: cn('bg-background relative flex h-full max-h-full min-h-0 w-full flex-col overflow-hidden', className), children: [showToolbar ? _jsx("div", { className: "bg-background min-h-12 border-b" }) : null, _jsx("div", { className: "relative min-h-0 flex-1", children: _jsx(PDFViewerLoadingSkeleton, { sidebarInline: true, sidebarOpen: false }) })] }));
     }
-    return (_jsx(EmbedPDF, { engine: engine, plugins: plugins, children: _jsx(PDFViewerDocumentLoader, { viewerRef: ref, pdfFile: pdfFile, defaultZoom: defaultZoom, className: className, fileName: fileName, showDownload: showDownload, showToolbar: showToolbar, showRotateControls: showRotateControls, showUpload: showUpload, toolbarActions: toolbarActions, pageClassName: pageClassName, renderPageOverlay: renderPageOverlay, onActivePageChange: onActivePageChange, onDocumentLoadSuccess: onDocumentLoadSuccess, onPdfUpload: onPdfUpload, onPagePointerDown: onPagePointerDown, onPagePointerMove: onPagePointerMove, onPagePointerUp: onPagePointerUp, onPagePointerCancel: onPagePointerCancel, onUploadFile: handleUploadFile }) }));
+    return (_jsx(EmbedPDF, { engine: engine, plugins: plugins, children: _jsx(PDFViewerDocumentLoader, { viewerRef: ref, pdfFile: pdfFile, 
+            // The same level the plugin starts at: a numeric default here would undo `fitOnOpen`
+            // as soon as the document loads (the page opened at 100% and overflowed a narrow pane).
+            defaultZoom: selectPdfZoomLevel(fitOnOpen, defaultZoom), className: className, fileName: fileName, showDownload: showDownload, showToolbar: showToolbar, showRotateControls: showRotateControls, showUpload: showUpload, toolbarActions: toolbarActions, findText: findText, pageClassName: pageClassName, renderPageOverlay: renderPageOverlay, onActivePageChange: onActivePageChange, onDocumentLoadSuccess: onDocumentLoadSuccess, onPdfUpload: onPdfUpload, onPagePointerDown: onPagePointerDown, onPagePointerMove: onPagePointerMove, onPagePointerUp: onPagePointerUp, onPagePointerCancel: onPagePointerCancel, onUploadFile: handleUploadFile }) }));
 });

package/dist/files/renderers/presentation/FullScreenPresentationViewer.js

@@ -19,11 +19,9 @@ export function FullScreenPresentationViewer({ isOpen, onClose, presentationName
     const [metadata, setMetadata] = useState(null);
     const [currentSlide, setCurrentSlide] = useState(initialSlide);
     const [isLoading, setIsLoading] = useState(false);
-    const [error, setError] = useState(null);
     const [retryAttempt, setRetryAttempt] = useState(0);
     const retryTimeoutRef = useRef(null);
     const hasLoadedRef = useRef(false);
-    const [showControls, setShowControls] = useState(true);
     const [showEditor, setShowEditor] = useState(false);
     const [isDownloadingPDF, setIsDownloadingPDF] = useState(false);
     const [isDownloadingPPTX, setIsDownloadingPPTX] = useState(false);
@@ -57,7 +55,6 @@ export function FullScreenPresentationViewer({ isOpen, onClose, presentationName
             return;
         }
         setIsLoading(true);
-        setError(null);
         setRetryAttempt(retryCount);
         try {
             // Sanitize the presentation name to match backend directory creation
@@ -218,12 +215,6 @@ export function FullScreenPresentationViewer({ isOpen, onClose, presentationName
         document.addEventListener('keydown', handleKeyDown, true);
         return () => document.removeEventListener('keydown', handleKeyDown, true);
     }, [isOpen, goToNextSlide, goToPreviousSlide, totalSlides, onClose, showEditor]);
-    // Always show controls
-    useEffect(() => {
-        if (isOpen) {
-            setShowControls(true);
-        }
-    }, [isOpen]);
     // Download handlers
     const handleDownload = async (format) => {
         if (isDownloadRestricted) {
@@ -322,7 +313,7 @@ export function FullScreenPresentationViewer({ isOpen, onClose, presentationName
         });
         SlideIframeComponent.displayName = 'SlideIframeComponent';
         return SlideIframeComponent;
-    }, [sandboxUrl, refreshTimestamp, showEditor, subdomainOpts, tHardcodedUi]);
+    }, [sandboxUrl, refreshTimestamp, showEditor, subdomainOpts, tHardcodedUi, tI18nComplete]);
     if (!isOpen)
         return null;
     // Render slide iframe with proper scaling
@@ -331,7 +322,7 @@ export function FullScreenPresentationViewer({ isOpen, onClose, presentationName
                                         ? tHardcodedUi.raw('i18nComplete.textbd0b7be215ce')
                                         : tHardcodedUi.raw('i18nComplete.text8268dd9ea939'), onClick: () => setShowEditor(!showEditor), children: showEditor ? (_jsx(Presentation, { className: "h-3.5 w-3.5" })) : (_jsx(Edit, { className: "h-3.5 w-3.5" })) }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "sm", className: "w-8 p-0", title: tHardcodedUi.raw('componentsThreadToolViewsPresentationToolsFullscreenpresentationviewer.line485JsxAttrTitleExportPresentation'), disabled: isDownloadingPDF || isDownloadingPPTX, children: isDownloadingPDF || isDownloadingPPTX ? (_jsx(KortixLoader, { customSize: 14 })) : (_jsx(Download, { className: "h-3.5 w-3.5" })) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-32", children: [_jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => handleDownload(DownloadFormat.PDF), disabled: isDownloadingPDF, children: [_jsx(FileText, { className: "mr-2 h-4 w-4" }), "PDF"] }), _jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => handleDownload(DownloadFormat.PPTX), disabled: isDownloadingPPTX, children: [_jsx(Presentation, { className: "mr-2 h-4 w-4" }), "PPTX"] })] })] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, className: "h-8 w-8 p-0", title: tHardcodedUi.raw('componentsThreadToolViewsPresentationToolsFullscreenpresentationviewer.line529JsxAttrTitleCloseFullScreen'), children: _jsx(X, { className: "h-3.5 w-3.5" }) })] })] }) }), _jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center bg-zinc-100 p-2 dark:bg-zinc-900", children: isLoading || !currentSlideData ? (_jsxs("div", { className: "text-center", children: [_jsx(KortixLoader, { size: "large", className: "mx-auto mb-4" }), _jsx("p", { className: "text-zinc-700 dark:text-zinc-300", children: retryAttempt > 0
                                 ? tI18nComplete('text3df439a7a73b', { value0: retryAttempt + 1 })
-                                : tHardcodedUi.raw('i18nComplete.text1ac9fe8126fa') })] })) : currentSlideData ? (_jsxs("div", { className: "flex h-full w-full flex-col", children: [_jsx("div", { className: "flex-1 overflow-hidden rounded-xl bg-transparent", style: { aspectRatio: '16 / 9' }, children: renderSlide }), _jsxs("div", { className: "mt-3 flex items-center justify-between px-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setCurrentSlide(1), disabled: currentSlide <= 1, className: "h-8 w-8 p-0 disabled:opacity-50", children: _jsx(SkipBack, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: goToPreviousSlide, disabled: currentSlide <= 1, className: "h-8 w-8 p-0 disabled:opacity-50", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) })] }), _jsx("div", { className: "flex items-center", children: _jsx("div", { className: "flex gap-2", children: slides.map((slide) => (_jsx("button", { onClick: () => setCurrentSlide(slide.number), className: cn('h-2.5 w-2.5 rounded-full transition-colors duration-200', slide.number === currentSlide
+                                : tHardcodedUi.raw('i18nComplete.text1ac9fe8126fa') })] })) : currentSlideData ? (_jsxs("div", { className: "flex h-full w-full flex-col", children: [_jsx("div", { className: "flex-1 overflow-hidden rounded-xl bg-transparent", style: { aspectRatio: '16 / 9' }, children: renderSlide }), _jsxs("div", { className: "mt-3 flex items-center justify-between px-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => setCurrentSlide(1), disabled: currentSlide <= 1, className: "h-8 w-8 p-0 disabled:opacity-50", children: _jsx(SkipBack, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: goToPreviousSlide, disabled: currentSlide <= 1, className: "h-8 w-8 p-0 disabled:opacity-50", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) })] }), _jsx("div", { className: "flex items-center", children: _jsx("div", { className: "flex gap-2", children: slides.map((slide) => (_jsx("button", { "aria-label": `${tHardcodedUi.raw('i18nComplete.text6bb4c1177681')} ${slide.number}`, onClick: () => setCurrentSlide(slide.number), className: cn('h-2.5 w-2.5 rounded-full transition-colors duration-200', slide.number === currentSlide
                                                 ? 'bg-black dark:bg-white'
                                                 : 'bg-zinc-300 hover:bg-zinc-400 dark:bg-zinc-600 dark:hover:bg-zinc-500') }, slide.number))) }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: goToNextSlide, disabled: currentSlide >= totalSlides, className: "h-8 w-8 p-0 disabled:opacity-50", children: _jsx(ChevronRight, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setCurrentSlide(totalSlides), disabled: currentSlide >= totalSlides, className: "h-8 w-8 p-0 disabled:opacity-50", children: _jsx(SkipForward, { className: "h-3.5 w-3.5" }) })] })] })] })) : (_jsx("div", { className: "text-center", children: _jsx("p", { className: "text-zinc-700 dark:text-zinc-300", children: tHardcodedUi.raw('componentsThreadToolViewsPresentationToolsFullscreenpresentationviewer.line621JsxTextNoSlideFound') }) })) })] }));
 }

package/dist/files/renderers/show-content-renderer.js

@@ -692,7 +692,7 @@ export function ShowCarousel({ items, LocalhostPreview, onIndexChange, fill = fa
     const currentItem = items[currentIndex];
     if (!currentItem)
         return null;
-    return (_jsxs("div", { className: cn('outline-none', fill && 'flex h-full flex-col'), 
+    return (_jsxs("div", { role: "group", className: cn('outline-none', fill && 'flex h-full flex-col'), 
         // -1: a click on the content focuses the card, so ←/→ page it next,
         // without adding a Tab stop. Tab still reaches the chevrons inside.
         tabIndex: fill || count < 2 ? undefined : -1, onKeyDown: fill || count < 2 ? undefined : (e) => handleArrowKey(e), children: [_jsx("div", { className: cn(fill ? 'min-h-0 flex-1 overflow-hidden' : 'min-h-[420px]'), children: currentItem.status === 'pending' ? (_jsxs("div", { className: cn('flex items-center justify-center gap-3', fill ? 'h-full' : 'min-h-[420px]'), children: [_jsx(Loading, { className: "text-muted-foreground size-4" }), _jsx(TextShimmer, { duration: 1, spread: 2, className: "text-sm", children: tHardcodedUi.raw('componentsSessionToolRenderers.line4935JsxTextPreparingOutput') })] })) : (_jsx(ShowContentRenderer, { type: currentItem.type, title: currentItem.title, description: currentItem.description, path: currentItem.path, url: currentItem.url, content: currentItem.content, language: currentItem.language, aspectRatio: currentItem.aspect_ratio, attachment: currentItem.attachment, LocalhostPreview: LocalhostPreview, toolbarActions: toolbarActions, fill: fill })) }), count > 1 && !hideNav && (_jsxs("div", { className: "border-border flex shrink-0 items-center gap-2 border-t px-2 py-1.5 pr-3.5", children: [_jsxs("div", { className: "flex shrink-0 items-center", children: [_jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: prev, className: "hit-area-2 hit-area-r-0 transition-transform active:scale-[0.96]", disabled: currentIndex === 0, "aria-label": tI18nComplete.raw('text81b35f1b4332'), children: _jsx(ChevronLeft, { className: "size-4" }) }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: next, className: "hit-area-2 hit-area-l-0 transition-transform active:scale-[0.96]", disabled: currentIndex >= count - 1, "aria-label": tI18nComplete.raw('text1e47d4f7a1a3'), children: _jsx(ChevronRight, { className: "size-4" }) })] }), _jsx(FadedScrollArea, { ref: stripRef, orientation: "horizontal", fadeColor: "from-secondary", className: "min-w-0 flex-1 overscroll-x-contain", children: _jsx("div", { className: "flex w-max min-w-0 items-center gap-1", children: items.map((item, i) => {