windmill-components 1.623.1 → 1.642.0

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

@@ -15,7 +15,7 @@ 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();
+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,8 +38,6 @@ async function loadAppJson() {
 	path={app.path}
 	summary={app.summary}
 	workspaceId={app.workspace_id ?? $workspaceStore ?? ''}
-	{starred}
-	on:change
 	canFavorite={!app.draft_only}
 	{depth}
 >
@@ -56,7 +54,7 @@ async function loadAppJson() {
 	{/snippet}
 	{#snippet actions()}
 		<span class="hidden md:inline-flex gap-x-1">
-			{#if !$userStore?.operator}
+			{#if !$userStore?.operator && showEditButton}
 				{#if app.canWrite}
 					<div>
 						<Button
@@ -93,6 +91,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 [
 						{
@@ -112,7 +111,7 @@ async function loadAppJson() {
 								}
 							},
 							type: 'delete',
-							disabled: !canWrite,
+							disabled: !canEdit,
 							hide: $userStore?.operator
 						},
 						{
@@ -129,6 +128,7 @@ async function loadAppJson() {
 						displayName: 'Duplicate/Fork',
 						icon: GitFork,
 						href: `${base}/apps${app.raw_app ? '_raw' : ''}/add?template=${path}`,
+						disabled: !showEditButton,
 						hide: $userStore?.operator
 					},
 					{
@@ -137,7 +137,7 @@ async function loadAppJson() {
 						action: () => {
 							moveDrawer.openDrawer(path, summary, 'app')
 						},
-						disabled: !canWrite,
+						disabled: !canEdit,
 						hide: $userStore?.operator
 					},
 					...(isDeployable('app', path, await getDeployUiSettings())
@@ -235,7 +235,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,7 @@ 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();
+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,9 +62,7 @@ let flowHistory = $state(undefined);
 	{marked}
 	path={flow.path}
 	summary={flow.summary}
-	{starred}
 	{errorHandlerMuted}
-	on:change
 	canFavorite={!flow.draft_only}
 	{depth}
 >
@@ -78,7 +76,7 @@ let flowHistory = $state(undefined);
 	{/snippet}
 	{#snippet actions()}
 		<span class="hidden md:inline-flex gap-x-1">
-			{#if !$userStore?.operator}
+			{#if !$userStore?.operator && showEditButton}
 				{#if flow.canWrite && !flow.archived}
 					<div>
 						<Button
@@ -117,6 +115,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 [
 						{
@@ -139,17 +138,18 @@ 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: 'Audit logs',
 						icon: Eye,
@@ -162,7 +162,7 @@ let flowHistory = $state(undefined);
 						action: () => {
 							moveDrawer.openDrawer(path, flow.summary, 'flow')
 						},
-						disabled: !owner || archived,
+						disabled: !owner || archived || !canEdit,
 						hide: $userStore?.operator
 					},
 					{
@@ -217,7 +217,7 @@ let flowHistory = $state(undefined);
 							path && archiveFlow(path, !archived)
 						},
 						type: 'delete',
-						disabled: !owner,
+						disabled: !owner || !canEdit,
 						hide: $userStore?.operator
 					},
 					...(has_draft
@@ -253,7 +253,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,8 +17,6 @@ const dispatch = createEventDispatcher();
 	path={app.path}
 	summary={app.summary}
 	workspaceId={app.workspace_id ?? $workspaceStore ?? ''}
-	{starred}
-	on:change
 	canFavorite={true}
 	{depth}
 >
@@ -55,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())
 						? [
 								{
@@ -101,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,12 +1,10 @@
 <script lang="ts">import Star from '../../Star.svelte';
-import { createEventDispatcher } from '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';
-const dispatch = createEventDispatcher();
-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 = () => { } } = $props();
+let { marked, 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 = () => { } } = $props();
 let displayPath = (depth === 0 ? path : path?.split('/')?.slice(-1)?.[0]) ?? '';
 </script>
 
@@ -28,7 +26,6 @@ let displayPath = (depth === 0 ? path : path?.split('/')?.slice(-1)?.[0]) ?? '';
 		depth > 0 ? '!rounded-none' : '',
 		disabled ? 'opacity-25' : 'hover:bg-surface-hover',
 		selected ? 'bg-surface-accent-selected' : ''
-
 	)}
 	style={depth > 0 ? `padding-left: ${depth * 32}px;` : ''}
 >
@@ -39,11 +36,14 @@ let displayPath = (depth === 0 ? path : path?.split('/')?.slice(-1)?.[0]) ?? '';
 	{/if}
 
 	{#if href}
-		<a {href} class="min-w-0 grow hover:underline decoration-gray-400 inline-flex items-center gap-4">
+		<a
+			{href}
+			class="min-w-0 grow hover:underline decoration-gray-400 inline-flex items-center gap-4"
+		>
 			{@render rowContent()}
 		</a>
 	{:else}
-			{@render rowContent()}
+		{@render rowContent()}
 	{/if}
 
 	{#if errorHandlerMuted}
@@ -56,17 +56,9 @@ let displayPath = (depth === 0 ? path : path?.split('/')?.slice(-1)?.[0]) ?? '';
 		</div>
 	{/if}
 
-	{#if canFavorite && kind !== 'resource' && kind !== 'variable'}
+	{#if canFavorite && kind !== 'resource' && kind !== 'variable' && kind !== 'resource_type'}
 		<div class="center-center h-full text-xs font-semibold text-secondary w-9">
-			<Star
-				{kind}
-				{path}
-				{starred}
-				workspace_id={workspaceId}
-				on:starred={() => {
-					dispatch('change')
-				}}
-			/>
+			<Star {kind} {path} {workspaceId} {summary} />
 		</div>
 	{:else}
 		<div class="w-9"></div>
@@ -85,12 +77,10 @@ let displayPath = (depth === 0 ? path : path?.split('/')?.slice(-1)?.[0]) ?? '';
 		<div class="text-emphasis flex-wrap text-left text-xs font-semibold">
 			{#if customSummary}
 				{@render customSummary?.()}
+			{:else if marked}
+				{@html marked}
 			{:else}
-				{#if marked}
-					{@html marked}
-				{:else}
-					{!summary || summary.length == 0 ? displayPath : summary}
-				{/if}
+				{!summary || summary.length == 0 ? displayPath : summary}
 			{/if}
 		</div>
 		<div class="text-hint text-3xs truncate text-left font-normal">

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,7 @@ interface Props {
     errorHandlerMuted?: boolean;
     aiId?: string | undefined;
     aiDescription?: string | undefined;
-    kind?: 'script' | 'flow' | 'app' | 'raw_app' | 'resource' | 'variable';
+    kind?: 'script' | 'flow' | 'app' | 'raw_app' | 'resource' | 'variable' | 'resource_type';
     summary?: string | undefined;
     path: string;
     href?: string;
@@ -22,23 +21,6 @@ interface Props {
         currentTarget: EventTarget & HTMLInputElement;
     }) => void;
 }
-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 Row: $$__sveltets_2_IsomorphicComponent<Props, {
-    change: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Row = InstanceType<typeof Row>;
+declare const Row: import("svelte").Component<Props, {}, "">;
+type Row = ReturnType<typeof Row>;
 export default Row;

package/package/components/common/table/RowIcon.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">import BarsStaggered from '../../icons/BarsStaggered.svelte';
-import { Boxes, Code2, DollarSign, LayoutDashboard } from 'lucide-svelte';
+import { Boxes, Code2, DollarSign, Folder, LayoutDashboard } from 'lucide-svelte';
 export let kind;
 </script>
 
-<div class="flex justify-center items-center">
+<div class="flex justify-center items-center" title={kind}>
 	{#if kind === 'flow'}
 		<BarsStaggered size={16} class="text-teal-500" />
 	{:else if kind === 'app' || kind === 'raw_app'}
@@ -14,6 +14,10 @@ export let kind;
 		<DollarSign size={16} class="text-gray-400" />
 	{:else if kind === 'resource'}
 		<Boxes size={16} class="text-gray-400" />
+	{:else if kind === 'resource_type'}
+		<div style="width: 16px; height: 16px;" class="bg-gray-100 rounded-full" ></div>
+	{:else if kind === 'folder'}
+		<Folder size={16} class="text-gray-400" />
 	{:else}
 		<div class="w-[16px]"></div>
 	{/if}

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

@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const RowIcon: $$__sveltets_2_IsomorphicComponent<{
-    kind: "script" | "flow" | "app" | "raw_app" | "resource" | "variable";
+    kind: "script" | "flow" | "app" | "raw_app" | "resource" | "variable" | "resource_type" | "folder";
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/package/components/common/table/ScriptRow.svelte

@@ -21,7 +21,7 @@ import NoMainFuncBadge from '../../NoMainFuncBadge.svelte';
 import Tooltip from '../../Tooltip.svelte';
 import { getDeployUiSettings } from '../../home/deploy_ui';
 import { scriptToHubUrl } from '../../../hub';
-let { script, marked, starred, shareModal, moveDrawer, deploymentDrawer, deleteConfirmedCallback = $bindable(), errorHandlerMuted, showCode, depth = 0, menuOpen = $bindable(false) } = $props();
+let { script, marked, shareModal, moveDrawer, deploymentDrawer, deleteConfirmedCallback = $bindable(), errorHandlerMuted, showCode, depth = 0, menuOpen = $bindable(false), showEditButton = $bindable(true) } = $props();
 const dispatch = createEventDispatcher();
 async function archiveScript(path) {
     await ScriptService.archiveScriptByPath({ workspace: $workspaceStore, path });
@@ -65,10 +65,8 @@ let versionsDrawerOpen = $state(false);
 	{marked}
 	path={script.path}
 	summary={script.summary}
-	{starred}
 	{errorHandlerMuted}
 	workspaceId={$workspaceStore ?? ''}
-	on:change
 	canFavorite={!script.draft_only}
 	{depth}
 >
@@ -98,7 +96,7 @@ let versionsDrawerOpen = $state(false);
 
 	{#snippet actions()}
 		<span class="hidden md:inline-flex gap-x-1">
-			{#if !$userStore?.operator}
+			{#if !$userStore?.operator && showEditButton}
 				{#if script.use_codebase}
 					<Badge
 						>bundle<Tooltip
@@ -141,6 +139,7 @@ let versionsDrawerOpen = $state(false);
 			aiDescription={`Open dropdown for script ${script.summary?.length > 0 ? script.summary : script.path} options`}
 			items={async () => {
 				let owner = isOwner(script.path, $userStore, $workspaceStore)
+				const canEdit = script.canWrite && showEditButton
 				if (script.draft_only) {
 					return [
 						{
@@ -165,7 +164,7 @@ let versionsDrawerOpen = $state(false);
 								}
 							},
 							type: dlt,
-							disabled: !script.canWrite
+							disabled: !canEdit
 						}
 					]
 				}
@@ -181,6 +180,7 @@ let versionsDrawerOpen = $state(false);
 						displayName: 'Duplicate/Fork',
 						icon: GitFork,
 						href: `${base}/scripts/add?template=${script.path}`,
+						disabled: !showEditButton,
 						hide: $userStore?.operator
 					},
 					{
@@ -189,7 +189,7 @@ let versionsDrawerOpen = $state(false);
 						action: () => {
 							moveDrawer.openDrawer(script.path, script.summary, 'script')
 						},
-						disabled: !owner || script.archived,
+						disabled: !owner || script.archived || !canEdit,
 						hide: $userStore?.operator
 					},
 					...(isDeployable('script', script.path, await getDeployUiSettings())
@@ -280,7 +280,7 @@ let versionsDrawerOpen = $state(false);
 								: script.path && archiveScript(script.path)
 						},
 						type: 'delete',
-						disabled: !owner,
+						disabled: !owner || !canEdit,
 						hide: $userStore?.operator
 					},
 
@@ -318,7 +318,7 @@ let versionsDrawerOpen = $state(false);
 										}
 									},
 									type: dlt,
-									disabled: !script.canWrite,
+									disabled: !canEdit,
 									hide: $userStore?.operator
 								}
 							]

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

@@ -8,7 +8,6 @@ interface Props {
         use_codebase: boolean;
     };
     marked: string | undefined;
-    starred: boolean;
     shareModal: ShareModal;
     moveDrawer: MoveDrawer;
     deploymentDrawer: DeployWorkspaceDrawer;
@@ -17,6 +16,7 @@ interface Props {
     showCode: (path: string, summary: string) => void;
     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 ScriptRow: $$__sveltets_2_IsomorphicComponent<Props, {
     change: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "deleteConfirmedCallback" | "menuOpen">;
+}, {}, {}, "deleteConfirmedCallback" | "menuOpen" | "showEditButton">;
 type ScriptRow = InstanceType<typeof ScriptRow>;
 export default ScriptRow;

package/package/components/common/toggleButton-v2/ToggleButtonGroup.svelte

@@ -22,7 +22,7 @@ $effect(() => {
 });
 const sync = createSync(states);
 $effect(() => {
-    sync.value(selected, (v) => (selected = v));
+    sync.value(selected ?? undefined, (v) => (selected = v));
 });
 </script>
 

package/package/components/common/toggleButton-v2/ToggleButtonGroup.svelte.d.ts

@@ -1,6 +1,6 @@
 interface Props {
     id?: string | null | undefined;
-    selected?: string | string[] | undefined;
+    selected?: string | string[] | null | undefined;
     noWFull?: boolean;
     disabled?: boolean;
     tabListClass?: string;

package/package/components/copilot/TestAIKey.svelte

@@ -6,7 +6,7 @@ let loading = $state(false);
 </script>
 
 <Button
-	size="xs"
+	unifiedSize="md"
 	variant="default"
 	{disabled}
 	{loading}

package/package/components/copilot/autocomplete/Autocompletor.d.ts

@@ -4,7 +4,7 @@ import type { MonacoLanguageClient } from 'monaco-languageclient';
 export declare class Autocompletor {
     #private;
     constructor(editor: meditor.IStandaloneCodeEditor, scriptLang: ScriptLang | 'bunnative' | 'jsx' | 'tsx' | 'json');
-    static isProviderModelSupported(providerModel: AIProviderModel | undefined): boolean | undefined;
+    static isProviderModelSupported(providerModel: AIProviderModel | undefined): boolean;
     dispose(): void;
     setLanguageClient(client: MonacoLanguageClient): void;
 }