@nkzw/codiff-core 1.9.1 → 1.11.0

package/dist/SharedWalkthroughApp.d.ts

@@ -34,9 +34,10 @@ export type ReviewSurfaceProps = {
     providerLabel?: string;
     repositoryUrl?: string;
     settingsBar?: ReactNode;
+    sidebarPosition?: 'left' | 'right';
     signInLabel?: string;
     snapshot: SharedWalkthroughSnapshot;
     sourceDescriptionFooterAside?: ReactNode;
     title?: string;
 };
-export declare function ReviewSurface({ commenting, externalUrl, gitIdentity, initialMode, interactive, onDeleteShare, onModeChange, providerLabel, repositoryUrl, settingsBar, signInLabel, snapshot, sourceDescriptionFooterAside, title, }: ReviewSurfaceProps): import("react").JSX.Element;
+export declare function ReviewSurface({ commenting, externalUrl, gitIdentity, initialMode, interactive, onDeleteShare, onModeChange, providerLabel, repositoryUrl, settingsBar, sidebarPosition, signInLabel, snapshot, sourceDescriptionFooterAside, title, }: ReviewSurfaceProps): import("react").JSX.Element;

package/dist/app/components/DefinitionPopover.d.ts

@@ -0,0 +1,12 @@
+import type { DefinitionCandidate, DefinitionSearchResult } from '../../types.ts';
+export declare function DefinitionPopover({ anchor, getDestination, identifier, onClose, onOpen, result, }: {
+    anchor: {
+        x: number;
+        y: number;
+    };
+    getDestination: (candidate: DefinitionCandidate) => 'diff' | 'editor' | 'unavailable';
+    identifier: string;
+    onClose: () => void;
+    onOpen: (candidate: DefinitionCandidate) => void;
+    result: DefinitionSearchResult | null;
+}): import("react").ReactPortal;

package/dist/app/components/OpenReviewSourceDialog.d.ts

@@ -0,0 +1,6 @@
+import type { OpenReviewSourceKind } from '../../types.ts';
+export declare function OpenReviewSourceDialog({ kind, onClose, onOpen, }: {
+    kind: OpenReviewSourceKind;
+    onClose: () => void;
+    onOpen: (value: string) => Promise<void>;
+}): import("react").JSX.Element;

package/dist/app/components/OpenReviewSourceMenu.d.ts

@@ -0,0 +1,5 @@
+import type { OpenReviewSourceKind } from '../../types.ts';
+export declare function OpenReviewSourceMenu({ onOpen, onOpenFolder, }: {
+    onOpen: (kind: OpenReviewSourceKind) => void;
+    onOpenFolder: () => void;
+}): import("react").JSX.Element;

package/dist/app/components/Panels.d.ts

@@ -1,12 +1,18 @@
 import { type ReactNode } from 'react';
 import type { CodiffKeymap } from '../../config/types.ts';
 import type { RepositoryLoadError, ReviewComment } from '../../lib/app-types.ts';
-import type { ChangedFile, PullRequestMergeOptions, PullRequestMergeState, PullRequestReviewEvent, PullRequestReviewStatus } from '../../types.ts';
+import type { ChangedFile, CodiffUpdateStatus, PullRequestMergeOptions, PullRequestMergeState, PullRequestReviewEvent, PullRequestReviewStatus } from '../../types.ts';
 export declare function ReviewSourceLoading(): import("react").JSX.Element;
 export declare function RepositoryChangeBanner({ onRefresh, visible, }: {
     onRefresh: () => void;
     visible: boolean;
 }): import("react").JSX.Element;
+export type { CodiffUpdateStatus as UpdateStatus } from '../../types.ts';
+export declare function UpdatePill({ onApply, onDismiss, status, }: {
+    onApply: () => void;
+    onDismiss?: () => void;
+    status: CodiffUpdateStatus;
+}): import("react").JSX.Element | null;
 export declare function WalkthroughOutdatedBanner({ onDismiss, reason, }: {
     onDismiss: () => void;
     reason: string | null;
@@ -45,7 +51,7 @@ export declare function CopyCommentsButton({ comments, files, reviewCommentsPref
     files: ReadonlyArray<ChangedFile>;
     reviewCommentsPrefix: string;
     showWhitespace: boolean;
-}): import("react").JSX.Element | null;
+}): import("react").JSX.Element;
 export declare const isPullRequestReviewActionDisabled: (reviewStatus: PullRequestReviewStatus | undefined, event: PullRequestReviewEvent) => boolean;
 export declare function PullRequestReviewButtons({ children, disabled, hasPendingComments, onClosePullRequest, onSubmitReview, reviewStatus, showCommentReview, }: {
     children?: ReactNode;

package/dist/app/components/ReadOnlyMarkdownView.d.ts

@@ -2,6 +2,7 @@ import { MarkdownEditor } from '@nkzw/mdx-editor';
 import type { ComponentProps, ReactNode } from 'react';
 type MarkdownEditorProps = ComponentProps<typeof MarkdownEditor>;
 export declare const normalizeReadOnlyMarkdownValue: (value: string) => string;
+export declare const extractFencedCodeBlocks: (value: string) => Array<string>;
 export declare function ReadOnlyMarkdownView({ additionalPlugins, ariaLabel, className, contentClassName, density, fallback, onHeightChange, value, variant, }: {
     additionalPlugins?: MarkdownEditorProps['additionalPlugins'];
     ariaLabel: string;

package/dist/app/components/ResolvedThreadDisclosure.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+export declare function ResolvedThreadDisclosure({ children, commentCount, focused, focusRequest, initialExpanded, saving, }: {
+    children: ReactNode;
+    commentCount: number;
+    focused?: boolean;
+    focusRequest?: number;
+    initialExpanded?: boolean;
+    saving?: boolean;
+}): import("react").JSX.Element;

package/dist/app/components/ReviewCodeView.d.ts

@@ -2,7 +2,7 @@ import { type FileDiffLoadedFiles } from '@pierre/diffs';
 import { type ReactNode } from 'react';
 import type { CodiffDiffStyle, CodiffKeymap } from '../../config/types.ts';
 import type { CodeViewInstance, DiffSearchMatch, ReviewComment, ReviewIdentity, ReviewScrollTarget, WalkthroughNote } from '../../lib/app-types.ts';
-import type { ChangedFile, CodiffPreferences, CommitMetadata, DiffImageContentRequest, DiffImageContentResult, DiffSection, GitIdentity, PullRequestCodeQualityFinding, ReviewSource } from '../../types.ts';
+import type { ChangedFile, CodiffPreferences, CommitMetadata, DefinitionCandidate, DefinitionSearchRequest, DefinitionSearchResult, DiffImageContentRequest, DiffImageContentResult, DiffSection, GitIdentity, PullRequestCodeQualityFinding, ReviewSource } from '../../types.ts';
 type PullRequestSource = Extract<ReviewSource, {
     type: 'pull-request';
 }>;
@@ -39,7 +39,7 @@ type HeaderReviewDiffBlock = {
     selected?: boolean;
 };
 export type ReviewDiffBlock = FileReviewDiffBlock | HeaderReviewDiffBlock;
-export declare function ReviewCodeView({ activeSearchMatch, agentId, agentLabel, allowViewedToggle, blocks, bottomInset, codeQualityFindings, collapsed, comments, commitMetadata, diffLineHeight, diffStyle, disableWorkerPool, expandedGenerated, files, focusCommentId, focusCommentRequest, forceExpandedPaths, gitIdentity, hunkNavigation, initialMarkdownPreviewSectionIds, isReadOnly, itemVersionByKey, keymap, loadingSectionIds, onActiveBlockChange, onAskCodex, onCommentDraftChange, onCreateComment, onDeleteComment, onLoadImageContent, onLoadSection, onLoadSectionContents, onOpenFile, onRefreshMarkdown, onResolveThread, onSaveCommentEdit, onSelectPathFromScroll, onSubmitComment, onToggleCollapsed, onToggleViewed, onUpdateComment, onUpdateSourceDescription, onUpdateSourceTitle, onUploadSourceDescriptionAsset, reviewIdentityByPath, scrollTarget, searchQuery, selectedPath, showSourceDescription, showWhitespace, source, sourceDescriptionActions, sourceDescriptionFooter, supportsReviewCommentActions, theme, viewed, walkthroughNotes, wordWrap, }: {
+export declare function ReviewCodeView({ activeSearchMatch, agentId, agentLabel, allowViewedToggle, blocks, bottomInset, codeQualityFindings, collapsed, comments, commitMetadata, diffLineHeight, diffStyle, disableWorkerPool, expandedGenerated, files, focusCommentId, focusCommentRequest, forceExpandedPaths, gitIdentity, hunkNavigation, initialMarkdownPreviewSectionIds, isReadOnly, itemVersionByKey, keymap, loadingSectionIds, onActiveBlockChange, onAskCodex, onCommentDraftChange, onCreateComment, onDeleteComment, onFindDefinitions, onLoadImageContent, onLoadSection, onLoadSectionContents, onOpenDefinition, onOpenFile, onRefreshMarkdown, onResolveThread, onSaveCommentEdit, onSelectPathFromScroll, onSubmitComment, onToggleCollapsed, onToggleViewed, onUpdateComment, onUpdateSourceDescription, onUpdateSourceTitle, onUploadSourceDescriptionAsset, reviewIdentityByPath, scrollTarget, searchQuery, selectedPath, showSourceDescription, showWhitespace, source, sourceDescriptionActions, sourceDescriptionFooter, supportsReviewCommentActions, theme, viewed, walkthroughNotes, wordWrap, }: {
     activeSearchMatch: DiffSearchMatch | null;
     agentId: 'codex' | 'claude' | 'opencode' | 'pi';
     agentLabel: string;
@@ -70,9 +70,11 @@ export declare function ReviewCodeView({ activeSearchMatch, agentId, agentLabel,
     onCommentDraftChange?: (comment: Pick<ReviewComment, 'body' | 'id'> | null) => void;
     onCreateComment: (comment: Omit<ReviewComment, 'body' | 'id'>) => void;
     onDeleteComment: (commentId: string) => void;
+    onFindDefinitions?: (request: DefinitionSearchRequest) => Promise<DefinitionSearchResult>;
     onLoadImageContent?: (request: DiffImageContentRequest) => Promise<DiffImageContentResult>;
     onLoadSection: (file: ChangedFile, section: DiffSection) => void;
     onLoadSectionContents?: (file: ChangedFile, section: DiffSection) => Promise<FileDiffLoadedFiles>;
+    onOpenDefinition?: (candidate: DefinitionCandidate) => void;
     onOpenFile?: (file: ChangedFile) => void;
     onRefreshMarkdown?: (file: ChangedFile, section: DiffSection) => Promise<boolean>;
     onResolveThread?: (threadId: string, resolved: boolean) => Promise<void> | void;

package/dist/app/components/ReviewModeControl.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export type ReviewModeItem<Mode extends string> = {
+    ariaLabel?: string;
+    icon: ReactNode;
+    indicator?: ReactNode;
+    label: string;
+    title?: string;
+    value: Mode;
+};
+export declare function ReviewModeControl<Mode extends string>({ mode, modes, onModeChange, }: {
+    mode: Mode;
+    modes: ReadonlyArray<ReviewModeItem<Mode>>;
+    onModeChange: (mode: Mode) => void;
+}): import("react").JSX.Element;

package/dist/app/components/ReviewTopBar.d.ts

@@ -1,22 +1,23 @@
 import type { ReactNode } from 'react';
-export type ReviewModeItem<Mode extends string> = {
-    ariaLabel?: string;
-    icon: ReactNode;
-    indicator?: ReactNode;
-    label: string;
-    title?: string;
-    value: Mode;
-};
-export declare function ReviewTopBar<Mode extends string>({ actions, context, leading, mode, modes, onModeChange, onToggleSidebar, repository, repositoryTooltip, sidebarCollapsed, toggleTitle, }: {
+import { type ReviewModeItem } from './ReviewModeControl.tsx';
+export declare function ReviewTopBar<Mode extends string>({ actions, center, context, leading, mode, modes, onModeChange, onToggleSidebar, repository, repositoryTooltip, sidebarCollapsed, sidebarPosition, sourceMenu, toggleTitle, }: {
     actions?: ReactNode;
+    center?: ReactNode;
     context?: ReactNode;
     leading?: ReactNode;
-    mode: Mode;
-    modes: ReadonlyArray<ReviewModeItem<Mode>>;
-    onModeChange: (mode: Mode) => void;
     onToggleSidebar: () => void;
     repository: ReactNode;
     repositoryTooltip?: string;
     sidebarCollapsed: boolean;
+    sidebarPosition?: 'left' | 'right';
+    sourceMenu?: ReactNode;
     toggleTitle: string;
-}): import("react").JSX.Element;
+} & ({
+    mode: Mode;
+    modes: ReadonlyArray<ReviewModeItem<Mode>>;
+    onModeChange: (mode: Mode) => void;
+} | {
+    mode?: undefined;
+    modes?: undefined;
+    onModeChange?: undefined;
+})): import("react").JSX.Element;

package/dist/app/components/merge-request/GeneralComments.d.ts

@@ -23,7 +23,7 @@ export declare function SidebarGeneralCommentList({ comments, focusedCommentId,
     focusedCommentId: string | null;
     onActivateComment: (commentId: string) => void;
 }): import("react").JSX.Element;
-export declare function MergeRequestCommentsView({ canComment, commenting, draft, editDraft, editError, editingCommentId, editSubmitting, error, focusedCommentId, focusedCommentRequest, gitIdentity, keymap, onCancelEdit, onChangeDraft, onChangeEditDraft, onSaveEdit, onStartEdit, onSubmit, signInLabel, sourceDescription, submitting, threads, }: {
+export declare function MergeRequestCommentsView({ canComment, commenting, draft, editDraft, editError, editingCommentId, editSubmitting, error, focusedCommentId, focusedCommentRequest, gitIdentity, keymap, onCancelEdit, onChangeDraft, onChangeEditDraft, onResolveDiscussion, onSaveEdit, onStartEdit, onSubmit, signInLabel, sourceDescription, submitting, threads, }: {
     canComment: boolean;
     commenting?: ReviewCommenting;
     draft: string;
@@ -39,6 +39,7 @@ export declare function MergeRequestCommentsView({ canComment, commenting, draft
     onCancelEdit: () => void;
     onChangeDraft: (draft: string) => void;
     onChangeEditDraft: (draft: string) => void;
+    onResolveDiscussion?: (discussionId: string, resolved: boolean) => Promise<void>;
     onSaveEdit: () => void;
     onStartEdit: (comment: PullRequestGeneralComment) => void;
     onSubmit: () => void;

package/dist/app/components/walkthrough/NarrativeWalkthroughView.d.ts

@@ -14,16 +14,18 @@ export type WalkthroughBlockScrollTarget = {
     blockId: string;
     request: number;
 };
-export declare const getWalkthroughBlockScrollTarget: ({ activeBlockId, firstSupportBlockId, mode, stopScrollRequest, supportScrollRequest, }: {
+export declare const getWalkthroughBlockScrollTarget: ({ activeBlockId, firstSupportBlockId, scrollTarget, }: {
     activeBlockId: string | null | undefined;
     firstSupportBlockId: string | null;
-    mode: NarrativeNavigation['mode'];
-    stopScrollRequest: number;
-    supportScrollRequest: number;
+    scrollTarget: NarrativeNavigation['scrollTarget'];
 }) => WalkthroughBlockScrollTarget | null;
 export type RenderWalkthroughDiffBlocks = (blocks: ReadonlyArray<ReviewDiffBlock>, scrollTarget: WalkthroughBlockScrollTarget | null, onActiveBlockChange: (blockId: string) => void) => ReactNode;
 type WalkthroughNavigationKeyEvent = Pick<KeyboardEvent, 'altKey' | 'ctrlKey' | 'key' | 'metaKey' | 'shiftKey'>;
 export declare const getWalkthroughNavigationKeyDirection: (event: WalkthroughNavigationKeyEvent) => -1 | 0 | 1;
+export declare const getWalkthroughKeyboardForwardIndex: ({ index, scrollRequest, }: {
+    index: number;
+    scrollRequest: number;
+}) => number;
 export declare function NarrativeWalkthroughView({ allowCommit, files, navigation, onActiveReviewTargetChange, onCommit, onCommitOutput, onShareWalkthrough, onUpdateCommitMessage, renderDiffBlocks, shareWalkthroughDisabled, showWhitespace, walkthrough, }: {
     allowCommit?: boolean;
     files: ReadonlyArray<ChangedFile>;

package/dist/app/components/walkthrough/useNarrativeNavigation.d.ts

@@ -19,11 +19,11 @@ export declare const useNarrativeNavigation: (walkthrough: NarrativeWalkthrough
     releaseStopScrollLock: () => void;
     scrollTarget: {
         index: number;
+        kind: 'stop' | 'support';
         nonce: number;
     };
     setCommitBody: (value: string) => void;
     setCommitSubject: (value: string) => void;
-    supportScrollRequest: number;
     supportVisited: boolean;
     syncIndexFromScroll: (target: number) => void;
     syncSupportFromScroll: () => void;

package/dist/app/hooks/useAppCommands.d.ts

@@ -2,12 +2,13 @@ import { type RefObject } from 'react';
 import type { ReviewComment, ReviewIdentity, SidebarMode } from '../../lib/app-types.ts';
 import { type Command } from '../../lib/command-registry.ts';
 import type { ReviewCommandTarget } from '../../lib/review-command-target.ts';
-import type { ChangedFile, CodiffPreferences, RepositoryState } from '../../types.ts';
+import type { ChangedFile, CodiffPreferences, OpenReviewSourceKind, RepositoryState } from '../../types.ts';
 type UseAppCommandsOptions = {
     changeSidebarMode: (mode: SidebarMode) => void;
     focusFileFilter: () => void;
     getReviewCommandTarget: () => ReviewCommandTarget | null;
     onOpenDiffSearch: () => void;
+    onOpenReviewSource: (kind: OpenReviewSourceKind) => void;
     onOpenSelectedFile: () => void;
     onRefreshRepository: () => void;
     onToggleSidebar: () => void;
@@ -18,5 +19,5 @@ type UseAppCommandsOptions = {
     stateRef: RefObject<RepositoryState | null>;
     viewedRef: RefObject<Record<string, string>>;
 };
-export declare function useAppCommands({ changeSidebarMode, focusFileFilter, getReviewCommandTarget, onOpenDiffSearch, onOpenSelectedFile, onRefreshRepository, onToggleSidebar, onToggleViewed, onToggleWordWrap, preferencesRef, reviewCommentsRef, stateRef, viewedRef, }: UseAppCommandsOptions): readonly Command[];
+export declare function useAppCommands({ changeSidebarMode, focusFileFilter, getReviewCommandTarget, onOpenDiffSearch, onOpenReviewSource, onOpenSelectedFile, onRefreshRepository, onToggleSidebar, onToggleViewed, onToggleWordWrap, preferencesRef, reviewCommentsRef, stateRef, viewedRef, }: UseAppCommandsOptions): readonly Command[];
 export {};

package/dist/app/hooks/useAppReviewComments.d.ts

@@ -18,6 +18,7 @@ export declare function useAppReviewComments({ isReviewActionDisabled, onComment
     clearCommentFocus: (commentId: string) => void;
     createComment: (comment: Omit<ReviewComment, 'body' | 'id'>) => void;
     deleteComment: (commentId: string) => void;
+    focusComment: (commentId: string) => void;
     focusCommentId: string | null;
     focusCommentRequest: number;
     resetCommentFocus: () => void;

package/dist/app/hooks/useAppWalkthrough.d.ts

@@ -32,11 +32,11 @@ export declare function useAppWalkthrough({ preferencesRef, state, stateGenerati
         releaseStopScrollLock: () => void;
         scrollTarget: {
             index: number;
+            kind: 'stop' | 'support';
             nonce: number;
         };
         setCommitBody: (value: string) => void;
         setCommitSubject: (value: string) => void;
-        supportScrollRequest: number;
         supportVisited: boolean;
         syncIndexFromScroll: (target: number) => void;
         syncSupportFromScroll: () => void;

package/dist/app/hooks/useResizableSidebar.d.ts

@@ -3,9 +3,10 @@ type UseResizableSidebarOptions = {
     collapseThreshold?: number;
     onCollapse?: () => void;
     onWidthCommit: (width: number) => void;
+    position: 'left' | 'right';
     readWidth: () => number;
 };
-export declare function useResizableSidebar({ collapseThreshold, onCollapse, onWidthCommit, readWidth, }: UseResizableSidebarOptions): {
+export declare function useResizableSidebar({ collapseThreshold, onCollapse, onWidthCommit, position, readWidth, }: UseResizableSidebarOptions): {
     resizeSidebar: (event: ReactPointerEvent<HTMLDivElement>) => void;
     sidebarWidth: number;
 };

package/dist/app/hooks/useReviewCommentDrafts.d.ts

@@ -13,6 +13,7 @@ export declare function useReviewCommentDrafts({ canCreateComment, comments, onC
     clearCommentFocus: (commentId: string) => void;
     createComment: (comment: Omit<ReviewComment, 'body' | 'id'>) => void;
     deleteComment: (commentId: string) => void;
+    focusComment: (commentId: string) => void;
     focusCommentId: string | null;
     focusCommentRequest: number;
     resetCommentFocus: () => void;

package/dist/config/keyboard-layout.d.ts

@@ -0,0 +1,13 @@
+export type NativeKeyboardKeyMapping = {
+    value: string;
+    valueIsDeadKey?: boolean;
+    withShift: string;
+    withShiftIsDeadKey?: boolean;
+};
+export type NativeKeyboardLayout = Readonly<Record<string, NativeKeyboardKeyMapping>>;
+export declare const codeForCharacter: (character: string, shiftKey: boolean) => string | null;
+export declare const shiftedCharacterForCode: (code: string) => string | null;
+export declare const hasKeyboardLayout: () => boolean;
+export declare const trackKeyboardLayout: () => void;
+export declare const applyKeyboardLayout: (layout: NativeKeyboardLayout) => void;
+export declare const resetKeyboardLayout: () => void;

package/dist/config/keymap.d.ts

@@ -1,3 +1,5 @@
 import type { CodiffKeymap } from './types.ts';
-export declare const matchesShortcut: (event: Pick<KeyboardEvent, 'altKey' | 'ctrlKey' | 'key' | 'metaKey' | 'shiftKey'>, keymap: CodiffKeymap, action: keyof CodiffKeymap) => boolean;
+type ShortcutEvent = Pick<KeyboardEvent, 'altKey' | 'code' | 'ctrlKey' | 'key' | 'metaKey' | 'shiftKey'>;
+export declare const matchesShortcut: (event: ShortcutEvent, keymap: CodiffKeymap, action: keyof CodiffKeymap) => boolean;
 export declare const getShortcutLabel: (keymap: CodiffKeymap, action: keyof CodiffKeymap) => string;
+export {};

package/dist/config/types.d.ts

@@ -3,6 +3,7 @@ export type CodiffTheme = 'system' | 'light' | 'dark';
 export type CodiffAgentBackend = 'codex' | 'claude' | 'opencode' | 'pi';
 export type CodiffSettings = {
     agentBackend: CodiffAgentBackend;
+    checkForUpdates: boolean;
     claudeModel: string;
     codeFontFamily: string;
     codeFontSize: number;
@@ -16,6 +17,7 @@ export type CodiffSettings = {
     reviewCommentsPrefix: string;
     showOutdated: boolean;
     showWhitespace: boolean;
+    sidebarPosition: 'left' | 'right';
     theme: CodiffTheme;
     walkthroughPrompt: string;
     wordWrap: boolean;
@@ -23,6 +25,7 @@ export type CodiffSettings = {
 export type KeyCombo = string;
 export type KeyComboBinding = KeyCombo | ReadonlyArray<KeyCombo>;
 export type CodiffKeymap = {
+    askAgent: KeyCombo;
     closeSearch: KeyCombo;
     commandBar: KeyCombo;
     diffSearch: KeyCombo;

package/dist/lib/app-types.d.ts

@@ -47,6 +47,7 @@ export type ReviewScrollBehavior = 'instant' | 'smooth';
 export type ReviewScrollTarget = {
     behavior?: ReviewScrollBehavior;
     blockId?: string;
+    commentId?: string;
     path?: string;
     request: number;
 };

package/dist/lib/code-view-options.d.ts

@@ -23,4 +23,4 @@ export declare const workerHighlighterOptions: {
     useTokenTransformer: boolean;
 };
 export declare const maxWorkerThreads = 3;
-export declare const codeViewUnsafeCSS = "\n  :host {\n    border-radius: var(--codiff-diff-radius, 28px);\n    corner-shape: squircle;\n    --diffs-font-family: var(--font-diff-mono, var(--font-mono));\n    --diffs-header-font-family: var(--font-sans);\n    --diffs-font-size: var(--font-diff-size, 13px);\n    --diffs-line-height: var(--font-diff-line-height, 20px);\n    --diffs-light-bg: var(--code-bg);\n    --diffs-dark-bg: var(--code-bg);\n    --diffs-bg-selection-override: rgb(61 135 245 / 0.34);\n    --diffs-bg-selection-number-override: rgb(61 135 245 / 0.46);\n  }\n\n  [data-diff-type=\"split\"][data-overflow=\"scroll\"] {\n    grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);\n  }\n\n  [data-diffs-header=\"custom\"][data-sticky] {\n    background-color: transparent;\n    border-radius: 0;\n  }\n\n  :host(.codiff-walkthrough-header-item) {\n    background: var(--app-bg);\n    border-radius: 0;\n    box-shadow: none;\n    corner-shape: initial;\n    overflow: visible;\n  }\n\n  :host(.codiff-walkthrough-header-item) [data-file],\n  :host(.codiff-walkthrough-header-item) pre,\n  :host(.codiff-walkthrough-header-item) code,\n  :host(.codiff-walkthrough-header-item) [data-code],\n  :host(.codiff-walkthrough-header-item) [data-line-annotation] {\n    background: var(--app-bg);\n    border-radius: 0;\n    box-shadow: none;\n    overflow: visible;\n  }\n\n  :host(.codiff-walkthrough-header-item) [data-column-number],\n  :host(.codiff-walkthrough-header-item) [data-line-number],\n  :host(.codiff-walkthrough-header-item) [data-gutter],\n  :host(.codiff-walkthrough-header-item) [data-gutter-buffer],\n  :host(.codiff-walkthrough-header-item) [data-content] > [data-line] {\n    display: none;\n  }\n\n  .review-comment-thread {\n    padding: 8px 0 8px 16px;\n  }\n\n  /* Align scrollbar with number column */\n  [data-code]::-webkit-scrollbar-track {\n    margin-left: var(--diffs-column-number-width);\n  }\n\n  /* Ensure right edge of scrollbar never gets cropped by rounded corners */\n  [data-file] [data-code]::-webkit-scrollbar-track,\n  [data-diff-type=\"single\"] [data-code]::-webkit-scrollbar-track,\n  [data-diff-type=\"split\"] [data-code][data-additions]::-webkit-scrollbar-track {\n    margin-right: 14px;\n  }\n\n  :host(.codiff-markdown-preview-item) [data-file] [data-code] {\n    grid-column: 1 / -1;\n  }\n\n  :host(.codiff-markdown-preview-item) [data-file] [data-line=\"1\"][data-line-index=\"0\"][data-line-type=\"context\"],\n  :host(.codiff-markdown-preview-item) [data-file] [data-column-number=\"1\"][data-line-index=\"0\"][data-line-type=\"context\"],\n  :host(.codiff-markdown-preview-item) [data-gutter] > [data-gutter-utility-slot] {\n    display: none;\n    pointer-events: none;\n  }\n\n  :host(.codiff-image-preview-item) [data-file] {\n    --diffs-code-grid: 1fr;\n  }\n\n  :host(.codiff-image-preview-item) [data-file] [data-code] {\n    grid-column: 1 / -1;\n    padding-block: 0;\n  }\n\n  :host(.codiff-image-preview-item) [data-file] [data-content] {\n    grid-column: 1;\n  }\n\n  :host(.codiff-image-preview-item) [data-file] [data-gutter],\n  :host(.codiff-image-preview-item) [data-file] [data-line=\"1\"][data-line-index=\"0\"][data-line-type=\"context\"] {\n    display: none;\n    pointer-events: none;\n  }\n\n  :host(.codiff-loadable-summary-item) [data-file] [data-line],\n  :host(.codiff-loadable-summary-item) [data-file] [data-column-number] {\n    cursor: pointer;\n  }\n\n  :host(.codiff-loading-summary-item) [data-file] [data-line],\n  :host(.codiff-loading-summary-item) [data-file] [data-column-number] {\n    cursor: progress;\n  }\n\n  .codiff-search-mark {\n    background: var(--diffs-find-highlight-bg, rgb(255 216 92 / 0.65));\n    border-radius: 3px;\n    color: inherit;\n    padding: 0 1px;\n  }\n\n  .codiff-search-mark.active {\n    background: var(--diffs-find-active-bg, rgb(255 176 46 / 0.96));\n    box-shadow: 0 0 0 1px rgb(255 142 36 / 0.4);\n  }\n\n  [data-utility-button] {\n    background: color-mix(in srgb, var(--diffs-bg) 88%, var(--diffs-modified-base));\n    border: 1px solid color-mix(in srgb, var(--diffs-modified-base) 34%, transparent);\n    border-radius: 3px;\n    box-shadow: 0 7px 18px -14px rgb(0 0 0 / 0.72);\n    color: var(--diffs-modified-base);\n    height: calc(1lh - 4px);\n    transform: translate(-4px, 2px);\n    width: calc(1lh - 4px);\n  }\n\n  [data-selected-line] [data-gutter-utility-slot] {\n    display: none;\n  }\n";
+export declare const codeViewUnsafeCSS = "\n  :host {\n    border-radius: var(--codiff-diff-radius, 28px);\n    corner-shape: squircle;\n    --diffs-font-family: var(--font-diff-mono, var(--font-mono));\n    --diffs-header-font-family: var(--font-sans);\n    --diffs-font-size: var(--font-diff-size, 13px);\n    --diffs-line-height: var(--font-diff-line-height, 20px);\n    --diffs-light-bg: var(--code-bg);\n    --diffs-dark-bg: var(--code-bg);\n    --diffs-bg-selection-override: rgb(61 135 245 / 0.34);\n    --diffs-bg-selection-number-override: rgb(61 135 245 / 0.46);\n  }\n\n  [data-diff-type=\"split\"][data-overflow=\"scroll\"] {\n    grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);\n  }\n\n  [data-diffs-header=\"custom\"][data-sticky] {\n    background-color: transparent;\n    border-radius: 0;\n  }\n\n  :host(.codiff-walkthrough-header-item) {\n    background: var(--app-bg);\n    border-radius: 0;\n    box-shadow: none;\n    corner-shape: initial;\n    overflow: visible;\n  }\n\n  :host(.codiff-walkthrough-header-item) [data-file],\n  :host(.codiff-walkthrough-header-item) pre,\n  :host(.codiff-walkthrough-header-item) code,\n  :host(.codiff-walkthrough-header-item) [data-code],\n  :host(.codiff-walkthrough-header-item) [data-line-annotation] {\n    background: var(--app-bg);\n    border-radius: 0;\n    box-shadow: none;\n    overflow: visible;\n  }\n\n  :host(.codiff-walkthrough-header-item) [data-column-number],\n  :host(.codiff-walkthrough-header-item) [data-line-number],\n  :host(.codiff-walkthrough-header-item) [data-gutter],\n  :host(.codiff-walkthrough-header-item) [data-gutter-buffer],\n  :host(.codiff-walkthrough-header-item) [data-content] > [data-line] {\n    display: none;\n  }\n\n  .review-comment-thread {\n    padding: 8px 0 8px 16px;\n  }\n\n  /* Align scrollbar with number column */\n  [data-code]::-webkit-scrollbar-track {\n    margin-left: var(--diffs-column-number-width);\n  }\n\n  /* Ensure right edge of scrollbar never gets cropped by rounded corners */\n  [data-file] [data-code]::-webkit-scrollbar-track,\n  [data-diff-type=\"single\"] [data-code]::-webkit-scrollbar-track,\n  [data-diff-type=\"split\"] [data-code][data-additions]::-webkit-scrollbar-track {\n    margin-right: 14px;\n  }\n\n  :host(.codiff-markdown-preview-item) [data-file] [data-code] {\n    grid-column: 1 / -1;\n  }\n\n  :host(.codiff-markdown-preview-item) [data-file] [data-line=\"1\"][data-line-index=\"0\"][data-line-type=\"context\"],\n  :host(.codiff-markdown-preview-item) [data-file] [data-column-number=\"1\"][data-line-index=\"0\"][data-line-type=\"context\"],\n  :host(.codiff-markdown-preview-item) [data-gutter] > [data-gutter-utility-slot] {\n    display: none;\n    pointer-events: none;\n  }\n\n  :host(.codiff-image-preview-item) [data-file] {\n    --diffs-code-grid: 1fr;\n  }\n\n  :host(.codiff-image-preview-item) [data-file] [data-code] {\n    grid-column: 1 / -1;\n    padding-block: 0;\n  }\n\n  :host(.codiff-image-preview-item) [data-file] [data-content] {\n    grid-column: 1;\n  }\n\n  :host(.codiff-image-preview-item) [data-file] [data-gutter],\n  :host(.codiff-image-preview-item) [data-file] [data-line=\"1\"][data-line-index=\"0\"][data-line-type=\"context\"] {\n    display: none;\n    pointer-events: none;\n  }\n\n  :host(.codiff-loadable-summary-item) [data-file] [data-line],\n  :host(.codiff-loadable-summary-item) [data-file] [data-column-number] {\n    cursor: pointer;\n  }\n\n  :host(.codiff-loading-summary-item) [data-file] [data-line],\n  :host(.codiff-loading-summary-item) [data-file] [data-column-number] {\n    cursor: progress;\n  }\n\n  :host([data-codiff-definition-mode]) [data-codiff-identifier] {\n    cursor: pointer;\n    text-decoration-color: color-mix(in srgb, currentColor 38%, transparent);\n    text-decoration-line: underline;\n    text-decoration-style: dotted;\n    text-decoration-thickness: 1px;\n    text-underline-offset: 3px;\n  }\n\n  :host([data-codiff-definition-mode]) [data-codiff-identifier]:hover {\n    text-decoration-color: currentColor;\n    text-decoration-style: solid;\n  }\n\n  .codiff-search-mark {\n    background: var(--diffs-find-highlight-bg, rgb(255 216 92 / 0.65));\n    border-radius: 3px;\n    color: inherit;\n    padding: 0 1px;\n  }\n\n  .codiff-search-mark.active {\n    background: var(--diffs-find-active-bg, rgb(255 176 46 / 0.96));\n    box-shadow: 0 0 0 1px rgb(255 142 36 / 0.4);\n  }\n\n  [data-utility-button] {\n    background: color-mix(in srgb, var(--diffs-bg) 88%, var(--diffs-modified-base));\n    border: 1px solid color-mix(in srgb, var(--diffs-modified-base) 34%, transparent);\n    border-radius: 3px;\n    box-shadow: 0 7px 18px -14px rgb(0 0 0 / 0.72);\n    color: var(--diffs-modified-base);\n    height: calc(1lh - 4px);\n    transform: translate(-4px, 2px);\n    width: calc(1lh - 4px);\n  }\n\n  [data-selected-line] [data-gutter-utility-slot] {\n    display: none;\n  }\n\n  /* The imperative API wraps annotations in a node that resets white-space, but\n     the React API slots them in bare, so they inherit \"pre\" from the shadow\n     <pre> and prose never wraps. */\n  [data-annotation-content] slot::slotted(*) {\n    white-space: normal;\n  }\n";

package/dist/lib/files.d.ts

@@ -9,6 +9,15 @@ export declare const fileTreeSort: (left: {
     path: string;
     segments?: ReadonlyArray<string>;
 }) => number;
-export declare const compactPath: (path: string) => string;
+export declare const abbreviateHomePath: (path: string) => string;
+/**
+ * Splits a repository path into a shrinkable head and the repository's own
+ * directory, so the top bar can keep the repository name visible and put the
+ * ellipsis in the middle when the full path overflows.
+ */
+export declare const splitRepositoryPath: (path: string) => {
+    head: string;
+    tail: string;
+};
 export declare const sortFiles: (files: ReadonlyArray<ChangedFile>) => ChangedFile[];
 export declare const fuzzyMatches: (path: string, query: string) => boolean;

package/dist/lib/identifier-navigation.d.ts

@@ -0,0 +1,10 @@
+export type IdentifierAtOffset = {
+    identifier: string;
+    start: number;
+};
+export declare const isNavigableIdentifierToken: (text: string) => boolean;
+export declare const applyIdentifierNavigationState: (renderedItems: ReadonlyArray<{
+    element: HTMLElement;
+}>, active: boolean) => void;
+export declare const getIdentifierAtOffset: (text: string, offset: number) => IdentifierAtOffset | null;
+export declare const getIdentifierFromPointerEvent: (event: PointerEvent, lineElement: HTMLElement) => string | null;

package/dist/lib/keyboard.d.ts

@@ -1,2 +1,3 @@
 export declare const isNativeInputTarget: (target: EventTarget | null) => boolean;
+export declare const isPrimaryModifier: (event: Pick<KeyboardEvent, 'ctrlKey' | 'metaKey'>, platform?: string) => boolean;
 export declare const isDiffSearchShortcut: (event: Pick<KeyboardEvent, 'altKey' | 'ctrlKey' | 'key' | 'metaKey' | 'shiftKey'>, platform?: string) => boolean;