orcheo-studio 0.24.1 → 0.24.2

package/src/features/workflow/lib/workflow-storage.types.ts

@@ -17,6 +17,7 @@ export interface ApiWorkflow {
   id: string;
   handle?: string | null;
   team_id?: string | null;
+  team_slug?: string | null;
   name: string;
   slug: string;
   description: string | null;
@@ -31,10 +32,16 @@ export interface ApiWorkflow {
   updated_at: string;
   share_url?: string | null;
   chatkit?: WorkflowChatKitConfig | null;
+  upload_error?: ApiWorkflowUploadError | null;
   latest_version?: ApiWorkflowVersion | null;
   is_scheduled?: boolean;
 }
 
+export interface ApiWorkflowUploadError {
+  message: string;
+  occurred_at: string;
+}
+
 export interface ChatKitStartScreenPrompt {
   label: string;
   prompt: string;
@@ -262,6 +269,10 @@ export interface WorkflowVersionRecord {
 export interface StoredWorkflow extends Workflow {
   versions: WorkflowVersionRecord[];
   teamId?: string | null;
+  uploadError?: {
+    message: string;
+    occurredAt: string;
+  };
   draftAccess?: "personal" | "authenticated" | "workspace";
   isArchived?: boolean;
   isPublic?: boolean;

package/src/features/workflow/lib/workflow-upload-errors.ts

@@ -0,0 +1,81 @@
+import type { StoredWorkflow } from "./workflow-storage.types";
+
+export interface WorkflowUploadError {
+  message: string;
+  occurredAt: string;
+}
+
+const STORAGE_PREFIX = "orcheo.workflowUploadError.";
+
+const storageKey = (workflowId: string): string => `${STORAGE_PREFIX}${workflowId}`;
+
+const canUseSessionStorage = (): boolean =>
+  typeof window !== "undefined" && Boolean(window.sessionStorage);
+
+export const saveWorkflowUploadError = (
+  workflowId: string,
+  message: string,
+): WorkflowUploadError => {
+  const error = {
+    message,
+    occurredAt: new Date().toISOString(),
+  };
+
+  if (!canUseSessionStorage()) {
+    return error;
+  }
+
+  try {
+    window.sessionStorage.setItem(storageKey(workflowId), JSON.stringify(error));
+  } catch {
+    // Upload failure rendering should not depend on storage availability.
+  }
+
+  return error;
+};
+
+export const readWorkflowUploadError = (
+  workflowId: string,
+): WorkflowUploadError | undefined => {
+  if (!canUseSessionStorage()) {
+    return undefined;
+  }
+
+  try {
+    const raw = window.sessionStorage.getItem(storageKey(workflowId));
+    if (!raw) {
+      return undefined;
+    }
+    const parsed = JSON.parse(raw) as Partial<WorkflowUploadError>;
+    if (
+      typeof parsed.message === "string" &&
+      parsed.message.trim().length > 0 &&
+      typeof parsed.occurredAt === "string"
+    ) {
+      return {
+        message: parsed.message,
+        occurredAt: parsed.occurredAt,
+      };
+    }
+  } catch {
+    return undefined;
+  }
+
+  return undefined;
+};
+
+export const clearWorkflowUploadError = (workflowId: string): void => {
+  if (!canUseSessionStorage()) {
+    return;
+  }
+
+  try {
+    window.sessionStorage.removeItem(storageKey(workflowId));
+  } catch {
+    // Ignore storage errors; the next successful version is authoritative.
+  }
+};
+
+export const getWorkflowUploadError = (
+  workflow: Pick<StoredWorkflow, "versions" | "uploadError">,
+): WorkflowUploadError | undefined => workflow.uploadError;

package/src/features/workflow/pages/workflow/components/workflow-layout.tsx

@@ -88,7 +88,10 @@ export function WorkflowLayout({
             forceMount
             className="m-0 flex min-h-0 flex-1 flex-col overflow-hidden p-0 data-[state=inactive]:hidden"
           >
-            <WorkflowTabContent {...workflowProps} />
+            <WorkflowTabContent
+              {...workflowProps}
+              isActive={tabsProps.activeTab === "workflow"}
+            />
           </TabsContent>
 
           <TabsContent

package/src/features/workflow/pages/workflow/components/workflow-tab-content.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useUploadsAllowed } from "@/hooks/use-uploads-allowed";
 import {
   AlertTriangle,
@@ -60,15 +60,24 @@ import { resolveWorkflowVersionMermaidSource } from "@features/workflow/lib/work
 import { WorkflowConfigSheet } from "@features/workflow/pages/workflow/components/workflow-config-sheet";
 import type { WorkflowExecutionStatus } from "@features/workflow/pages/workflow/helpers/types";
 
+const RUN_RESULT_BANNER_TIMEOUT_MS = 6000;
+
 export interface WorkflowTabContentProps {
   workflowId: string | null;
   workflowRouteRef?: string | null;
   workflowName: string;
+  workflowHandle?: string | null;
+  workflowTeamSlug?: string | null;
   versions: WorkflowVersionRecord[];
+  uploadError?: {
+    message: string;
+    occurredAt: string;
+  } | null;
   isLoading: boolean;
   loadError: string | null;
   isRunPending: boolean;
   isRunning: boolean;
+  isActive?: boolean;
   lastRunStatus?: WorkflowExecutionStatus | null;
   onRunWorkflow: () => Promise<void>;
   onSaveConfig: (nextConfig: WorkflowRunnableConfig | null) => Promise<void>;
@@ -193,6 +202,29 @@ const getErrorMessage = (error: unknown, fallback: string): string => {
   return rawMessage;
 };
 
+const formatWorkflowHandle = (
+  handle?: string | null,
+  teamSlug?: string | null,
+): string | null => {
+  const trimmedHandle = handle?.trim().replace(/^@+/, "");
+  if (!trimmedHandle) {
+    return null;
+  }
+
+  if (trimmedHandle.includes("/")) {
+    return `@${trimmedHandle}`;
+  }
+
+  const trimmedTeamSlug = teamSlug
+    ?.trim()
+    .replace(/^@+/, "")
+    .replace(/\/+$/, "");
+
+  return trimmedTeamSlug
+    ? `@${trimmedTeamSlug}/${trimmedHandle}`
+    : `@${trimmedHandle}`;
+};
+
 interface RunResultBanner {
   Icon: typeof CheckCircle2;
   className: string;
@@ -239,11 +271,15 @@ const resolveRunResultBanner = (
 export function WorkflowTabContent({
   workflowId,
   workflowName,
+  workflowHandle,
+  workflowTeamSlug,
   versions,
+  uploadError,
   isLoading,
   loadError,
   isRunPending,
   isRunning,
+  isActive = true,
   lastRunStatus = null,
   onRunWorkflow,
   onSaveConfig,
@@ -256,6 +292,8 @@ export function WorkflowTabContent({
   const navigate = useNavigate();
   const uploadsAllowed = useUploadsAllowed();
   const latestVersion = versions.at(-1);
+  const workflowSubtitleLabel =
+    formatWorkflowHandle(workflowHandle, workflowTeamSlug) ?? workflowName;
   const [isConfigOpen, setIsConfigOpen] = useState(false);
   const [isPublished, setIsPublished] = useState(initialIsPublished);
   const [requireLogin, setRequireLogin] = useState(initialRequireLogin);
@@ -271,6 +309,10 @@ export function WorkflowTabContent({
   const [isUpdateDialogOpen, setIsUpdateDialogOpen] = useState(false);
   const [isMissingCredentialsDialogOpen, setIsMissingCredentialsDialogOpen] =
     useState(false);
+  const [visibleRunResultStatus, setVisibleRunResultStatus] =
+    useState<WorkflowExecutionStatus | null>(null);
+  const isRunActive = isRunPending || isRunning;
+  const wasRunActiveRef = useRef(isRunActive);
   const hasMissingCredentials = missingCredentials.length > 0;
   const canDeleteWorkflow = Boolean(workflowId);
 
@@ -396,6 +438,26 @@ export function WorkflowTabContent({
     };
   }, [mermaidCacheKey, mermaidRenderId, mermaidSource]);
 
+  useEffect(() => {
+    const didFinishRun =
+      wasRunActiveRef.current && !isRunActive && Boolean(lastRunStatus);
+    wasRunActiveRef.current = isRunActive;
+
+    if (!isActive || isRunActive || !didFinishRun || !lastRunStatus) {
+      setVisibleRunResultStatus(null);
+      return;
+    }
+
+    setVisibleRunResultStatus(lastRunStatus);
+    const timeoutId = window.setTimeout(() => {
+      setVisibleRunResultStatus(null);
+    }, RUN_RESULT_BANNER_TIMEOUT_MS);
+
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [isActive, isRunActive, lastRunStatus]);
+
   const diagramNodes = useMemo(() => {
     if (!diagramSvg) {
       return [] as Node[];
@@ -438,10 +500,11 @@ export function WorkflowTabContent({
   }
 
   const canConfigure = Boolean(workflowId);
-  const isRunActive = isRunPending || isRunning;
+  const hasUploadError = Boolean(uploadError);
+  const uploadBlocksWorkflow = hasUploadError && !latestVersion;
   const runResultBanner =
-    !isRunActive && lastRunStatus
-      ? resolveRunResultBanner(lastRunStatus)
+    !isRunActive && visibleRunResultStatus
+      ? resolveRunResultBanner(visibleRunResultStatus)
       : null;
   const canRun = Boolean(workflowId && latestVersion);
   const runButtonDisabled = !canRun || isRunPending || isRunning;
@@ -480,6 +543,16 @@ export function WorkflowTabContent({
       return;
     }
 
+    if (uploadBlocksWorkflow) {
+      setIsPublished(false);
+      toast({
+        title: "Fix upload error first",
+        description: "Fix the error and upload again before publishing.",
+        variant: "destructive",
+      });
+      return;
+    }
+
     if (nextValue) {
       setIsPublishDialogOpen(true);
       return;
@@ -553,6 +626,16 @@ export function WorkflowTabContent({
       return;
     }
 
+    if (uploadBlocksWorkflow) {
+      setIsScheduled(false);
+      toast({
+        title: "Fix upload error first",
+        description: "Fix the error and upload again before scheduling.",
+        variant: "destructive",
+      });
+      return;
+    }
+
     setIsSchedulePending(true);
     try {
       if (nextValue) {
@@ -630,7 +713,7 @@ export function WorkflowTabContent({
               {workflowName || "Workflow"}
             </h2>
             <p className="text-sm text-muted-foreground">
-              {workflowName}
+              {workflowSubtitleLabel}
               {latestVersion ? ` · ${latestVersion.version}` : ""}
             </p>
           </div>
@@ -648,7 +731,7 @@ export function WorkflowTabContent({
                       onCheckedChange={(checked) =>
                         void handlePublishToggle(checked)
                       }
-                      disabled={isPublishPending}
+                      disabled={isPublishPending || uploadBlocksWorkflow}
                     />
                   </div>
                 </TooltipTrigger>
@@ -668,7 +751,9 @@ export function WorkflowTabContent({
                 onCheckedChange={(checked) =>
                   void handleScheduleToggle(checked)
                 }
-                disabled={isSchedulePending || !canToggleSchedule}
+                disabled={
+                  isSchedulePending || !canToggleSchedule || uploadBlocksWorkflow
+                }
               />
             </div>
             {workflowId && uploadsAllowed === true ? (
@@ -740,6 +825,22 @@ export function WorkflowTabContent({
           </div>
         )}
 
+        {uploadError && (
+          <Alert variant="destructive">
+            <XCircle className="h-4 w-4" />
+            <AlertTitle>Workflow upload failed</AlertTitle>
+            <AlertDescription>
+              <div className="space-y-2">
+                <p>{uploadError.message}</p>
+                <p>
+                  Fix the error in the workflow script or config, then upload
+                  again.
+                </p>
+              </div>
+            </AlertDescription>
+          </Alert>
+        )}
+
         {isPublished && shareUrl && (
           <div className="flex items-center justify-between rounded-md border border-border/60 bg-muted/20 px-3 py-2">
             <div className="min-w-0">

package/src/features/workflow/pages/workflow/hooks/controller/build-layout-props.ts

@@ -83,7 +83,10 @@ export function buildWorkflowLayoutProps(
     workflowId: core.metadata.currentWorkflowId,
     workflowRouteRef: core.routeWorkflowRef,
     workflowName: core.metadata.workflowName,
+    workflowHandle: core.metadata.workflowHandle,
+    workflowTeamSlug: core.metadata.workflowTeamSlug,
     versions: core.metadata.workflowVersions ?? [],
+    uploadError: core.metadata.workflowUploadError,
     isLoading: core.metadata.isWorkflowLoading,
     loadError: core.metadata.workflowLoadError,
     isRunPending: execution.isRunPending,

package/src/features/workflow/pages/workflow/hooks/controller/use-workflow-lifecycle.ts

@@ -13,8 +13,11 @@ export function useWorkflowLifecycle(
     setCurrentWorkflowId: core.metadata.setCurrentWorkflowId,
     setWorkflowName: core.metadata.setWorkflowName,
     setWorkflowDescription: core.metadata.setWorkflowDescription,
+    setWorkflowHandle: core.metadata.setWorkflowHandle,
+    setWorkflowTeamSlug: core.metadata.setWorkflowTeamSlug,
     setWorkflowTags: core.metadata.setWorkflowTags,
     setWorkflowVersions: core.metadata.setWorkflowVersions,
+    setWorkflowUploadError: core.metadata.setWorkflowUploadError,
     setChatkitStartScreenPrompts: core.metadata.setChatkitStartScreenPrompts,
     setChatkitSupportedModels: core.metadata.setChatkitSupportedModels,
     setIsWorkflowPublic: core.metadata.setIsWorkflowPublic,
@@ -30,7 +33,10 @@ export function useWorkflowLifecycle(
     currentWorkflowId: core.metadata.currentWorkflowId,
     setWorkflowName: core.metadata.setWorkflowName,
     setWorkflowDescription: core.metadata.setWorkflowDescription,
+    setWorkflowHandle: core.metadata.setWorkflowHandle,
+    setWorkflowTeamSlug: core.metadata.setWorkflowTeamSlug,
     setWorkflowVersions: core.metadata.setWorkflowVersions,
+    setWorkflowUploadError: core.metadata.setWorkflowUploadError,
     setWorkflowTags: core.metadata.setWorkflowTags,
     setChatkitStartScreenPrompts: core.metadata.setChatkitStartScreenPrompts,
     setChatkitSupportedModels: core.metadata.setChatkitSupportedModels,

package/src/features/workflow/pages/workflow/hooks/controller/use-workflow-resources.ts

@@ -40,6 +40,8 @@ export function useWorkflowResources(
   const saver = useWorkflowSaver({
     setWorkflowName: core.metadata.setWorkflowName,
     setWorkflowDescription: core.metadata.setWorkflowDescription,
+    setWorkflowHandle: core.metadata.setWorkflowHandle,
+    setWorkflowTeamSlug: core.metadata.setWorkflowTeamSlug,
     setWorkflowVersions: core.metadata.setWorkflowVersions,
     setWorkflowTags: core.metadata.setWorkflowTags,
     workflowName: core.metadata.workflowName,

package/src/features/workflow/pages/workflow/hooks/execution-runtime-updates.ts

@@ -43,7 +43,7 @@ export function collectRuntimeUpdates(
       return;
     }
 
-    const resultsCandidate = value["results"];
+    const resultsCandidate = value["node_results"];
     let candidatePayload: unknown;
 
     if (isRecord(resultsCandidate)) {

package/src/features/workflow/pages/workflow/hooks/use-workflow-loader.ts

@@ -19,8 +19,13 @@ interface UseWorkflowLoaderParams {
   setCurrentWorkflowId: Dispatch<SetStateAction<string | null>>;
   setWorkflowName: Dispatch<SetStateAction<string>>;
   setWorkflowDescription: Dispatch<SetStateAction<string>>;
+  setWorkflowHandle: Dispatch<SetStateAction<string | null>>;
+  setWorkflowTeamSlug: Dispatch<SetStateAction<string | null>>;
   setWorkflowTags: Dispatch<SetStateAction<string[]>>;
   setWorkflowVersions: Dispatch<SetStateAction<StoredWorkflow["versions"]>>;
+  setWorkflowUploadError: Dispatch<
+    SetStateAction<StoredWorkflow["uploadError"] | null>
+  >;
   setChatkitStartScreenPrompts: Dispatch<
     SetStateAction<ChatKitStartScreenPrompt[] | null>
   >;
@@ -42,8 +47,11 @@ export function useWorkflowLoader({
   setCurrentWorkflowId,
   setWorkflowName,
   setWorkflowDescription,
+  setWorkflowHandle,
+  setWorkflowTeamSlug,
   setWorkflowTags,
   setWorkflowVersions,
+  setWorkflowUploadError,
   setChatkitStartScreenPrompts,
   setChatkitSupportedModels,
   setIsWorkflowPublic,
@@ -64,8 +72,11 @@ export function useWorkflowLoader({
       setCurrentWorkflowId(null);
       setWorkflowName("New Workflow");
       setWorkflowDescription("");
+      setWorkflowHandle(null);
+      setWorkflowTeamSlug(null);
       setWorkflowTags(["draft"]);
       setWorkflowVersions([]);
+      setWorkflowUploadError(null);
       setChatkitStartScreenPrompts(null);
       setChatkitSupportedModels(null);
       setIsWorkflowPublic(false);
@@ -83,6 +94,9 @@ export function useWorkflowLoader({
         setActiveExecutionId(null);
         setChatkitStartScreenPrompts(null);
         setChatkitSupportedModels(null);
+        setWorkflowHandle(null);
+        setWorkflowTeamSlug(null);
+        setWorkflowUploadError(null);
         setIsWorkflowLoading(false);
         setWorkflowLoadError(null);
         return;
@@ -98,8 +112,11 @@ export function useWorkflowLoader({
           setCurrentWorkflowId(persisted.id);
           setWorkflowName(persisted.name);
           setWorkflowDescription(persisted.description ?? "");
+          setWorkflowHandle(persisted.handle ?? null);
+          setWorkflowTeamSlug(persisted.teamSlug ?? null);
           setWorkflowTags(persisted.tags ?? ["draft"]);
           setWorkflowVersions(persisted.versions ?? []);
+          setWorkflowUploadError(persisted.uploadError ?? null);
           setChatkitStartScreenPrompts(
             persisted.chatkitStartScreenPrompts ?? null,
           );
@@ -125,6 +142,7 @@ export function useWorkflowLoader({
           setWorkflowLoadError(
             error instanceof Error ? error.message : "Unknown error occurred",
           );
+          setWorkflowUploadError(null);
           setChatkitStartScreenPrompts(null);
           setChatkitSupportedModels(null);
           setIsWorkflowPublic(false);
@@ -163,6 +181,9 @@ export function useWorkflowLoader({
     setExecutions,
     setActiveExecutionId,
     setWorkflowDescription,
+    setWorkflowHandle,
+    setWorkflowTeamSlug,
+    setWorkflowUploadError,
     setChatkitStartScreenPrompts,
     setChatkitSupportedModels,
     setIsWorkflowPublic,
@@ -172,6 +193,7 @@ export function useWorkflowLoader({
     setWorkflowShareUrl,
     setWorkflowTags,
     setWorkflowVersions,
+    setWorkflowRequireLogin,
     workflowId,
   ]);
 

package/src/features/workflow/pages/workflow/hooks/use-workflow-metadata-state.ts

@@ -9,12 +9,17 @@ import type {
 export function useWorkflowMetadataState() {
   const [workflowName, setWorkflowName] = useState("New Workflow");
   const [workflowDescription, setWorkflowDescription] = useState("");
+  const [workflowHandle, setWorkflowHandle] = useState<string | null>(null);
+  const [workflowTeamSlug, setWorkflowTeamSlug] = useState<string | null>(null);
   const [currentWorkflowId, setCurrentWorkflowId] = useState<string | null>(
     null,
   );
   const [workflowVersions, setWorkflowVersions] = useState<
     StoredWorkflow["versions"]
   >([]);
+  const [workflowUploadError, setWorkflowUploadError] = useState<
+    StoredWorkflow["uploadError"] | null
+  >(null);
   const [workflowTags, setWorkflowTags] = useState<string[]>(["draft"]);
   const [isWorkflowLoading, setIsWorkflowLoading] = useState(false);
   const [workflowLoadError, setWorkflowLoadError] = useState<string | null>(
@@ -35,10 +40,16 @@ export function useWorkflowMetadataState() {
     setWorkflowName,
     workflowDescription,
     setWorkflowDescription,
+    workflowHandle,
+    setWorkflowHandle,
+    workflowTeamSlug,
+    setWorkflowTeamSlug,
     currentWorkflowId,
     setCurrentWorkflowId,
     workflowVersions,
     setWorkflowVersions,
+    workflowUploadError,
+    setWorkflowUploadError,
     workflowTags,
     setWorkflowTags,
     isWorkflowLoading,

package/src/features/workflow/pages/workflow/hooks/use-workflow-saver.ts

@@ -13,6 +13,8 @@ import type { WorkflowRunnableConfig } from "@features/workflow/lib/workflow-sto
 interface WorkflowSaverOptions {
   setWorkflowName: Dispatch<SetStateAction<string>>;
   setWorkflowDescription: Dispatch<SetStateAction<string>>;
+  setWorkflowHandle: Dispatch<SetStateAction<string | null>>;
+  setWorkflowTeamSlug: Dispatch<SetStateAction<string | null>>;
   setWorkflowVersions: Dispatch<SetStateAction<StoredWorkflow["versions"]>>;
   setWorkflowTags: Dispatch<SetStateAction<string[]>>;
   workflowName: string;
@@ -37,6 +39,8 @@ export function useWorkflowSaver(
   const {
     setWorkflowName,
     setWorkflowDescription,
+    setWorkflowHandle,
+    setWorkflowTeamSlug,
     setWorkflowVersions,
     setWorkflowTags,
     workflowName,
@@ -111,6 +115,8 @@ export function useWorkflowSaver(
 
       setWorkflowName(saved.name);
       setWorkflowDescription(saved.description ?? "");
+      setWorkflowHandle(saved.handle ?? null);
+      setWorkflowTeamSlug(saved.teamSlug ?? null);
       setWorkflowTags(saved.tags ?? tagsToPersist);
       setWorkflowVersions(saved.versions ?? []);
 
@@ -131,6 +137,8 @@ export function useWorkflowSaver(
   }, [
     currentWorkflowId,
     setWorkflowDescription,
+    setWorkflowHandle,
+    setWorkflowTeamSlug,
     setWorkflowName,
     setWorkflowTags,
     setWorkflowVersions,

package/src/features/workflow/pages/workflow/hooks/use-workflow-storage-listener.ts

@@ -15,7 +15,12 @@ interface UseWorkflowStorageListenerParams {
   currentWorkflowId: string | null;
   setWorkflowName: Dispatch<SetStateAction<string>>;
   setWorkflowDescription: Dispatch<SetStateAction<string>>;
+  setWorkflowHandle: Dispatch<SetStateAction<string | null>>;
+  setWorkflowTeamSlug: Dispatch<SetStateAction<string | null>>;
   setWorkflowVersions: Dispatch<SetStateAction<StoredWorkflow["versions"]>>;
+  setWorkflowUploadError: Dispatch<
+    SetStateAction<StoredWorkflow["uploadError"] | null>
+  >;
   setWorkflowTags: Dispatch<SetStateAction<string[]>>;
   setChatkitStartScreenPrompts: Dispatch<
     SetStateAction<ChatKitStartScreenPrompt[] | null>
@@ -29,7 +34,10 @@ export function useWorkflowStorageListener({
   currentWorkflowId,
   setWorkflowName,
   setWorkflowDescription,
+  setWorkflowHandle,
+  setWorkflowTeamSlug,
   setWorkflowVersions,
+  setWorkflowUploadError,
   setWorkflowTags,
   setChatkitStartScreenPrompts,
   setChatkitSupportedModels,
@@ -50,7 +58,10 @@ export function useWorkflowStorageListener({
         if (updated) {
           setWorkflowName(updated.name);
           setWorkflowDescription(updated.description ?? "");
+          setWorkflowHandle(updated.handle ?? null);
+          setWorkflowTeamSlug(updated.teamSlug ?? null);
           setWorkflowVersions(updated.versions ?? []);
+          setWorkflowUploadError(updated.uploadError ?? null);
           setWorkflowTags(updated.tags ?? ["draft"]);
           setChatkitStartScreenPrompts(
             updated.chatkitStartScreenPrompts ?? null,
@@ -72,10 +83,13 @@ export function useWorkflowStorageListener({
   }, [
     currentWorkflowId,
     setWorkflowDescription,
+    setWorkflowHandle,
+    setWorkflowTeamSlug,
     setChatkitStartScreenPrompts,
     setChatkitSupportedModels,
     setWorkflowName,
     setWorkflowTags,
+    setWorkflowUploadError,
     setWorkflowVersions,
   ]);
 }

package/src/features/workflow/pages/workflow-gallery/workflow-card.tsx

@@ -128,6 +128,7 @@ export const WorkflowCard = ({
   const versionToDisplay = isTemplate
     ? (candidateBadge?.version ?? null)
     : (workflow.versions?.at(-1)?.candidateSource?.candidateVersion ?? null);
+  const uploadError = !isTemplate ? workflow.uploadError : undefined;
   const avatarUrl = resolveAvatarUrl(
     workflow.avatarEmoji ?? getWorkflowTemplateAvatar(workflow),
     workflow.id,
@@ -309,10 +310,31 @@ export const WorkflowCard = ({
 
         <CardContent className="flex flex-1 min-h-0 flex-col items-center px-5 py-3 text-center">
           <div className="relative flex w-full shrink-0 items-start justify-center">
-            <div className="absolute left-0 top-0 flex items-center gap-1 rounded-md border border-border/70 bg-muted/60 px-2 py-1 text-muted-foreground shadow-sm dark:bg-slate-950/20">
-              <span className="h-1.5 w-1.5 rounded-full bg-slate-800 shadow-[0_0_6px_rgba(15,23,42,0.32)] dark:bg-slate-200 dark:shadow-[0_0_6px_rgba(226,232,240,0.28)]" />
-              <span className="font-mono text-[9px] font-bold uppercase tracking-[0.1em] text-slate-700 dark:text-slate-300">
-                AI
+            <div
+              className={cn(
+                "absolute left-0 top-0 flex items-center gap-1 rounded-md border px-2 py-1 shadow-sm",
+                uploadError
+                  ? "border-red-500/40 bg-red-50 text-red-700 dark:bg-red-950/40 dark:text-red-300"
+                  : "border-border/70 bg-muted/60 text-muted-foreground dark:bg-slate-950/20",
+              )}
+            >
+              <span
+                className={cn(
+                  "h-1.5 w-1.5 rounded-full",
+                  uploadError
+                    ? "bg-red-600 shadow-[0_0_6px_rgba(220,38,38,0.45)] dark:bg-red-300"
+                    : "bg-slate-800 shadow-[0_0_6px_rgba(15,23,42,0.32)] dark:bg-slate-200 dark:shadow-[0_0_6px_rgba(226,232,240,0.28)]",
+                )}
+              />
+              <span
+                className={cn(
+                  "font-mono text-[9px] font-bold uppercase tracking-[0.1em]",
+                  uploadError
+                    ? "text-red-700 dark:text-red-300"
+                    : "text-slate-700 dark:text-slate-300",
+                )}
+              >
+                {uploadError ? "Error" : "AI"}
               </span>
             </div>
 

package/dist/assets/channel-CeR8j9Si.js

@@ -1 +0,0 @@
-import{ap as o,aq as n}from"./index-CARUdnbv.js";const t=(a,r)=>o.lang.round(n.parse(a)[r]);export{t as c};

package/dist/assets/classDiagram-2ON5EDUG-B2tKUrqn.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-B4BG7PRW-BW8UEmwi.js";import{_ as i}from"./index-CARUdnbv.js";import"./chunk-FMBD7UC4-L-9FXYi4.js";import"./chunk-55IACEB6-CxNWLhGM.js";import"./chunk-QN33PNHL-DZtaWvmZ.js";var p={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{p as diagram};

package/dist/assets/classDiagram-v2-WZHVMYZB-B2tKUrqn.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-B4BG7PRW-BW8UEmwi.js";import{_ as i}from"./index-CARUdnbv.js";import"./chunk-FMBD7UC4-L-9FXYi4.js";import"./chunk-55IACEB6-CxNWLhGM.js";import"./chunk-QN33PNHL-DZtaWvmZ.js";var p={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{p as diagram};

package/dist/assets/clone-BN-HxSe-.js

@@ -1 +0,0 @@
-import{ay as r}from"./index-CARUdnbv.js";var a=4;function n(o){return r(o,a)}export{n as c};

package/dist/assets/stateDiagram-v2-4FDKWEC3-elh6u9Fl.js

@@ -1 +0,0 @@
-import{s as t,b as r,a,S as s}from"./chunk-DI55MBZ5-_6YQcHqR.js";import{_ as i}from"./index-CARUdnbv.js";import"./chunk-55IACEB6-CxNWLhGM.js";import"./chunk-QN33PNHL-DZtaWvmZ.js";var l={parser:a,get db(){return new s(2)},renderer:r,styles:t,init:i(e=>{e.state||(e.state={}),e.state.arrowMarkerAbsolute=e.arrowMarkerAbsolute},"init")};export{l as diagram};