@gitkraken/gitkraken-components 13.0.0-vnext.3 → 13.0.0-vnext.30

package/dist/components/graph/commitzone/GraphAvatar.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { CssVariables, Style } from '../../../domain/generic/GenericTypes';
 import type { GraphItemContext } from '../../../domain/graph/GraphTypes';
 import type { ComponentTooltip } from '../../../domain/ui/UiTypes';

package/dist/components/graph/commitzone/edges/Arc.d.ts

@@ -1,4 +1,4 @@
-import type { CommitType } from '../../../../domain/commit/CommitTypes';
+import type { EdgeCommitType } from '../../../../domain/commit/CommitTypes';
 import type { ArcEndpointAngle, ColumnColor, SvgElement } from '../../../../domain/graph/GraphTypes';
-declare function getArc(color: ColumnColor, endAngle: ArcEndpointAngle, startAngle: ArcEndpointAngle, type: CommitType, x: number, y: number, strokeWidth: number, isCompact?: boolean): SvgElement;
+declare function getArc(color: ColumnColor, endAngle: ArcEndpointAngle, startAngle: ArcEndpointAngle, type: EdgeCommitType, x: number, y: number, strokeWidth: number, isCompact?: boolean): SvgElement;
 export default getArc;

package/dist/components/graph/commitzone/edges/Edges.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { ColumnColorByColumn, GraphZoneModeConstants, RowEdges } from '../../../../domain/graph/GraphTypes';
 type EdgeProps = {
     columnColorByColumn: ColumnColorByColumn;

package/dist/components/graph/commitzone/edges/EndingEdge.d.ts

@@ -1,4 +1,4 @@
-import type { CommitType } from '../../../../domain/commit/CommitTypes';
+import type { EdgeCommitType } from '../../../../domain/commit/CommitTypes';
 import type { ColumnColorByColumn, SvgElement } from '../../../../domain/graph/GraphTypes';
 export declare function clearEndingEdgeCacheCache(): void;
-export declare function getEndingEdge(edgeColumn: number, nodeColumn: number, type: CommitType, columnColorByColumn: ColumnColorByColumn, columnWidth: number, gutterWidth: number, strokeWidth: number, isCompact?: boolean): SvgElement;
+export declare function getEndingEdge(edgeColumn: number, nodeColumn: number, type: EdgeCommitType, columnColorByColumn: ColumnColorByColumn, columnWidth: number, gutterWidth: number, strokeWidth: number, isCompact?: boolean): SvgElement;

package/dist/components/graph/commitzone/edges/PassThroughEdge.d.ts

@@ -1,4 +1,4 @@
-import type { CommitType } from '../../../../domain/commit/CommitTypes';
+import type { EdgeCommitType } from '../../../../domain/commit/CommitTypes';
 import type { ColumnColorByColumn, SvgElement } from '../../../../domain/graph/GraphTypes';
 export declare function clearPassThroughEdgeCache(): void;
-export declare function getPassThroughEdge(column: number, type: CommitType, columnColorByColumn: ColumnColorByColumn, columnWidth: number, gutterWidth: number, strokeWidth: number, isCompact?: boolean): SvgElement;
+export declare function getPassThroughEdge(column: number, type: EdgeCommitType, columnColorByColumn: ColumnColorByColumn, columnWidth: number, gutterWidth: number, strokeWidth: number, isCompact?: boolean): SvgElement;

package/dist/components/graph/commitzone/edges/StartingEdge.d.ts

@@ -1,4 +1,4 @@
-import type { CommitType } from '../../../../domain/commit/CommitTypes';
+import type { EdgeCommitType } from '../../../../domain/commit/CommitTypes';
 import type { ColumnColorByColumn, SvgElement } from '../../../../domain/graph/GraphTypes';
 export declare function clearStartingEdgeCache(): void;
-export declare function getStartingEdge(edgeColumn: number, nodeColumn: number, type: CommitType, columnColorByColumn: ColumnColorByColumn, columnWidth: number, gutterWidth: number, strokeWidth: number, isCompact?: boolean): SvgElement;
+export declare function getStartingEdge(edgeColumn: number, nodeColumn: number, type: EdgeCommitType, columnColorByColumn: ColumnColorByColumn, columnWidth: number, gutterWidth: number, strokeWidth: number, isCompact?: boolean): SvgElement;

package/dist/components/graph/common/DraggableGraphHeader.d.ts

@@ -1,5 +1,5 @@
 import type { MouseEventHandler, ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { GraphZone, GraphZoneType } from '../../../domain/graph/GraphConstants';
 import type { ExcludeRefsById, GetExternalIcon, GraphColumnSetting, GraphItemContext, GraphRefOptData, IncludeOnlyRefsById, OnFilterColumnClick, OnGraphZoneResize, OnGraphZoneResizeEnd, OnGraphZoneResizeFromPropChange, OnGraphZoneResizeStart, OnSettingsClick, OnToggleRefNodesShown } from '../../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../../domain/language/LanguageTypes';

package/dist/components/graph/common/GenericGraphZone.d.ts

@@ -1,9 +1,9 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { CommitType, Sha } from '../../../domain/commit/CommitTypes';
 import type { Style } from '../../../domain/generic/GenericTypes';
 import type { GraphZoneType } from '../../../domain/graph/GraphConstants';
-import type { GetExternalIcon, GraphItemContext, OnClearCurrentlyHoveredGraphCommit, OnClickCommit, OnCommitContextMenu, OnCurrentlyHoveredGraphCommit, OnDoubleClickCommit } from '../../../domain/graph/GraphTypes';
+import type { GetExternalIcon, GraphItemContext, OnClearCurrentlyHoveredGraphCommit, OnClickCommit, OnCommitContextMenu, OnCurrentlyHoveredGraphCommit, OnDoubleClickCommit, ScopeBoundaryKind } from '../../../domain/graph/GraphTypes';
 import type { ChildrenElements } from '../../../domain/ui/UiTypes';
 type Props = {
     clearCurrentlyHoveredGraphCommit: OnClearCurrentlyHoveredGraphCommit;
@@ -15,6 +15,7 @@ type Props = {
     dimRowsOfSelectedCommit?: boolean;
     getExternalIcon: GetExternalIcon;
     graphZoneType: GraphZoneType;
+    hasActive?: boolean;
     hasAvatars?: boolean;
     highlightRowsOnRefHover: boolean;
     isDimmedMergeCommitRow: boolean;
@@ -29,6 +30,7 @@ type Props = {
     onClickCommit: OnClickCommit;
     onDoubleClickCommit: OnDoubleClickCommit;
     rowContext?: GraphItemContext | null;
+    scopeBoundaryKind?: ScopeBoundaryKind;
     setAsCurrentlyHoveredGraphCommit: OnCurrentlyHoveredGraphCommit;
     sha: Sha;
     showColorStrip?: boolean;

package/dist/components/graph/common/ScrollbarContainer.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
-import React from 'react';
+import * as React from 'react';
 export type ScrollParams = {
     clientHeight: number;
     clientWidth: number;

package/dist/components/graph/common/StickyTimeline.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import type { ProcessedGraphRow } from '../../../domain/graph/GraphTypes';
+import type { TranslationFn } from '../../../domain/language/LanguageTypes';
+interface StickyTimelineProps {
+    processedRows: ProcessedGraphRow[];
+    scrollTop: number;
+    translate: TranslationFn;
+}
+export declare function StickyTimeline({ processedRows, scrollTop, translate }: StickyTimelineProps): ReactElement | null;
+export {};

package/dist/components/graph/common/TimelineMessage.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+interface TimelineMessageProps {
+    message: string;
+}
+export declare function TimelineMessage({ message }: TimelineMessageProps): ReactElement;
+export {};

package/dist/components/graph/messagezone/WorkDirMessageInput.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { Sha } from '../../../domain/commit/CommitTypes';
 import type { Style } from '../../../domain/generic/GenericTypes';
 import type { GraphZoneType } from '../../../domain/graph/GraphConstants';

package/dist/components/graph/refzone/CreateRefNode.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { Style } from '../../../domain/generic/GenericTypes';
 import type { FormatRefShorthand, IsRefShorthandValid, OnRefCreate, OnRefCreateCancel, OnRefCreateContextMenu, OnRefShorthandChange } from '../../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../../domain/language/LanguageTypes';

package/dist/components/graph/refzone/RefNode.d.ts

@@ -1,11 +1,12 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { CommitType, Sha } from '../../../domain/commit/CommitTypes';
 import type { GetExternalIcon, GetMissingRefMetadata, GraphItemContext, GraphRef, GraphRefGroup, OnClickRef, OnClickRefMetadata, OnDoubleClickRef, OnDoubleClickRefMetadata, OnHideRefClick, OnRefBeginDrag, OnRefCanDrag, OnRefCanDrop, OnRefDragEnter, OnRefDragLeave, OnRefDrop, OnRefEndDrag, OnRefNodeHovered, OnRefZoneContextMenu, RefMetadataById, RefMetadataItem, RefMetadataType } from '../../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../../domain/language/LanguageTypes';
 import type { RefIconsPosition } from '../../../domain/ref/RefTypes';
 import type { OnClick, OnContextMenu, OnDoubleClick } from '../../../domain/ui/UiTypes';
 export type RefNodeProps = {
+    className?: string;
     enableShowHideRefsOptions: boolean;
     getExternalIcon: GetExternalIcon;
     groupIsHovered: boolean;
@@ -13,7 +14,9 @@ export type RefNodeProps = {
     hasRefs: boolean;
     isActive: boolean;
     isGhostRef: boolean;
+    isHidden?: boolean;
     isInUnsupportedRebase: boolean;
+    isPinned: boolean;
     isRefGroupIncluded: boolean;
     key?: string;
     onClick: OnClickRef;
@@ -30,9 +33,10 @@ export type RefNodeProps = {
     onMissingRefMetadata: GetMissingRefMetadata;
     onHideRefClick: OnHideRefClick;
     refGroup: GraphRefGroup;
-    refGroupContext: GraphItemContext | null;
+    refGroupContext: GraphItemContext | null | undefined;
     refIconsPosition: RefIconsPosition;
-    refMetadata: RefMetadataById | null;
+    refMetadata: RefMetadataById | null | undefined;
+    fallbackRefMetadata?: RefMetadataById | null;
     sha: Sha;
     showRemoteNamesOnRefs: boolean;
     enabledRefMetadataTypes: RefMetadataType[];
@@ -42,11 +46,11 @@ export type RefNodeProps = {
 };
 export declare function getRefIconAndTooltipForRef(getExternalIcon: GetExternalIcon, ref: GraphRef, translate: TranslationFn, index?: number): ReactElement<any>;
 export default class RefNode extends React.PureComponent<RefNodeProps> {
-    getContextForRefGroupIfExists(refGroup: GraphRefGroup, groupContext: GraphItemContext | null, useGroupContext?: boolean): GraphItemContext | undefined;
+    getContextForRefGroupIfExists(refGroup: GraphRefGroup, groupContext: GraphItemContext | null | undefined, useGroupContext?: boolean): GraphItemContext | null | undefined;
     getDecoratedRefIcon(key: string, icon: ReactElement<any>, metadataItem: RefMetadataItem, context?: GraphItemContext, className?: string): ReactElement<any>;
-    getPullRequestIconsAndTooltipsForRef(refMetadata: RefMetadataById | null, ref: GraphRef, existingPullRequestIds: Set<number>): ReactElement<any>[] | null;
-    getUpstreamIndicatorIconsAndTooltipsForRef(refMetadata: RefMetadataById | null, ref: GraphRef): ReactElement<any> | null;
-    getIssueIconsAndTooltipsForRef(refMetadata: RefMetadataById | null, ref: GraphRef, existingIssuesIds: Set<string>): ReactElement<any>[] | null;
+    getPullRequestIconsAndTooltipsForRef(refMetadata: RefMetadataById | null | undefined, ref: GraphRef, existingPullRequestIds: Set<number>): ReactElement<any>[] | null;
+    getUpstreamIndicatorIconsAndTooltipsForRef(refMetadata: RefMetadataById | null | undefined, ref: GraphRef): ReactElement<any> | null;
+    getIssueIconsAndTooltipsForRef(refMetadata: RefMetadataById | null | undefined, ref: GraphRef, existingIssuesIds: Set<string>): ReactElement<any>[] | null;
     onContextMenu: OnContextMenu;
     onClick: OnClick;
     onClickMetadata: OnClickRefMetadata;

package/dist/components/graph/refzone/RefNodeAnnotationTarget.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type Props = React.ComponentProps<'div'> & {
+    className?: string;
+    isRefGhost: boolean;
+    isRefHidden: boolean;
+    isRefActive: boolean;
+    isRefPinned: boolean;
+};
+declare const RefNodeAnnotationTarget: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default RefNodeAnnotationTarget;

package/dist/components/graph/refzone/RefNodes.d.ts

@@ -22,10 +22,12 @@ type RefNodesProps = {
     numGraphColumns: number;
     onClickRef: OnClickRef;
     onMissingRefMetadata: GetMissingRefMetadata;
+    pinnedBranchFullName?: string | null;
     refGroupContexts: RefGroupContexts | null;
     refGroupsByName: RefGroup[];
     refIconsPosition: RefIconsPosition;
-    refMetadata: RefMetadataById | null;
+    refMetadata: RefMetadataById | null | undefined;
+    fallbackRefMetadata?: RefMetadataById | null;
     refNodeHovered: OnRefNodeHovered;
     onToggleRefNodesShown: OnToggleRefNodesShown;
     onRefBeginDrag: OnRefBeginDrag;
@@ -42,5 +44,5 @@ type RefNodesProps = {
     type: CommitType;
     useColumnHeaderIcons: boolean;
 };
-declare function RefNodes({ enabledRefMetadataTypes, column, columnForColoring, context, enableShowHideRefsOptions, targetRef, hasActive, hasRefs, getExternalIcon, includeOnlyRefsById, includeOnlyRemotesByName, isGhostRef, isHovered, isInUnsupportedRebase, numGraphColumns, onMissingRefMetadata, refGroupContexts, refGroupsByName, refIconsPosition, refMetadata, refNodeHovered, sha, showRemoteNamesOnRefs, showContextMenuForGroupedRef, onClickRef, onDoubleClickRef, onToggleRefNodesShown, onRefBeginDrag, onRefCanDrag, onRefCanDrop, onRefDragEnter, onRefDragLeave, onRefDrop, onRefEndDrag, translate, type, useColumnHeaderIcons, }: RefNodesProps): ReactElement<'span' | 'div'>;
+declare function RefNodes({ enabledRefMetadataTypes, column, columnForColoring, context, enableShowHideRefsOptions, targetRef, hasActive, hasRefs, getExternalIcon, includeOnlyRefsById, includeOnlyRemotesByName, isGhostRef, isHovered, isInUnsupportedRebase, numGraphColumns, onMissingRefMetadata, pinnedBranchFullName, refGroupContexts, refGroupsByName, refIconsPosition, refMetadata, fallbackRefMetadata, refNodeHovered, sha, showRemoteNamesOnRefs, showContextMenuForGroupedRef, onClickRef, onDoubleClickRef, onToggleRefNodesShown, onRefBeginDrag, onRefCanDrag, onRefCanDrop, onRefDragEnter, onRefDragLeave, onRefDrop, onRefEndDrag, translate, type, useColumnHeaderIcons, }: RefNodesProps): ReactElement<'span' | 'div'>;
 export default RefNodes;

package/dist/components/graph/refzone/RefZone.d.ts

@@ -2,7 +2,7 @@ import type { ReactElement } from 'react';
 import React from 'react';
 import type { CommitType, Sha } from '../../../domain/commit/CommitTypes';
 import type { Style } from '../../../domain/generic/GenericTypes';
-import type { GetExternalIcon, GetMissingRefMetadata, GraphItemContext, GraphRefGroup, IncludeOnlyRefsById, IncludeOnlyRemotesByName, OnClickRef, OnDoubleClickRef, OnRefBeginDrag, OnRefCanDrag, OnRefCanDrop, OnRefDragEnter, OnRefDragLeave, OnRefDrop, OnRefEndDrag, OnRefNodeHovered, OnRefNodeUnhovered, OnRefZoneContextMenu, OnRefZoneHovered, OnRefZoneUnhovered, OnToggleRefNodesShown, RefGroupContexts, RefMetadataById, RefMetadataType } from '../../../domain/graph/GraphTypes';
+import type { GetExternalIcon, GetMissingRefMetadata, GraphItemContext, GraphRefGroup, IncludeOnlyRefsById, IncludeOnlyRemotesByName, OnClearCurrentlyHoveredGraphCommit, OnClickRef, OnDoubleClickRef, OnRefBeginDrag, OnRefCanDrag, OnRefCanDrop, OnRefDragEnter, OnRefDragLeave, OnRefDrop, OnRefEndDrag, OnRefNodeHovered, OnRefNodeUnhovered, OnRefZoneContextMenu, OnRefZoneHovered, OnRefZoneUnhovered, OnToggleRefNodesShown, RefGroupContexts, RefMetadataById, RefMetadataType, ScopeBoundaryKind } from '../../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../../domain/language/LanguageTypes';
 import type { RefIconsPosition } from '../../../domain/ref/RefTypes';
 type RefZoneDefaultProps = {
@@ -12,6 +12,7 @@ type RefZoneProps = {
     column: number;
     columnForColoring?: number;
     context: GraphItemContext | null;
+    scopeBoundaryKind?: ScopeBoundaryKind;
     enableShowHideRefsOptions: boolean;
     showGhostRefsOnRowHover: boolean;
     getExternalIcon: GetExternalIcon;
@@ -36,10 +37,12 @@ type RefZoneProps = {
     onRefDragLeave: OnRefDragLeave;
     onRefDrop: OnRefDrop;
     onRefEndDrag: OnRefEndDrag;
+    pinnedBranchFullName?: string | null;
     refGroupContexts: RefGroupContexts | null;
     refGroupsByName: GraphRefGroup[];
     refIconsPosition: RefIconsPosition;
-    refMetadata: RefMetadataById | null;
+    refMetadata: RefMetadataById | null | undefined;
+    fallbackRefMetadata?: RefMetadataById | null;
     refNodeHovered: OnRefNodeHovered;
     refNodeUnhovered: OnRefNodeUnhovered;
     refZoneHovered: OnRefZoneHovered;
@@ -55,9 +58,11 @@ type RefZoneProps = {
     type: CommitType;
     useColumnHeaderIcons: boolean;
     width: number;
+    clearCurrentlyHoveredGraphCommit: OnClearCurrentlyHoveredGraphCommit;
+    currentlyHoveredCommitSha: Sha | null;
 };
 export default class RefZone extends React.PureComponent<RefZoneProps> {
-    popoverTargetRef: React.RefObject<HTMLDivElement>;
+    popoverTargetRef: React.RefObject<HTMLDivElement | null>;
     static defaultProps: RefZoneDefaultProps;
     componentDidUpdate(nextProps: RefZoneProps): void;
     onCustomToggleRefNodesShown: OnToggleRefNodesShown;

package/dist/components/graph/rowAdornment/RowAdornmentLayer.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import type { Sha } from '../../../domain/commit/CommitTypes';
+import type { ProcessedGraphRow } from '../../../domain/graph/GraphTypes';
+import type { RowAdornmentProvider } from '../../../domain/graph/rowAdornment/RowAdornmentTypes';
+interface RowAdornmentLayerProps {
+    /** The row adornment provider */
+    provider: RowAdornmentProvider;
+    /** Lazily get currently visible rows - only called when needed */
+    getVisibleRows: () => ProcessedGraphRow[];
+    /** All processed rows for index lookups */
+    allRows: ProcessedGraphRow[];
+    /** Set of selected SHAs */
+    selectedShas: Set<Sha>;
+    /** Currently hovered commit SHA */
+    hoveredSha?: Sha;
+    /** Currently focused commit SHA */
+    focusedSha?: Sha;
+    /** Whether vertical scrollbar is visible (to offset adornments) */
+    hasVerticalScrollbar?: boolean;
+}
+interface RowAdornmentLayerState {
+    /** Trigger re-render when cache changes */
+    cacheVersion: number;
+}
+/**
+ * Manages row adornment state and rendering.
+ * Encapsulates all adornment caching, provide/resolve flows, and overlay rendering.
+ */
+declare class RowAdornmentLayer extends React.Component<RowAdornmentLayerProps, RowAdornmentLayerState> {
+    /** Cached adornment info per SHA */
+    private adornments;
+    /** Tracks pending async resolve calls to cancel stale ones */
+    private pendingResolves;
+    /** Abort controller for canceling in-flight provide calls */
+    private provideAbortController?;
+    /** Counter for generating unique resolve IDs */
+    private resolveIdCounter;
+    state: RowAdornmentLayerState;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: RowAdornmentLayerProps): void;
+    componentWillUnmount(): void;
+    private setupProvider;
+    private teardownProvider;
+    private onInvalidate;
+    private provideForVisibleRows;
+    private applyProvideResults;
+    private evictDistantAdornments;
+    private shouldShowAdornment;
+    private getOrResolveContent;
+    render(): React.ReactNode;
+}
+export default RowAdornmentLayer;

package/dist/components/graph/rowAdornment/RowAdornmentOverlay.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import * as React from 'react';
+import type { Sha } from '../../../domain/commit/CommitTypes';
+interface RowAdornmentOverlayProps {
+    /** The SHA of the row this adornment is for */
+    sha: Sha;
+    /** The content to render */
+    content: ReactNode;
+    /** Whether the row is hovered */
+    isHovered?: boolean;
+    /** Whether the row is selected */
+    isSelected?: boolean;
+}
+/**
+ * Renders a row adornment overlay positioned at the right edge of a row.
+ * Uses CSS anchor positioning to attach to the row element.
+ */
+declare function RowAdornmentOverlay({ sha, content, isHovered, isSelected, }: RowAdornmentOverlayProps): React.ReactElement | null;
+export default RowAdornmentOverlay;

package/dist/components/graph/rowRenderers/CommitMessageZoneRow.d.ts

@@ -2,12 +2,13 @@ import type { GridCellRenderer } from 'react-virtualized';
 import type { GraphCommitDescDisplayMode } from '../../../domain/graph/GraphConstants';
 import type { CommonGraphRowDispatchProps, CommonGraphRowProps, OnCommitMessageChange, OnWipMessageBlur, OnWipMessageFocus } from '../../../domain/graph/GraphTypes';
 import type { GetRealKeyForCellFunc } from '../../../domain/reactvirtualized/ReactVirtualizedHelpers';
-import type { WorkDirStats } from '../../../domain/workdir/WorkDirTypes';
+import type { WipNodeMetadataBySha, WorkDirStats } from '../../../domain/workdir/WorkDirTypes';
 interface StateProps {
     graphCommitDescDisplayMode: GraphCommitDescDisplayMode;
     isCommitting: boolean;
     pendingCommitMessageSummary: string;
     workDirStats?: WorkDirStats;
+    wipNodeMetadataBySha?: WipNodeMetadataBySha;
     wipMessageEditable: boolean;
 }
 interface DispatchProps {

package/dist/components/graph/rowRenderers/CommitZoneRow.d.ts

@@ -1,9 +1,11 @@
 import type { GridCellRenderer } from 'react-virtualized';
 import type { AvatarUrlByEmail, ColumnColorByColumn, CommonGraphRowDispatchProps, CommonGraphRowProps, GetMissingAvatar, GraphZoneModeConstants, NodeOffsetByColumn, NodeOpacityByColumn } from '../../../domain/graph/GraphTypes';
 import type { GetRealKeyForCellFunc } from '../../../domain/reactvirtualized/ReactVirtualizedHelpers';
+import type { WipNodeMetadataBySha } from '../../../domain/workdir/WorkDirTypes';
 interface OwnProps {
     avatarUrlByEmail: AvatarUrlByEmail;
     graphZoneModeConstants: GraphZoneModeConstants;
+    wipNodeMetadataBySha?: WipNodeMetadataBySha;
     height: number;
     onMissingAvatar: GetMissingAvatar;
     columnColorByColumn: ColumnColorByColumn;

package/dist/components/graph/rowRenderers/CommitsInfoRow.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { Style } from '../../../domain/generic/GenericTypes';
 import type { GraphZoneType } from '../../../domain/graph/GraphConstants';
 import type { GetExternalIcon } from '../../../domain/graph/GraphTypes';

package/dist/components/graph/rowRenderers/RefZoneRow.d.ts

@@ -15,8 +15,10 @@ interface StateProps {
     isInUnsupportedRebase: boolean;
     isRefShorthandValid: IsRefShorthandValid;
     hoveredRefZoneSha?: Sha;
+    pinnedBranchFullName?: string | null;
     refIconsPosition: RefIconsPosition;
     refMetadataById?: RefMetadataById | null;
+    fallbackRefMetadataById?: RefMetadataById | null;
     shouldShowRefLine: boolean;
 }
 interface DispatchProps {

package/dist/components/graph/shared/Avatar.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactElement, ReactNode } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { GraphItemContext } from '../../../domain/graph/GraphTypes';
 type DataURLBase64 = string;
 type Props = {

package/dist/components/graph/shared/FileDiffTypeIcon.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { Style } from '../../../domain/generic/GenericTypes';
 import type { GetExternalIcon } from '../../../domain/graph/GraphTypes';
 import type { TranslationFn } from '../../../domain/language/LanguageTypes';
@@ -8,6 +8,7 @@ type Props = {
     fileDiffType: string;
     getExternalIcon: GetExternalIcon;
     translate: TranslationFn;
+    noMargin?: boolean;
 };
 declare class FileDiffTypeIcon extends React.Component<Props> {
     render(): ReactElement<'span'> | null;

package/dist/components/graph/shared/WipStatsPill.d.ts

@@ -0,0 +1,11 @@
+import type { ReactElement } from 'react';
+import type { GetExternalIcon } from '../../../domain/graph/GraphTypes';
+import type { TranslationFn } from '../../../domain/language/LanguageTypes';
+import type { WorkDirStats } from '../../../domain/workdir/WorkDirTypes';
+type Props = {
+    workDirStats: WorkDirStats;
+    getExternalIcon: GetExternalIcon;
+    translate: TranslationFn;
+};
+declare function WipStatsPill({ workDirStats, getExternalIcon, translate }: Props): ReactElement<'span'> | null;
+export default WipStatsPill;

package/dist/components/resizable/Resizable.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="node" />
 import type { HandleStyles, ResizeCallback, ResizeStartCallback } from 're-resizable';
 import type { ReactElement, ReactNode } from 'react';
-import React from 'react';
+import * as React from 'react';
 import type { Style } from '../../domain/generic/GenericTypes';
 import type { TranslationFn } from '../../domain/language/LanguageTypes';
-import type { OnResize, OnResizeEnd, OnResizeFromPropChange, OnResizeStart, OnWheel } from '../../domain/ui/UiTypes';
+import type { OnResize, OnResizeEnd, OnResizeFromPropChange, OnResizeStart } from '../../domain/ui/UiTypes';
 declare const resizableEdges: {
     bottom: string;
     left: string;
@@ -61,19 +60,15 @@ interface State extends Dimensions {
     initialWidth: number;
     resizing: boolean;
     vertical: boolean;
-    isMouseWheeling: boolean;
 }
 export default class Resizable extends React.PureComponent<Props, State> {
     static defaultProps: DefaultProps;
-    onWheelTimeOut?: NodeJS.Timeout;
-    isMouseWheeling: boolean;
     constructor(props: Props);
     static getDerivedStateFromProps(props: Props, state: State): State;
     componentDidUpdate(nextProps: Props): void;
     _onResize: ResizeCallback;
     _onResizeStart: ResizeStartCallback;
     _onResizeEnd: ResizeCallback;
-    _onWheel: OnWheel;
     render(): ReactElement<'div'>;
 }
 export {};

package/dist/domain/commit/CommitHelpers.d.ts

@@ -1,5 +1,5 @@
-import type { Author, CommitType, Sha, ShortSha } from './CommitTypes';
-export declare const hasPendingChanges: (type: CommitType) => boolean;
+import type { Author, EdgeCommitType, Sha, ShortSha } from './CommitTypes';
+export declare const hasPendingChanges: (type: EdgeCommitType) => boolean;
 export declare const getShortSha: (sha?: Sha | null, shaLength?: number) => ShortSha;
 export declare function getCommitMessageDescription(commitMessage: string, lineEnding?: string): string;
 export declare function getCommitMessageCoauthors(commitMessageDescription: string): Author[];

package/dist/domain/commit/CommitTypes.d.ts

@@ -3,6 +3,7 @@ export type Sha = string;
 export type ShortSha = string;
 export type WorkDirType = typeof mergeConflictNodeType | typeof unsupportedRebaseWarningNodeType | typeof workDirType;
 export type CommitType = typeof commitNodeType | typeof mergeNodeType | typeof stashNodeType | WorkDirType;
+export type EdgeCommitType = CommitType | 'synthetic-edge';
 export type Author = {
     name: string;
     email: string;

package/dist/domain/edge/EdgeHelpers.d.ts

@@ -1,10 +1,10 @@
-import type { CommitType } from '../commit/CommitTypes';
+import type { EdgeCommitType } from '../commit/CommitTypes';
 import type { ColumnColor, LineSvgProps, RowEdges, SvgElement, SvgElementName, SvgProps, SvgStyles } from '../graph/GraphTypes';
 export declare function getXValueAtColumn(column: number, columnWidth: number, gutterWidth: number, isCompact?: boolean): number;
 export declare function clearXValueAtColumnCache(): void;
 export declare function getSvgElement(element: SvgElementName, props: SvgProps): SvgElement;
 export declare function getLineElement(props: LineSvgProps): SvgElement;
-export declare function getSvgStyles(type: CommitType, color: ColumnColor, strokeWidth: number, isCompact?: boolean): SvgStyles;
-export declare function buildStartingOrEndingEdgeHash(edgeColumn: number, nodeColumn: number, type: CommitType | undefined, isCompact?: boolean): string;
-export declare function buildPassThroughEdgeHash(column: number, type: CommitType | undefined, isCompact?: boolean): string;
+export declare function getSvgStyles(type: EdgeCommitType, color: ColumnColor, strokeWidth: number, isCompact?: boolean): SvgStyles;
+export declare function buildStartingOrEndingEdgeHash(edgeColumn: number, nodeColumn: number, type: EdgeCommitType | undefined, isCompact?: boolean): string;
+export declare function buildPassThroughEdgeHash(column: number, type: EdgeCommitType | undefined, isCompact?: boolean): string;
 export declare function buildEdgeHash(edges: RowEdges, edgeColumnMax: number, nodeColumn: number, isCompact?: boolean): string;

package/dist/domain/generic/GenericTypes.d.ts

@@ -15,9 +15,15 @@ export type GitRemoteUrl = GitHttpsUrl | GitSshUrl;
 export type Platform = 'darwin' | 'linux' | 'win32';
 export declare enum NamedKeys {
     arrowDownKey = "ArrowDown",
+    arrowLeftKey = "ArrowLeft",
+    arrowRightKey = "ArrowRight",
     arrowUpKey = "ArrowUp",
     controlKey = "Control",
+    endKey = "End",
+    homeKey = "Home",
     metaKey = "Meta",
+    pageDownKey = "PageDown",
+    pageUpKey = "PageUp",
     shiftKey = "Shift"
 }
 export type MapWithCacheQueue<T, U> = {

package/dist/domain/graph/GraphConstants.d.ts

@@ -31,6 +31,8 @@ export declare const REF_ZONE_MARGIN_LEFT = 2;
 export declare const REF_ZONE_MARGIN_RIGHT = 6;
 export declare const REF_NODE_ICON_WIDTH = 14;
 export declare const REF_NODE_ICON_MARGIN = 5;
+export declare const REF_NODE_ACTIVE_ANNOTATION_ID = "gk-graph-ref-active";
+export declare const REF_NODE_PINNED_ANNOTATION_ID = "gk-graph-ref-pinned";
 export declare const REF_NODE_ICON_SPACING: number;
 export declare const REF_NODE_OUTER_SPACING = 10;
 export declare const REF_ZONE_SHOW_ICON_WIDTH = 55;
@@ -70,12 +72,26 @@ export declare const commitAuthorZone: CommitAuthorZoneType;
 export declare const commitDateTimeZone: CommitDateTimeZoneType;
 export declare const commitShaZone: CommitShaZoneType;
 export declare const changesZone: ChangesZoneType;
+/**
+ * A sentinel key used as a key in objects to indicate "empty set" state
+ * This distinguishes between:
+ * - `{}` (empty object) - no filtering applied or null/undefined
+ * - `{ [emptySetMarker]: true }` - filtering applied but yielded no results
+ *
+ * Example usage:
+ * ```typescript
+ * const highlightedShas = searchResults.count === 0
+ *   ? { [emptySetMarker]: true }  // No results found
+ *   : searchResults.ids;        // Results found
+ * ```
+ */
+export declare const emptySetMarker = "gk.empty-set-marker";
 export declare enum GraphColumnMode {
     Compact = "compact",
     Rich = "rich",
     Text = "text"
 }
-export type GraphMarkerType = 'head' | 'highlights' | 'localBranches' | 'pullRequests' | 'remoteBranches' | 'selection' | 'stashes' | 'tags' | 'upstream';
+export type GraphMarkerType = 'head' | 'highlights' | 'localBranches' | 'pullRequests' | 'remoteBranches' | 'selection' | 'stashes' | 'tags' | 'upstream' | 'wip';
 export declare enum GraphMarkerShape {
     Block = "block",
     FullLine = "fullLine",
@@ -154,5 +170,5 @@ export declare enum graphCommitDescDisplayModes {
     NEVER = "NEVER"
 }
 export type GraphCommitDescDisplayMode = graphCommitDescDisplayModes.ALWAYS | graphCommitDescDisplayModes.ON_HOVER | graphCommitDescDisplayModes.NEVER;
-export type ShiftSelectMode = 'simple';
+export type ShiftSelectMode = 'simple' | 'topological';
 export type GraphSearchMode = 'normal' | 'filter';

package/dist/domain/graph/GraphEdgeHelpers.d.ts

@@ -0,0 +1,34 @@
+import type { Sha } from '../commit/CommitTypes';
+import type { EdgeByColumn, ProcessedGraphRow, RowEdges } from './GraphTypes';
+/**
+ * Derives the ending/passThrough edges that the current row inherits from the previous row's
+ * edge state. For each column the previous row occupied, the inherited edge is either:
+ *  - an ending, if its parentSha matches the current row's sha
+ *  - a passThrough, otherwise
+ *
+ * Between a concurrent passThrough and starting in the same column (which can happen when a
+ * chain above passes through a row that also starts a new edge in the same lane), we prefer
+ * the non-pending (real commit/merge) edge so that a WIP/synthetic edge doesn't shadow a
+ * real commit chain mid-flight. The bare fallback still carries pending edges forward when
+ * that's the only thing available.
+ */
+export declare function getEndingAndPassThroughEdgesByColumnFromPrevRow(currentSha: Sha, prevRowEdges: RowEdges): RowEdges;
+/**
+ * Builds the set of starting edges for a row — one per parent it points to. Edges for rows
+ * in `syntheticEdgeChildShas` are tagged `synthetic-edge` so the renderer draws them wavy.
+ *
+ * `columnBySha` maps already-processed shas to their assigned column. This is used for the
+ * non-first parents of a row (which reserve lanes beside the row's own column). The first
+ * parent lives on the current row's own column.
+ */
+export declare function getStartingEdgesByColumn(currentRow: ProcessedGraphRow, columnBySha: (sha: Sha) => number | undefined, syntheticEdgeChildShas: Set<Sha>): EdgeByColumn;
+/**
+ * Composes the full edge state for a row: inherited ending/passThrough edges from the prev
+ * row merged with this row's own starting edges.
+ */
+export declare function getFinalEdgeStateForGraphAndRow(currentRow: ProcessedGraphRow, prevRowEdges: RowEdges, columnBySha: (sha: Sha) => number | undefined, syntheticEdgeChildShas: Set<Sha>): RowEdges;
+/**
+ * Returns the highest column index present in an edges map. Edges render from column 0 up
+ * to (inclusive) this value, so the caller uses it as a loop bound when emitting SVG.
+ */
+export declare function getEdgeColumnMax(edges: RowEdges | undefined | null): number;