windmill-components 1.623.2 → 1.655.0

package/package/components/common/sidebar/SidebarNavigation.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">import { twMerge } from 'tailwind-merge';
+import Button from '../button/Button.svelte';
+import EEOnly from '../../EEOnly.svelte';
+import { enterpriseLicense } from '../../../stores';
+let { groups, selectedId, onNavigate, class: className = '' } = $props();
+</script>
+
+<div class={twMerge('flex flex-col gap-6', className)}>
+	{#each groups as group (group.title)}
+		<div class="flex flex-col gap-1">
+			{#if group.title}
+				<div class="text-sm font-semibold text-emphasis px-2 mb-1">
+					{group.title}
+				</div>
+			{/if}
+			<nav class="flex flex-col gap-0.5">
+				{#each group.items as item (item.id)}
+					{#if item.showIf !== false}
+						{@const isSelected = selectedId === item.id}
+						<Button
+							variant="subtle"
+							unifiedSize="sm"
+							selected={isSelected}
+							disabled={item.disabled}
+							aiId={item.aiId}
+							aiDescription={item.aiDescription}
+							startIcon={item.icon ? { icon: item.icon } : undefined}
+							btnClasses={'!justify-start text-left !w-full'}
+							onClick={() => onNavigate(item.id)}
+						>
+							<span class="truncate">{item.label}</span>
+							<div class="ml-auto flex items-center gap-1">
+								{#if item.isEE && !$enterpriseLicense}
+									<EEOnly />
+								{/if}
+								{#if item.count !== undefined}
+									<span
+										class="text-2xs text-secondary bg-surface-secondary px-1.5 py-0.5 rounded-full"
+									>
+										{item.count}
+									</span>
+								{/if}
+							</div>
+						</Button>
+					{/if}
+				{/each}
+			</nav>
+		</div>
+	{/each}
+</div>

package/package/components/common/sidebar/SidebarNavigation.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentType } from 'svelte';
+interface NavigationItem {
+    id: string;
+    label: string;
+    icon?: ComponentType;
+    disabled?: boolean;
+    count?: number;
+    aiId?: string;
+    aiDescription?: string;
+    showIf?: boolean;
+    isEE?: boolean;
+}
+interface NavigationGroup {
+    title?: string;
+    items: NavigationItem[];
+}
+interface Props {
+    groups: NavigationGroup[];
+    selectedId: string;
+    onNavigate: (id: string) => void;
+    class?: string;
+}
+declare const SidebarNavigation: import("svelte").Component<Props, {}, "">;
+type SidebarNavigation = ReturnType<typeof SidebarNavigation>;
+export default SidebarNavigation;

package/package/components/common/stepper/Stepper.svelte

@@ -1,12 +1,7 @@
 <script lang="ts">import { classNames } from '../../../utils';
 import { Loader2 } from 'lucide-svelte';
 import { createEventDispatcher } from 'svelte';
-export let tabs;
-export let selectedIndex = 0;
-export let maxReachedIndex = -1;
-export let statusByStep = [];
-export let hasValidations = false;
-export let allowStepNavigation = false;
+let { tabs, selectedIndex = 0, maxReachedIndex = -1, statusByStep = [], hasValidations = false, allowStepNavigation = false } = $props();
 const dispatch = createEventDispatcher();
 function getStepColor(index, selectedIndex, statusByStep, maxReachedIndex) {
     if (!hasValidations) {
@@ -49,14 +44,14 @@ function getStepColor(index, selectedIndex, statusByStep, maxReachedIndex) {
 <div class="flex justify-between">
 	<ol class="relative z-20 flex justify-between items-centers text-sm font-medium text-primary">
 		{#each tabs ?? [] as step, index}
-			<!-- svelte-ignore a11y-click-events-have-key-events -->
-			<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
+			<!-- svelte-ignore a11y_click_events_have_key_events -->
+			<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
 			<li
 				class={classNames(
 					'flex items-center gap-2 px-2 py-1 hover:bg-gray-1200 rounded-md m-0.5',
 					index <= maxReachedIndex || allowStepNavigation ? 'cursor-pointer' : 'cursor-not-allowed'
 				)}
-				on:click={() => {
+				onclick={() => {
 					dispatch('click', { index })
 				}}
 			>

package/package/components/common/stepper/Stepper.svelte.d.ts

@@ -1,3 +1,11 @@
+interface Props {
+    tabs: string[];
+    selectedIndex?: number;
+    maxReachedIndex?: number;
+    statusByStep?: Array<'success' | 'error' | 'pending'>;
+    hasValidations?: boolean;
+    allowStepNavigation?: boolean;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -11,17 +19,10 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Stepper: $$__sveltets_2_IsomorphicComponent<{
-    tabs: string[];
-    selectedIndex?: number;
-    maxReachedIndex?: number;
-    statusByStep?: Array<"success" | "error" | "pending">;
-    hasValidations?: boolean;
-    allowStepNavigation?: boolean;
-}, {
+declare const Stepper: $$__sveltets_2_IsomorphicComponent<Props, {
     click: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
+}, {}, {}, "">;
 type Stepper = InstanceType<typeof Stepper>;
 export default Stepper;

package/package/components/common/table/AppRow.svelte

@@ -10,12 +10,15 @@ import DraftBadge from '../../DraftBadge.svelte';
 import Badge from '../badge/Badge.svelte';
 import { ExternalLink, Eye, File, FileJson, FolderOpen, GitFork, ChevronUpSquare, History, Pen, Share, Trash, Copy } from 'lucide-svelte';
 import { goto as gotoUrl } from '$app/navigation';
-import { page } from '$app/stores';
+import { page } from '$app/state';
 import { DELETE, copyToClipboard } from '../../../utils';
 import AppDeploymentHistory from '../../apps/editor/AppDeploymentHistory.svelte';
 import { isDeployable } from '../../../utils_deployable';
 import { getDeployUiSettings } from '../../home/deploy_ui';
-let { app, marked, starred, shareModal, moveDrawer, deploymentDrawer, deleteConfirmedCallback = $bindable(), depth = 0, menuOpen = $bindable(false) } = $props();
+import { isRuleActive } from '../../../workspaceProtectionRules.svelte';
+import { buildForkEditUrl } from '../../../utils/editInFork';
+import { isCloudHosted } from '../../../cloud';
+let { app, marked, shareModal, moveDrawer, deploymentDrawer, deleteConfirmedCallback = $bindable(), depth = 0, menuOpen = $bindable(false), showEditButton = $bindable(true) } = $props();
 const dispatch = createEventDispatcher();
 let appExport = $state(undefined);
 let appDeploymentHistory = $state(undefined);
@@ -38,11 +41,6 @@ async function loadAppJson() {
 	path={app.path}
 	summary={app.summary}
 	workspaceId={app.workspace_id ?? $workspaceStore ?? ''}
-	{starred}
-	onStarred={(newStarred) => {
-		starred = newStarred
-		dispatch('change')
-	}}
 	canFavorite={!app.draft_only}
 	{depth}
 >
@@ -60,7 +58,7 @@ async function loadAppJson() {
 	{#snippet actions()}
 		<span class="hidden md:inline-flex gap-x-1">
 			{#if !$userStore?.operator}
-				{#if app.canWrite}
+				{#if showEditButton && app.canWrite}
 					<div>
 						<Button
 							aiId={`edit-app-button-${app.summary?.length > 0 ? app.summary : app.path}`}
@@ -73,18 +71,17 @@ async function loadAppJson() {
 							Edit
 						</Button>
 					</div>
-				{:else}
+				{/if}
+				{#if !isCloudHosted() && !isRuleActive('DisableWorkspaceForking') && (!showEditButton || !app.canWrite)}
 					<div>
 						<Button
-							aiId={`fork-app-button-${app.summary?.length > 0 ? app.summary : app.path}`}
-							aiDescription={`Fork the app ${app.summary?.length > 0 ? app.summary : app.path}`}
-							variant="subtle"
-							wrapperClasses="w-20"
+							variant={!showEditButton ? 'default' : 'subtle'}
+							wrapperClasses="w-32"
 							unifiedSize="md"
 							startIcon={{ icon: GitFork }}
-							href="{base}/apps{app.raw_app ? '_raw' : ''}/add?template={app.path}"
+							href={buildForkEditUrl(app.raw_app ? 'raw_app' : 'app', app.path)}
 						>
-							Fork
+							Edit in fork
 						</Button>
 					</div>
 				{/if}
@@ -96,6 +93,7 @@ async function loadAppJson() {
 			items={async () => {
 				let { draft_only, canWrite, summary, execution_mode, path, has_draft } = app
 
+				const canEdit = canWrite && showEditButton
 				if (draft_only) {
 					return [
 						{
@@ -115,7 +113,7 @@ async function loadAppJson() {
 								}
 							},
 							type: 'delete',
-							disabled: !canWrite,
+							disabled: !canEdit,
 							hide: $userStore?.operator
 						},
 						{
@@ -132,15 +130,22 @@ async function loadAppJson() {
 						displayName: 'Duplicate/Fork',
 						icon: GitFork,
 						href: `${base}/apps${app.raw_app ? '_raw' : ''}/add?template=${path}`,
+						disabled: !showEditButton,
 						hide: $userStore?.operator
 					},
+					{
+						displayName: 'Edit in workspace fork',
+						icon: GitFork,
+						href: buildForkEditUrl(app.raw_app ? 'raw_app' : 'app', path),
+						hide: $userStore?.operator || isCloudHosted() || isRuleActive('DisableWorkspaceForking')
+					},
 					{
 						displayName: 'Move/Rename',
 						icon: FolderOpen,
 						action: () => {
 							moveDrawer.openDrawer(path, summary, 'app')
 						},
-						disabled: !canWrite,
+						disabled: !canEdit,
 						hide: $userStore?.operator
 					},
 					...(isDeployable('app', path, await getDeployUiSettings())
@@ -194,9 +199,9 @@ async function loadAppJson() {
 											path
 										})
 										let url =
-											$page.url.protocol +
+											page.url.protocol +
 											'//' +
-											`${$page.url.hostname}/public/${$workspaceStore}/${secretUrl}`
+											`${page.url.hostname}/public/${$workspaceStore}/${secretUrl}`
 										gotoUrl(url)
 									}
 								}
@@ -238,7 +243,7 @@ async function loadAppJson() {
 							}
 						},
 						type: 'delete',
-						disabled: !canWrite,
+						disabled: !canEdit,
 						hide: $userStore?.operator
 					}
 				]

package/package/components/common/table/AppRow.svelte.d.ts

@@ -9,13 +9,13 @@ interface Props {
         canWrite: boolean;
     };
     marked: string | undefined;
-    starred: boolean;
     shareModal: ShareModal;
     moveDrawer: MoveDrawer;
     deploymentDrawer: DeployWorkspaceDrawer;
     deleteConfirmedCallback: (() => void) | undefined;
     depth?: number;
     menuOpen?: boolean;
+    showEditButton?: boolean;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
@@ -34,6 +34,6 @@ declare const AppRow: $$__sveltets_2_IsomorphicComponent<Props, {
     change: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "deleteConfirmedCallback" | "menuOpen">;
+}, {}, {}, "deleteConfirmedCallback" | "menuOpen" | "showEditButton">;
 type AppRow = InstanceType<typeof AppRow>;
 export default AppRow;

package/package/components/common/table/FlowRow.svelte

@@ -16,7 +16,10 @@ import { isDeployable } from '../../../utils_deployable';
 import { Pen, GitFork, Trash, List, FolderOpen, ChevronUpSquare, Calendar, Share, Archive, Copy, Eye, HistoryIcon } from 'lucide-svelte';
 import FlowHistory from '../../flows/FlowHistory.svelte';
 import { getDeployUiSettings } from '../../home/deploy_ui';
-let { flow, marked, starred, shareModal, moveDrawer, deleteConfirmedCallback = $bindable(), deploymentDrawer, errorHandlerMuted, depth = 0, menuOpen = $bindable(false) } = $props();
+import { isRuleActive } from '../../../workspaceProtectionRules.svelte';
+import { buildForkEditUrl } from '../../../utils/editInFork';
+import { isCloudHosted } from '../../../cloud';
+let { flow, marked, shareModal, moveDrawer, deleteConfirmedCallback = $bindable(), deploymentDrawer, errorHandlerMuted, depth = 0, menuOpen = $bindable(false), showEditButton = $bindable(true) } = $props();
 const dispatch = createEventDispatcher();
 async function archiveFlow(path, archived) {
     try {
@@ -62,12 +65,7 @@ let flowHistory = $state(undefined);
 	{marked}
 	path={flow.path}
 	summary={flow.summary}
-	{starred}
 	{errorHandlerMuted}
-	onStarred={(newStarred) => {
-		starred = newStarred
-		dispatch('change')
-	}}
 	canFavorite={!flow.draft_only}
 	{depth}
 >
@@ -82,7 +80,7 @@ let flowHistory = $state(undefined);
 	{#snippet actions()}
 		<span class="hidden md:inline-flex gap-x-1">
 			{#if !$userStore?.operator}
-				{#if flow.canWrite && !flow.archived}
+				{#if showEditButton && flow.canWrite && !flow.archived}
 					<div>
 						<Button
 							variant="subtle"
@@ -96,18 +94,17 @@ let flowHistory = $state(undefined);
 							Edit
 						</Button>
 					</div>
-				{:else}
+				{/if}
+				{#if !isCloudHosted() && !isRuleActive('DisableWorkspaceForking') && (!showEditButton || !flow.canWrite)}
 					<div>
 						<Button
-							variant="subtle"
-							wrapperClasses="w-20"
+							variant={!showEditButton ? 'default' : 'subtle'}
+							wrapperClasses="w-32"
 							unifiedSize="md"
 							startIcon={{ icon: GitFork }}
-							href="{base}/flows/add?template={flow.path}"
-							aiId={`fork-flow-button-${flow.summary?.length > 0 ? flow.summary : flow.path}`}
-							aiDescription={`Fork the flow ${flow.summary?.length > 0 ? flow.summary : flow.path}`}
+							href={buildForkEditUrl('flow', flow.path)}
 						>
-							Fork
+							Edit in fork
 						</Button>
 					</div>
 				{/if}
@@ -120,6 +117,7 @@ let flowHistory = $state(undefined);
 			items={async () => {
 				let { draft_only, path, archived, has_draft } = flow
 				let owner = isOwner(path, $userStore, $workspaceStore)
+				const canEdit = flow.canWrite && showEditButton
 				if (draft_only) {
 					return [
 						{
@@ -142,16 +140,23 @@ let flowHistory = $state(undefined);
 					]
 				}
 				return [
+					{
+						displayName: 'View runs',
+						icon: List,
+						href: `${base}/runs/${path}`
+					},
 					{
 						displayName: 'Duplicate/Fork',
 						icon: GitFork,
 						href: `${base}/flows/add?template=${path}`,
+						disabled: !showEditButton,
 						hide: $userStore?.operator
 					},
 					{
-						displayName: 'View runs',
-						icon: List,
-						href: `${base}/runs/${path}`
+						displayName: 'Edit in workspace fork',
+						icon: GitFork,
+						href: buildForkEditUrl('flow', path),
+						hide: $userStore?.operator || isCloudHosted() || isRuleActive('DisableWorkspaceForking')
 					},
 					{
 						displayName: 'Audit logs',
@@ -165,7 +170,7 @@ let flowHistory = $state(undefined);
 						action: () => {
 							moveDrawer.openDrawer(path, flow.summary, 'flow')
 						},
-						disabled: !owner || archived,
+						disabled: !owner || archived || !canEdit,
 						hide: $userStore?.operator
 					},
 					{
@@ -220,7 +225,7 @@ let flowHistory = $state(undefined);
 							path && archiveFlow(path, !archived)
 						},
 						type: 'delete',
-						disabled: !owner,
+						disabled: !owner || !canEdit,
 						hide: $userStore?.operator
 					},
 					...(has_draft
@@ -256,7 +261,7 @@ let flowHistory = $state(undefined);
 							}
 						},
 						type: 'delete',
-						disabled: !owner,
+						disabled: !owner || !canEdit,
 						hide: $userStore?.operator
 					}
 				]

package/package/components/common/table/FlowRow.svelte.d.ts

@@ -9,7 +9,6 @@ interface Props {
         canWrite: boolean;
     };
     marked: string | undefined;
-    starred: boolean;
     shareModal: ShareModal;
     moveDrawer: MoveDrawer;
     deleteConfirmedCallback: (() => void) | undefined;
@@ -17,6 +16,7 @@ interface Props {
     errorHandlerMuted: boolean;
     depth?: number;
     menuOpen?: boolean;
+    showEditButton?: boolean;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
@@ -35,6 +35,6 @@ declare const FlowRow: $$__sveltets_2_IsomorphicComponent<Props, {
     change: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "deleteConfirmedCallback" | "menuOpen">;
+}, {}, {}, "deleteConfirmedCallback" | "menuOpen" | "showEditButton">;
 type FlowRow = InstanceType<typeof FlowRow>;
 export default FlowRow;

package/package/components/common/table/RawAppRow.svelte

@@ -1,44 +1,15 @@
 <script lang="ts">import { base } from '../../../base';
 import Dropdown from '../../DropdownV2.svelte';
 import SharedBadge from '../../SharedBadge.svelte';
-import { RawAppService } from '../../../gen';
-import { userStore, workspaceStore } from '../../../stores';
-import { createEventDispatcher } from 'svelte';
-import Button from '../button/Button.svelte';
+import {} from '../../../gen';
+import { workspaceStore } from '../../../stores';
 import Row from './Row.svelte';
-import Drawer from '../drawer/Drawer.svelte';
-import DrawerContent from '../drawer/DrawerContent.svelte';
-import FileInput from '../fileInput/FileInput.svelte';
-import { goto } from '../../../navigation';
-import { FolderOpen, Globe, Pen, Share, Trash } from 'lucide-svelte';
+import { Globe, Share } from 'lucide-svelte';
 import { isDeployable } from '../../../utils_deployable';
 import { getDeployUiSettings } from '../../home/deploy_ui';
-let { app, marked, starred, shareModal, moveDrawer, deleteConfirmedCallback = $bindable(), deploymentDrawer, depth = 0, menuOpen = $bindable(false) } = $props();
-let updateAppDrawer = $state(undefined);
-const dispatch = createEventDispatcher();
+let { app, marked, shareModal, deploymentDrawer, depth = 0, menuOpen = $bindable(false) } = $props();
 </script>
 
-{#if menuOpen}
-	<Drawer bind:this={updateAppDrawer} size="800px">
-		<DrawerContent title="Update app" on:close={() => updateAppDrawer?.toggleDrawer?.()}>
-			<FileInput
-				accept={'.js'}
-				multiple={false}
-				convertTo={'text'}
-				iconSize={24}
-				class="text-sm py-4"
-				on:change={async ({ detail }) => {
-					await RawAppService.updateRawApp({
-						workspace: $workspaceStore ?? '',
-						path: app.path,
-						requestBody: { value: detail?.[0] }
-					})
-					goto(`/apps/get_raw/${app.version + 1}/${app.path}`)
-				}}
-			/>
-		</DrawerContent>
-	</Drawer>
-{/if}
 <Row
 	href="{base}/apps/get_raw/{app.version}/{app.path}"
 	kind="raw_app"
@@ -46,11 +17,6 @@ const dispatch = createEventDispatcher();
 	path={app.path}
 	summary={app.summary}
 	workspaceId={app.workspace_id ?? $workspaceStore ?? ''}
-	{starred}
-	onStarred={(newStarred) => {
-		starred = newStarred
-		dispatch('change')
-	}}
 	canFavorite={true}
 	{depth}
 >
@@ -58,35 +24,11 @@ const dispatch = createEventDispatcher();
 		<SharedBadge canWrite={app.canWrite} extraPerms={app.extra_perms} />
 	{/snippet}
 	{#snippet actions()}
-		<span class="hidden md:inline-flex gap-x-1">
-			{#if !$userStore?.operator}
-				{#if app.canWrite}
-					<div>
-						<Button
-							variant="subtle"
-							unifiedSize="md"
-							startIcon={{ icon: Pen }}
-							on:click={() => updateAppDrawer?.toggleDrawer?.()}
-						>
-							Edit
-						</Button>
-					</div>
-				{/if}
-			{/if}
-		</span>
 		<Dropdown
 			items={async () => {
-				let { summary, path, canWrite } = app
+				let { path, canWrite } = app
 
 				return [
-					{
-						displayName: 'Move/Rename',
-						icon: FolderOpen,
-						action: () => {
-							moveDrawer.openDrawer(path, summary, 'raw_app')
-						},
-						disabled: !canWrite
-					},
 					...(isDeployable('app', path, await getDeployUiSettings())
 						? [
 								{
@@ -104,25 +46,6 @@ const dispatch = createEventDispatcher();
 						action: () => {
 							shareModal.openDrawer && shareModal.openDrawer(path, 'raw_app')
 						}
-					},
-					{
-						displayName: 'Delete',
-						icon: Trash,
-						action: async (event) => {
-							// TODO
-							// @ts-ignore
-							if (event?.shiftKey) {
-								await RawAppService.deleteRawApp({ workspace: $workspaceStore ?? '', path })
-								dispatch('change')
-							} else {
-								deleteConfirmedCallback = async () => {
-									await RawAppService.deleteRawApp({ workspace: $workspaceStore ?? '', path })
-									dispatch('change')
-								}
-							}
-						},
-						type: 'delete',
-						disabled: !canWrite
 					}
 				]
 			}}

package/package/components/common/table/RawAppRow.svelte.d.ts

@@ -1,4 +1,3 @@
-import type MoveDrawer from '../../MoveDrawer.svelte';
 import type ShareModal from '../../ShareModal.svelte';
 import { type ListableRawApp } from '../../../gen';
 import type DeployWorkspaceDrawer from '../../DeployWorkspaceDrawer.svelte';
@@ -7,31 +6,11 @@ interface Props {
         canWrite: boolean;
     };
     marked: string | undefined;
-    starred: boolean;
     shareModal: ShareModal;
-    moveDrawer: MoveDrawer;
-    deleteConfirmedCallback: (() => void) | undefined;
     deploymentDrawer: DeployWorkspaceDrawer;
     depth?: number;
     menuOpen?: boolean;
 }
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const RawAppRow: $$__sveltets_2_IsomorphicComponent<Props, {
-    change: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "deleteConfirmedCallback" | "menuOpen">;
-type RawAppRow = InstanceType<typeof RawAppRow>;
+declare const RawAppRow: import("svelte").Component<Props, {}, "menuOpen">;
+type RawAppRow = ReturnType<typeof RawAppRow>;
 export default RawAppRow;

package/package/components/common/table/Row.svelte

@@ -1,11 +1,12 @@
-<script lang="ts">import Star from '../../Star.svelte';
+<script lang="ts">import { untrack } from 'svelte';
+import Star from '../../Star.svelte';
 import RowIcon from './RowIcon.svelte';
 import { BellOff } from 'lucide-svelte';
 import { twMerge } from 'tailwind-merge';
 import { goto } from '../../../navigation';
 import { triggerableByAI } from '../../../actions/triggerableByAI.svelte';
-let { marked, starred, selected = false, disabled = false, canFavorite = true, isSelectable = false, alignWithSelectable = false, errorHandlerMuted = false, aiId = undefined, aiDescription = undefined, kind = 'script', summary = undefined, path, href = undefined, workspaceId, depth = 0, badges, actions, customSummary, onSelect = () => { }, onStarred = (newStarred) => { } } = $props();
-let displayPath = (depth === 0 ? path : path?.split('/')?.slice(-1)?.[0]) ?? '';
+let { marked, selected = false, disabled = false, canFavorite = true, isSelectable = false, alignWithSelectable = false, errorHandlerMuted = false, aiId = undefined, aiDescription = undefined, kind = 'script', triggerKind = undefined, summary = undefined, path, href = undefined, workspaceId, depth = 0, badges, actions, customSummary, onSelect = () => { } } = $props();
+let displayPath = (untrack(() => depth) === 0 ? untrack(() => path) : untrack(() => path)?.split('/')?.slice(-1)?.[0]) ?? '';
 </script>
 
 {#if href}
@@ -56,9 +57,9 @@ let displayPath = (depth === 0 ? path : path?.split('/')?.slice(-1)?.[0]) ?? '';
 		</div>
 	{/if}
 
-	{#if canFavorite && kind !== 'resource' && kind !== 'variable' && kind !== 'resource_type'}
+	{#if canFavorite && (kind == 'app' || kind == 'raw_app' || kind == 'script' || kind == 'flow')}
 		<div class="center-center h-full text-xs font-semibold text-secondary w-9">
-			<Star {kind} {path} {starred} workspace_id={workspaceId} {onStarred} />
+			<Star {kind} {path} {workspaceId} {summary} />
 		</div>
 	{:else}
 		<div class="w-9"></div>
@@ -71,7 +72,7 @@ let displayPath = (depth === 0 ? path : path?.split('/')?.slice(-1)?.[0]) ?? '';
 
 {#snippet rowContent()}
 	<div class="shrink">
-		<RowIcon {kind} />
+		<RowIcon {kind} {triggerKind} />
 	</div>
 	<div class="grow">
 		<div class="text-emphasis flex-wrap text-left text-xs font-semibold">

package/package/components/common/table/Row.svelte.d.ts

@@ -1,6 +1,5 @@
 interface Props {
     marked: string | undefined;
-    starred: boolean;
     selected?: boolean;
     disabled?: boolean;
     canFavorite?: boolean;
@@ -9,7 +8,8 @@ interface Props {
     errorHandlerMuted?: boolean;
     aiId?: string | undefined;
     aiDescription?: string | undefined;
-    kind?: 'script' | 'flow' | 'app' | 'raw_app' | 'resource' | 'variable' | 'resource_type';
+    kind?: 'script' | 'flow' | 'app' | 'raw_app' | 'resource' | 'variable' | 'resource_type' | 'folder' | 'schedule' | 'trigger';
+    triggerKind?: string | undefined;
     summary?: string | undefined;
     path: string;
     href?: string;
@@ -21,7 +21,6 @@ interface Props {
     onSelect?: (e: Event & {
         currentTarget: EventTarget & HTMLInputElement;
     }) => void;
-    onStarred?: (starred: boolean) => void;
 }
 declare const Row: import("svelte").Component<Props, {}, "">;
 type Row = ReturnType<typeof Row>;