windmill-components 1.623.1 → 1.642.0

package/package/components/raw_apps/RawAppEditorHeader.svelte

@@ -2,8 +2,10 @@
 import Button from '../common/button/Button.svelte';
 import UndoRedo from '../common/button/UndoRedo.svelte';
 import { AppService, DraftService } from '../../gen';
-import { enterpriseLicense, userStore, workspaceStore } from '../../stores';
-import { Bug, DiffIcon, FileJson, FileUp, History, MoreVertical, Pen, Save, WandSparkles } from 'lucide-svelte';
+import { rawAppToHubUrl } from '../../hub';
+import { enterpriseLicense, hubBaseUrlStore, userStore, workspaceStore } from '../../stores';
+import YAML from 'yaml';
+import { Bug, DiffIcon, Download, EllipsisVertical, FileJson, Globe, History, Pen, Save, WandSparkles } from 'lucide-svelte';
 import { createEventDispatcher } from 'svelte';
 import { cleanValueProperties, orderedJsonStringify, replaceFalseWithUndefined, defaultIfEmptyString } from '../../utils';
 // import {  allItems, toStatic } from '../apps/editor/settingsPanel/utils'
@@ -39,7 +41,36 @@ let appExport = $state();
 let draftDrawerOpen = $state(false);
 let saveDrawerOpen = $state(false);
 let historyBrowserDrawerOpen = $state(false);
+let publishToHubDrawerOpen = $state(false);
+let publishingToHub = $state(false);
 let deploymentMsg = $state(undefined);
+async function publishToHub() {
+    if (!app)
+        return;
+    publishingToHub = true;
+    try {
+        const { default: JSZip } = await import('jszip');
+        const { js, css } = await getBundle();
+        const zip = new JSZip();
+        zip.file('app.yaml', YAML.stringify(app));
+        zip.file('bundle.js', js);
+        zip.file('bundle.css', css);
+        const blob = await zip.generateAsync({ type: 'blob' });
+        // Download the zip
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `${(appPath || 'raw-app').replaceAll('/', '__')}.zip`;
+        a.click();
+        setTimeout(() => URL.revokeObjectURL(url), 100);
+        // Open hub page
+        const hubUrl = rawAppToHubUrl($hubBaseUrlStore, summary || appPath.split('/').pop()?.replace('_', ' ') || 'my raw app');
+        window.open(hubUrl.toString(), '_blank');
+    }
+    finally {
+        publishingToHub = false;
+    }
+}
 function closeSaveDrawer() {
     saveDrawerOpen = false;
 }
@@ -54,6 +85,9 @@ async function createApp(path) {
         sendUserToast(`App hasn't been loaded yet`, true);
         return;
     }
+    if (!policy.execution_mode) {
+        policy.execution_mode = 'publisher';
+    }
     await computeTriggerables();
     try {
         const { js, css } = await getBundle();
@@ -152,6 +186,9 @@ async function updateApp(npath) {
     }
     const { js, css } = await getBundle();
     await computeTriggerables();
+    if (!policy.execution_mode) {
+        policy.execution_mode = 'publisher';
+    }
     await AppService.updateAppRaw({
         workspace: $workspaceStore,
         path: appPath,
@@ -412,11 +449,10 @@ let moreItems = [
         }
     },
     {
-        displayName: 'Hub compatible JSON',
-        icon: FileUp,
+        displayName: 'Publish to Hub',
+        icon: Globe,
         action: () => {
-            sendUserToast('todo');
-            // appExport.open(toStatic(app, $staticExporter, summary).app)
+            publishToHubDrawerOpen = true;
         }
     },
     {
@@ -493,19 +529,26 @@ $effect(() => {
 						startIcon={{ icon: Save }}
 						disabled={pathError != '' || app == undefined}
 						on:click={() => saveInitialDraft()}
+						unifiedSize="md"
+						variant="accent"
 					>
 						Save initial draft
 					</Button>
 				</div>
 			{/snippet}
-			<AppEditorHeaderDeployInitialDraft {summary} {appPath} bind:pathError bind:newEditedPath />
+			<AppEditorHeaderDeployInitialDraft
+				bind:summary
+				bind:appPath
+				bind:pathError
+				bind:newEditedPath
+			/>
 		</DrawerContent>
 	</Drawer>
 {/if}
 <Drawer bind:open={saveDrawerOpen} size="800px">
 	<DrawerContent title="Deploy" on:close={() => closeSaveDrawer()}>
 		{#snippet actions()}
-			<div class="flex flex-row gap-4">
+			<div class="flex flex-row gap-2">
 				<Button
 					variant="default"
 					disabled={!savedApp || savedApp.draft_only}
@@ -548,6 +591,8 @@ $effect(() => {
 					</div>
 				</Button>
 				<Button
+					variant="accent"
+					unifiedSize="md"
 					startIcon={{ icon: Save }}
 					disabled={pathError != '' || customPathError != '' || app == undefined}
 					on:click={() => {
@@ -570,13 +615,12 @@ $effect(() => {
 			{appPath}
 			{onLatest}
 			{savedApp}
-			{summary}
+			bind:summary
 			bind:customPath
 			bind:deploymentMsg
 			bind:customPathError
 			bind:pathError
 			bind:newEditedPath
-			hideSecretUrl={true}
 		/>
 	</DrawerContent>
 </Drawer>
@@ -587,6 +631,42 @@ $effect(() => {
 	</DrawerContent>
 </Drawer>
 
+<Drawer bind:open={publishToHubDrawerOpen} size="600px">
+	<DrawerContent title="Publish to Hub" on:close={() => (publishToHubDrawerOpen = false)}>
+		{#snippet actions()}
+			<Button
+				loading={publishingToHub}
+				disabled={!app}
+				on:click={publishToHub}
+				variant="accent"
+				startIcon={{ icon: Download }}
+			>
+				Download & open hub
+			</Button>
+		{/snippet}
+		<div class="flex flex-col gap-4">
+			<p class="text-secondary text-sm">
+				This will download a zip file containing your raw app bundle and open the Windmill Hub
+				submission page.
+			</p>
+			<div class="text-sm">
+				<p class="font-semibold mb-2">The zip file will contain:</p>
+				<ul class="list-disc list-inside text-secondary space-y-1">
+					<li
+						><code class="text-xs bg-surface-secondary px-1 rounded">app.yaml</code> - App configuration</li
+					>
+					<li
+						><code class="text-xs bg-surface-secondary px-1 rounded">bundle.js</code> - JavaScript bundle</li
+					>
+					<li
+						><code class="text-xs bg-surface-secondary px-1 rounded">bundle.css</code> - CSS styles</li
+					>
+				</ul>
+			</div>
+		</div>
+	</DrawerContent>
+</Drawer>
+
 <AppJobsDrawer
 	bind:open={jobsDrawerOpen}
 	on:clear={() => {
@@ -602,7 +682,7 @@ $effect(() => {
 />
 
 <div
-	class="border-b flex flex-row justify-between py-1 gap-2 gap-y-2 px-2 items-center overflow-y-visible overflow-x-auto min-h-10"
+	class="border-b flex flex-row justify-between py-1 gap-2 gap-y-2 px-2 items-center overflow-y-visible overflow-x-auto min-h-10 shrink-0"
 >
 	<div class="flex flex-row gap-2 items-center">
 		<Summary bind:value={summary} />
@@ -654,11 +734,13 @@ $effect(() => {
 	<div class="flex flex-row gap-2 justify-end items-center overflow-visible">
 		<DropdownV2 items={moreItems} class="h-auto">
 			{#snippet buttonReplacement()}
-				<Button nonCaptureEvent size="xs" color="light">
-					<div class="flex flex-row items-center">
-						<MoreVertical size={14} />
-					</div>
-				</Button>
+				<Button
+					nonCaptureEvent
+					unifiedSize="md"
+					variant="subtle"
+					startIcon={{ icon: EllipsisVertical }}
+					iconOnly
+				></Button>
 			{/snippet}
 		</DropdownV2>
 
@@ -668,8 +750,8 @@ $effect(() => {
 					jobsDrawerOpen = true
 				}}
 				color="light"
-				size="xs"
-				variant="border"
+				unifiedSize="md"
+				variant="default"
 				btnClasses="relative"
 			>
 				<div class="flex flex-row gap-1 items-center">
@@ -684,8 +766,7 @@ $effect(() => {
 		</div>
 		<AppExportButton bind:this={appExport} />
 		<Button
-			unifiedSized="sm"
-			color="light"
+			unifiedSize="md"
 			variant="default"
 			onClick={() => aiChatManager.toggleOpen()}
 			startIcon={{ icon: WandSparkles }}
@@ -698,7 +779,8 @@ $effect(() => {
 			loading={loading.save}
 			startIcon={{ icon: Save }}
 			on:click={() => saveDraft()}
-			size="xs"
+			unifiedSize="md"
+			variant="default"
 			disabled={!newApp && !savedApp}
 			shortCut={{ key: 'S' }}
 		>
@@ -708,7 +790,8 @@ $effect(() => {
 			loading={loading.save}
 			startIcon={{ icon: Save }}
 			on:click={save}
-			size="xs"
+			unifiedSize="md"
+			variant="accent"
 			dropdownItems={appPath != ''
 				? () => [
 						{

package/package/components/raw_apps/RawAppEditorHeader.svelte.d.ts

@@ -51,6 +51,6 @@ declare const RawAppEditorHeader: $$__sveltets_2_IsomorphicComponent<Props, {
     restore: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "summary" | "jobs" | "version" | "policy" | "jobsById" | "savedApp">;
+}, {}, {}, "summary" | "version" | "jobs" | "policy" | "jobsById" | "savedApp">;
 type RawAppEditorHeader = InstanceType<typeof RawAppEditorHeader>;
 export default RawAppEditorHeader;

package/package/components/raw_apps/RawAppHistoryList.svelte

@@ -1,6 +1,12 @@
-<script lang="ts">import { classNames, displayDate } from '../../utils';
-import { GitBranch } from 'lucide-svelte';
-let { entries, branches, selectedId, onSelect } = $props();
+<script lang="ts">import { displayDate } from '../../utils';
+import { Circle, CircleDot, CircleDotDashed, CircleDashed } from 'lucide-svelte';
+import { twMerge } from 'tailwind-merge';
+let { entries, branches, selectedId, onSelect, onSelectCurrent } = $props();
+// Constants for layout
+const LINE_X = 8; // X position of main timeline line (center of dots)
+const BRANCH_OFFSET_X = 45; // How far branches are offset horizontally
+const ENTRY_HEIGHT = 28; // Height of each entry
+const CURRENT_HEIGHT = 32; // Height of current state button
 // Build a map of fork points to their branches for rendering
 const branchesByForkPoint = $derived(branches.reduce((acc, branch) => {
     if (!acc[branch.forkPointId]) {
@@ -9,98 +15,276 @@ const branchesByForkPoint = $derived(branches.reduce((acc, branch) => {
     acc[branch.forkPointId].push(branch);
     return acc;
 }, {}));
-// Entries in reverse order (newest first)
+// Entries in reverse order (newest first) for display
 const reversedEntries = $derived(entries.slice().reverse());
+// Calculate positions for rendering
+const entryPositions = $derived.by(() => {
+    const positions = {};
+    let currentY = CURRENT_HEIGHT + 12; // Start below current button
+    reversedEntries.forEach((entry, index) => {
+        // For each entry, calculate space needed for branches above it
+        const entryBranches = branchesByForkPoint[entry.id] ?? [];
+        const branchSpaceAbove = entryBranches.reduce((total, branch) => {
+            return total + branch.entries.length * ENTRY_HEIGHT;
+        }, 0);
+        // Add space for branches above this entry
+        currentY += branchSpaceAbove;
+        // Position this entry
+        positions[entry.id] = { x: LINE_X, y: currentY, index };
+        // Move to next entry position
+        currentY += ENTRY_HEIGHT;
+    });
+    return positions;
+});
+// Calculate total height needed for the container
+const totalHeight = $derived.by(() => {
+    const mainTimelineMaxY = Object.values(entryPositions).reduce((max, pos) => Math.max(max, pos.y), 0);
+    const branchMaxY = Object.values(branchPositions)
+        .flatMap((groups) => Object.values(groups).flatMap((nodes) => nodes.map((node) => node.y)))
+        .reduce((max, y) => Math.max(max, y), 0);
+    return Math.max(mainTimelineMaxY, branchMaxY, 150) + 20; // Add padding at bottom
+});
+// Calculate branch positions
+const branchPositions = $derived.by(() => {
+    const positions = {};
+    Object.entries(branchesByForkPoint).forEach(([forkPointId, forkBranches]) => {
+        const forkPoint = entryPositions[Number(forkPointId)];
+        if (!forkPoint)
+            return;
+        positions[Number(forkPointId)] = {};
+        forkBranches.forEach((branch) => {
+            positions[Number(forkPointId)][branch.id] = [];
+            // Branch flows from fork point upward (toward newer/current)
+            // Start just above the fork point and continue upward
+            // Oldest branch entry is closest to fork point, newest is furthest
+            let currentY = forkPoint.y - ENTRY_HEIGHT;
+            branch.entries.forEach((entry) => {
+                positions[Number(forkPointId)][branch.id].push({
+                    id: entry.id,
+                    x: LINE_X + BRANCH_OFFSET_X,
+                    y: currentY
+                });
+                currentY -= ENTRY_HEIGHT; // Move upward (decreasing Y)
+            });
+        });
+    });
+    return positions;
+});
+// Helper to create SVG path for branch connection
+function createBranchPath(startX, startY, endX, endY) {
+    // Control points are vertically offset to create vertical tangents
+    const controlOffset = Math.abs(startY - endY) * 0.85; // 85% of vertical distance for very intense curve
+    // Both tangents point upward (toward smaller Y values)
+    // Start control point: above the start point
+    // End control point: above the end point (since endY < startY, we add to go further up)
+    return `M ${startX} ${startY} C ${startX} ${startY - controlOffset}, ${endX} ${endY + controlOffset}, ${endX} ${endY}`;
+}
 </script>
 
+{#snippet timelineButton(
+	label: string,
+	timestamp: string | null,
+	isSelected: boolean,
+	onClick: () => void,
+	position: { x: number; y: number },
+	type: 'current' | 'main' | 'branch' = 'main'
+)}
+	{@const colors = {
+		current: {
+			selected: 'text-accent',
+			default: 'text-primary',
+			textSelected: 'text-accent',
+			bgSelected: 'bg-surface-accent-selected'
+		},
+		main: {
+			selected: 'text-accent',
+			default: 'text-primary',
+			textSelected: 'text-accent',
+			bgSelected: 'bg-surface-accent-selected'
+		},
+		branch: {
+			selected: 'text-amber-500 dark:text-amber-400',
+			default: 'text-secondary',
+			textSelected: 'text-amber-600 dark:text-amber-400',
+			bgSelected: 'bg-amber-50 dark:bg-amber-900/20'
+		}
+	}}
+	{@const color = colors[type]}
+
+	<button
+		onclick={onClick}
+		aria-label={timestamp ? `Snapshot from ${displayDate(timestamp, true, false)}` : label}
+		aria-current={isSelected ? 'true' : 'false'}
+		class={'absolute flex items-center gap-1 transition-all duration-200 animate-fadeIn'}
+		style="left: {position.x - 6}px; top: {position.y - 6}px;"
+	>
+		{#if isSelected}
+			{#if type === 'current'}
+				<CircleDotDashed size={12} class="bg-surface {color.selected}" />
+			{:else}
+				<CircleDot size={12} class="bg-surface {color.selected}" />
+			{/if}
+		{:else if type === 'current'}
+			<CircleDashed size={12} class="bg-surface {color.default}" />
+		{:else}
+			<Circle size={12} class="bg-surface {color.default}" />
+		{/if}
+		<span
+			class={twMerge(
+				'text-2xs truncate px-2 py-1 rounded-md',
+				type === 'current' ? 'font-semibold text-emphasis' : 'font-normal',
+				isSelected ? color.textSelected : 'text-tertiary',
+				isSelected ? color.bgSelected : 'hover:bg-surface-hover'
+			)}
+		>
+			{timestamp ? displayDate(timestamp, true, false) : label}
+		</span>
+	</button>
+{/snippet}
+
 {#if entries.length === 0}
 	<div class="text-tertiary py-2 text-center text-2xs">
 		No snapshots yet. Auto-saved every 5 min.
 	</div>
 {:else}
-	<div class="relative w-full">
-		<!-- Timeline line -->
-		<div class="absolute left-[0.95rem] top-2 bottom-2 w-px bg-gray-200 dark:bg-gray-700"></div>
+	<div
+		class="relative w-full"
+		style="height: {totalHeight}px; transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);"
+		role="list"
+		aria-label="History timeline"
+	>
+		<!-- SVG for lines and connections -->
+		<svg class="absolute inset-0 pointer-events-none" style="width: 100%; height: 100%;">
+			<!-- Always show the main line if there are entries -->
+			{#if reversedEntries.length > 0}
+				{@const mainTimelineMaxY = Math.max(...Object.values(entryPositions).map((pos) => pos.y))}
+				{@const branchMaxY = Object.values(branchPositions)
+					.flatMap((groups) =>
+						Object.values(groups).flatMap((nodes) => nodes.map((node) => node.y))
+					)
+					.reduce((max, y) => Math.max(max, y), 0)}
+				{@const maxY = Math.max(mainTimelineMaxY, branchMaxY)}
+				<line
+					x1={LINE_X}
+					y1={8}
+					x2={LINE_X}
+					y2={maxY + 8}
+					stroke="currentColor"
+					stroke-width="1"
+					opacity="1"
+					class="text-primary"
+					style="transition: y2 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+				/>
+			{/if}
 
-		{#each reversedEntries as entry, i (entry.id)}
-			{@const isSelected = selectedId === entry.id}
-			{@const isFirst = i === 0}
-			{@const entryBranches = branchesByForkPoint[entry.id] ?? []}
+			<!-- Branch connection lines -->
+			{#each Object.entries(branchPositions) as [forkPointId, branchGroups] (forkPointId)}
+				{@const forkPoint = entryPositions[Number(forkPointId)]}
+				{#if forkPoint}
+					{#each Object.entries(branchGroups) as [branchId, branchNodes] (branchId)}
+						{#if branchNodes.length > 0}
+							<!-- Connection from fork point to first branch entry -->
+							<path
+								d={createBranchPath(forkPoint.x, forkPoint.y, branchNodes[0].x, branchNodes[0].y)}
+								stroke="currentColor"
+								stroke-width="1.5"
+								fill="none"
+								stroke-dasharray="4 2"
+								opacity="0.6"
+								class="text-secondary transition-all duration-300"
+							/>
 
-			<!-- Render branches ABOVE their fork point (newest first within branch) -->
-			{#each entryBranches as branch (branch.id)}
-				<div
-					class="ml-4 relative border-l border-dashed border-gray-300 dark:border-gray-600 pl-2 my-1"
-				>
-					<div class="absolute left-3 bottom-2 text-tertiary">
-						<GitBranch size={10} />
-					</div>
-					<!-- Branch entries in reverse order (newest first) -->
-					{#each branch.entries.slice().reverse() as branchEntry (branchEntry.id)}
-						{@const isBranchSelected = selectedId === branchEntry.id}
-						<button
-							onclick={() => onSelect(branchEntry.id)}
-							class={classNames(
-								'relative flex items-center gap-2 py-1 pr-1 pl-2 w-full text-left rounded transition-colors',
-								'hover:bg-surface-hover',
-								isBranchSelected ? 'bg-amber-50 dark:bg-amber-900/20' : ''
-							)}
-						>
-							<!-- Branch dot -->
-							<div
-								class={classNames(
-									'w-1 h-1 rounded-full',
-									isBranchSelected
-										? 'bg-amber-500 dark:bg-amber-400'
-										: 'bg-gray-300 dark:bg-gray-600'
-								)}
-							></div>
-							<span
-								class={classNames(
-									'text-2xs truncate',
-									isBranchSelected
-										? 'text-amber-600 dark:text-amber-400 font-medium'
-										: 'text-tertiary'
-								)}
-							>
-								{displayDate(branchEntry.timestamp.toISOString(), true, false)}
-							</span>
-						</button>
+							<!-- Vertical line connecting branch entries within this branch -->
+							{#if branchNodes.length > 1}
+								{@const firstNode = branchNodes[0]}
+								{@const lastNode = branchNodes[branchNodes.length - 1]}
+								<line
+									x1={firstNode.x}
+									y1={firstNode.y}
+									x2={lastNode.x}
+									y2={lastNode.y}
+									stroke="currentColor"
+									stroke-width="1.5"
+									stroke-dasharray="4 2"
+									opacity="0.6"
+									class="text-secondary"
+									style="transition: y1 0.3s cubic-bezier(0.4, 0, 0.2, 1), y2 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+								/>
+							{/if}
+						{/if}
 					{/each}
-				</div>
+				{/if}
 			{/each}
+		</svg>
 
-			<!-- Main timeline entry -->
-			<button
-				onclick={() => onSelect(entry.id)}
-				class={classNames(
-					'relative flex items-center gap-2 py-1 pr-1 pl-3 w-full text-left rounded transition-colors',
-					'hover:bg-surface-hover',
-					isSelected ? 'bg-blue-50 dark:bg-blue-900/20' : ''
-				)}
-			>
-				<!-- Timeline dot -->
-				<div
-					class={classNames(
-						'absolute left-0 w-1.5 h-1.5 rounded-full border-[1.5px] bg-surface',
-						isSelected
-							? 'border-blue-500 dark:border-blue-400'
-							: 'border-gray-300 dark:border-gray-600'
-					)}
-				></div>
+		<!-- Interactive elements -->
+		<div class="relative">
+			<!-- Current Working State -->
+			{@render timelineButton(
+				'Current',
+				null,
+				selectedId === undefined,
+				() => onSelectCurrent?.(),
+				{ x: LINE_X, y: 6 },
+				'current'
+			)}
+
+			<!-- Main timeline entries -->
+			{#each reversedEntries as entry (entry.id)}
+				{@const pos = entryPositions[entry.id]}
+				{@const isSelected = selectedId === entry.id}
+				{@const entryBranches = branchesByForkPoint[entry.id] ?? []}
 
-				<span
-					class={classNames(
-						'text-2xs truncate',
-						isSelected ? 'text-blue-600 dark:text-blue-400 font-medium' : 'text-secondary'
+				{#if pos}
+					<!-- Main entry button -->
+					{@render timelineButton(
+						'',
+						entry.timestamp.toISOString(),
+						isSelected,
+						() => onSelect(entry.id),
+						pos,
+						'main'
 					)}
-				>
-					{#if isFirst && !isSelected}
-						<span class="text-tertiary">Latest · </span>
+
+					<!-- Branch entries -->
+					{#if entryBranches.length > 0}
+						{#each Object.values(branchPositions[entry.id] ?? {}) as branchNodes}
+							{#each branchNodes as branchNode (branchNode.id)}
+								{@const branchEntry = branches
+									.flatMap((b) => b.entries)
+									.find((e) => e.id === branchNode.id)}
+								{@const isBranchSelected = selectedId === branchNode.id}
+								{#if branchEntry}
+									{@render timelineButton(
+										'',
+										branchEntry.timestamp.toISOString(),
+										isBranchSelected,
+										() => onSelect(branchNode.id),
+										{ x: branchNode.x, y: branchNode.y - 4 },
+										'branch'
+									)}
+								{/if}
+							{/each}
+						{/each}
 					{/if}
-					{displayDate(entry.timestamp.toISOString(), true, false)}
-				</span>
-			</button>
-		{/each}
+				{/if}
+			{/each}
+		</div>
 	</div>
 {/if}
+
+<style>
+	@keyframes fadeIn {
+		from {
+			opacity: 0;
+			transform: translateY(-10px);
+		}
+		to {
+			opacity: 1;
+			transform: translateY(0);
+		}
+	}
+
+	.animate-fadeIn {
+		animation: fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+	}</style>

package/package/components/raw_apps/RawAppHistoryList.svelte.d.ts

@@ -4,6 +4,7 @@ interface Props {
     branches: HistoryBranch[];
     selectedId: number | undefined;
     onSelect: (id: number) => void;
+    onSelectCurrent?: () => void;
 }
 declare const RawAppHistoryList: import("svelte").Component<Props, {}, "">;
 type RawAppHistoryList = ReturnType<typeof RawAppHistoryList>;

package/package/components/raw_apps/RawAppHistoryManager.svelte.d.ts

@@ -54,6 +54,7 @@ export declare class RawAppHistoryManager {
     private entryIdCounter;
     private branchIdCounter;
     private hasPendingChanges;
+    private temporaryCurrentState;
     readonly hasEntries: boolean;
     readonly entryCount: number;
     readonly allEntries: HistoryEntry[];
@@ -61,6 +62,7 @@ export declare class RawAppHistoryManager {
     readonly canSnapshot: boolean;
     readonly selectedEntryId: number | undefined;
     readonly needsSnapshotBeforeNav: boolean;
+    readonly hasTemporaryState: boolean;
     readonly canUndo: boolean;
     readonly canRedo: boolean;
     constructor(config: HistoryConfig);
@@ -115,9 +117,21 @@ export declare class RawAppHistoryManager {
      */
     selectEntry(id: number): HistoryEntry | undefined;
     /**
-     * Clear selection (go back to latest state)
+     * Clear selection (go back to current state)
      */
     clearSelection(): void;
+    /**
+     * Save current state temporarily when viewing history
+     */
+    saveTemporaryCurrentState(files: Record<string, string>, runnables: Record<string, Runnable>, summary: string, data: RawAppData): void;
+    /**
+     * Get and clear temporary current state
+     */
+    getAndClearTemporaryState(): HistoryEntry | undefined;
+    /**
+     * Convert temporary current state to a real snapshot
+     */
+    convertTemporaryToSnapshot(): void;
     /**
      * Get entry by ID (searches main timeline and branches)
      */