orcheo-studio 0.21.3 → 0.22.2

package/src/features/workflow/pages/workflow-gallery/use-workflow-gallery-actions.ts

@@ -1,4 +1,4 @@
-import { useCallback } from "react";
+import { useCallback, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { toast } from "@/hooks/use-toast";
 import {
@@ -10,14 +10,29 @@ import {
   deleteWorkflow,
   onboardCandidateAsWorkflow,
 } from "@features/workflow/lib/workflow-storage";
-import { fetchWorkflowVersions } from "@features/workflow/lib/workflow-storage-api";
+import {
+  type ApiTeam,
+  createTeam,
+  deleteTeam,
+  fetchWorkflowVersions,
+} from "@features/workflow/lib/workflow-storage-api";
 import { getWorkflowRouteRef } from "@features/workflow/lib/workflow-storage-helpers";
 import { getSelectedWorkspaceSlug } from "@/lib/workspace-session";
-import { getWorkspaceWorkflowPath } from "@/lib/workspace-routing";
+import {
+  getWorkspaceTeamWorkflowPath,
+  getWorkspaceWorkflowPath,
+} from "@/lib/workspace-routing";
 import { type WorkflowGalleryTab } from "./types";
 
 interface WorkflowGalleryActionsArgs {
   setSelectedTab: (value: WorkflowGalleryTab) => void;
+  teams: ApiTeam[];
+  refreshTeams: () => Promise<void>;
+}
+
+interface OnboardTarget {
+  candidateId: string;
+  candidateName: string;
 }
 
 const STARTER_TEMPLATE_IDS = ["template-python-agent"];
@@ -81,30 +96,27 @@ export const useWorkflowGalleryActions = (
   state: WorkflowGalleryActionsArgs,
 ) => {
   const navigate = useNavigate();
+  const [onboardTarget, setOnboardTarget] = useState<OnboardTarget | null>(
+    null,
+  );
+  const [isCreateTeamOpen, setIsCreateTeamOpen] = useState(false);
 
   const handleOpenWorkflow = useCallback(
-    (workflowId: string) => {
-      navigate(
-        getWorkspaceWorkflowPath(getSelectedWorkspaceSlug(), workflowId),
-      );
+    (workflowId: string, teamSlug?: string) => {
+      const slug = getSelectedWorkspaceSlug();
+      const path =
+        teamSlug
+          ? getWorkspaceTeamWorkflowPath(slug, teamSlug, workflowId)
+          : getWorkspaceWorkflowPath(slug, workflowId);
+      navigate(path);
     },
     [navigate],
   );
 
-  const handleUseTemplate = useCallback(
-    async (templateId: string) => {
+  const performOnboard = useCallback(
+    async (candidateId: string, teamId?: string) => {
       try {
-        const badge = getCandidateBadgeDefinition(templateId);
-        if (!badge?.candidateId) {
-          toast({
-            title: "Candidate unavailable",
-            description: "We couldn't find that candidate. Please try another.",
-            variant: "destructive",
-          });
-          return;
-        }
-
-        const workflow = await onboardCandidateAsWorkflow(badge.candidateId);
+        const workflow = await onboardCandidateAsWorkflow(candidateId, teamId);
 
         state.setSelectedTab("all");
 
@@ -113,7 +125,8 @@ export const useWorkflowGalleryActions = (
           description: `"${workflow.name}" has been onboarded to your workspace.`,
         });
 
-        handleOpenWorkflow(getWorkflowRouteRef(workflow));
+        const team = teamId ? state.teams.find((t) => t.id === teamId) : null;
+        handleOpenWorkflow(getWorkflowRouteRef(workflow), team?.slug);
       } catch (error) {
         toast({
           title: "Failed to onboard candidate",
@@ -126,6 +139,48 @@ export const useWorkflowGalleryActions = (
     [handleOpenWorkflow, state],
   );
 
+  const handleUseTemplate = useCallback(
+    async (templateId: string) => {
+      const badge = getCandidateBadgeDefinition(templateId);
+      if (!badge?.candidateId) {
+        toast({
+          title: "Candidate unavailable",
+          description: "We couldn't find that candidate. Please try another.",
+          variant: "destructive",
+        });
+        return;
+      }
+
+      // With more than one team, ask which team to onboard into. Otherwise the
+      // server places the colleague in the workspace's default team.
+      if (state.teams.length > 1) {
+        setOnboardTarget({
+          candidateId: badge.candidateId,
+          candidateName: badge.name ?? badge.candidateId,
+        });
+        return;
+      }
+
+      await performOnboard(badge.candidateId);
+    },
+    [performOnboard, state.teams],
+  );
+
+  const confirmOnboardTeam = useCallback(
+    async (teamId: string) => {
+      const target = onboardTarget;
+      setOnboardTarget(null);
+      if (target) {
+        await performOnboard(target.candidateId, teamId);
+      }
+    },
+    [onboardTarget, performOnboard],
+  );
+
+  const cancelOnboardTeam = useCallback(() => {
+    setOnboardTarget(null);
+  }, []);
+
   const handleImportStarterPack = useCallback(async () => {
     try {
       const results = await Promise.allSettled(
@@ -193,6 +248,40 @@ export const useWorkflowGalleryActions = (
     }
   }, []);
 
+  const handleCreateTeam = useCallback(
+    async (name: string, slug: string) => {
+      await createTeam({ name, slug });
+      await state.refreshTeams();
+      toast({
+        title: "Team created",
+        description: `"${name}" is ready to group colleagues.`,
+      });
+    },
+    [state],
+  );
+
+  const handleDeleteTeam = useCallback(
+    async (teamId: string) => {
+      const team = state.teams.find((t) => t.id === teamId);
+      try {
+        await deleteTeam(teamId);
+        await state.refreshTeams();
+        toast({
+          title: "Team removed",
+          description: team ? `"${team.name}" has been removed.` : undefined,
+        });
+      } catch (error) {
+        toast({
+          title: "Cannot remove team",
+          description:
+            error instanceof Error ? error.message : "Unknown error occurred",
+          variant: "destructive",
+        });
+      }
+    },
+    [state],
+  );
+
   const handleDeleteWorkflow = useCallback(
     async (workflowId: string, workflowName: string) => {
       try {
@@ -213,11 +302,25 @@ export const useWorkflowGalleryActions = (
     [],
   );
 
+  const openCreateTeamDialog = useCallback(() => setIsCreateTeamOpen(true), []);
+  const closeCreateTeamDialog = useCallback(
+    () => setIsCreateTeamOpen(false),
+    [],
+  );
+
   return {
     handleOpenWorkflow,
     handleUseTemplate,
     handleImportStarterPack,
     handleExportWorkflow,
     handleDeleteWorkflow,
+    onboardTarget,
+    confirmOnboardTeam,
+    cancelOnboardTeam,
+    isCreateTeamOpen,
+    openCreateTeamDialog,
+    closeCreateTeamDialog,
+    handleCreateTeam,
+    handleDeleteTeam,
   };
 };

package/src/features/workflow/pages/workflow-gallery/use-workflow-gallery-state.ts

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "@/hooks/use-toast";
 import {
   GALLERY_TEMPLATE_WORKFLOWS,
@@ -16,7 +16,9 @@ import {
 } from "@features/workflow/lib/workflow-storage";
 import {
   type ApiCandidate,
+  type ApiTeam,
   fetchCandidates,
+  fetchTeams,
 } from "@features/workflow/lib/workflow-storage-api";
 import {
   type WorkflowGalleryTab,
@@ -33,6 +35,8 @@ interface WorkflowGalleryStateSlice {
   tabCounts: WorkflowGalleryTabCounts;
   isTemplateView: boolean;
   templates: Workflow[];
+  teams: ApiTeam[];
+  refreshTeams: () => Promise<void>;
 }
 
 const toCandidateSpec = (candidate: ApiCandidate): CandidateBadgeSpec => ({
@@ -63,6 +67,7 @@ const matchesWorkflowSearch = (
 export const useWorkflowGalleryState = (): WorkflowGalleryStateSlice => {
   const [workflows, setWorkflows] = useState<StoredWorkflow[]>([]);
   const [candidateWorkflows, setCandidateWorkflows] = useState<Workflow[]>([]);
+  const [teams, setTeams] = useState<ApiTeam[]>([]);
   const [isLoadingWorkflows, setIsLoadingWorkflows] = useState(true);
   const [searchQuery, setSearchQuery] = useState("");
   const [selectedTab, setSelectedTab] = useState<WorkflowGalleryTab>("all");
@@ -96,6 +101,15 @@ export const useWorkflowGalleryState = (): WorkflowGalleryStateSlice => {
     };
   }, []);
 
+  const refreshTeams = useCallback(async () => {
+    try {
+      const teamList = await fetchTeams();
+      setTeams(teamList);
+    } catch {
+      // non-fatal — teams list will stay stale
+    }
+  }, []);
+
   useEffect(() => {
     let isMounted = true;
 
@@ -104,9 +118,13 @@ export const useWorkflowGalleryState = (): WorkflowGalleryStateSlice => {
         setIsLoadingWorkflows(true);
       }
       try {
-        const items = await listWorkflows({ forceRefresh });
+        const [items, teamList] = await Promise.all([
+          listWorkflows({ forceRefresh }),
+          fetchTeams().catch(() => [] as ApiTeam[]),
+        ]);
         if (isMounted) {
           setWorkflows(items);
+          setTeams(teamList);
         }
       } catch (error) {
         if (!isMounted) {
@@ -202,5 +220,7 @@ export const useWorkflowGalleryState = (): WorkflowGalleryStateSlice => {
     tabCounts,
     isTemplateView,
     templates,
+    teams,
+    refreshTeams,
   };
 };

package/src/features/workflow/pages/workflow-gallery/use-workflow-gallery.ts

@@ -5,6 +5,8 @@ export const useWorkflowGallery = () => {
   const state = useWorkflowGalleryState();
   const actions = useWorkflowGalleryActions({
     setSelectedTab: state.setSelectedTab,
+    teams: state.teams,
+    refreshTeams: state.refreshTeams,
   });
 
   return {

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

@@ -19,7 +19,10 @@ import {
 import { cn } from "@/lib/utils";
 import { resolveAvatarUrl } from "@/assets/avatars";
 import { ConfirmDeleteWorkflowDialog } from "@features/workflow/components/dialogs/confirm-delete-workflow-dialog";
-import { getCandidateBadgeDefinition } from "@features/workflow/data/templates/candidate-badges";
+import {
+  getCandidateBadgeByHandle,
+  getCandidateBadgeDefinition,
+} from "@features/workflow/data/templates/candidate-badges";
 import { type Workflow } from "@features/workflow/data/workflow-data";
 import { getWorkflowRouteRef } from "@features/workflow/lib/workflow-storage-helpers";
 import { WORKFLOW_GALLERY_CARD_ASPECT_CLASSNAME } from "./workflow-card-size";
@@ -37,6 +40,7 @@ const getWorkflowTemplateAvatar = (workflow: Workflow): string | undefined => {
 interface WorkflowCardProps {
   workflow: Workflow;
   isTemplate: boolean;
+  teamSlug?: string;
   workspaceLabel: string;
   onOpenWorkflow: (workflowId: string) => void;
   onUseTemplate: (workflowId: string) => void;
@@ -50,6 +54,7 @@ interface WorkflowCardProps {
 export const WorkflowCard = ({
   workflow,
   isTemplate,
+  teamSlug,
   workspaceLabel,
   onOpenWorkflow,
   onUseTemplate,
@@ -62,8 +67,24 @@ export const WorkflowCard = ({
   const candidateBadge = isTemplate
     ? getCandidateBadgeDefinition(workflow.id)
     : undefined;
+  const templateId = !isTemplate
+    ? workflow.versions?.at(-1)?.templateId
+    : undefined;
+  const templateBadge = !isTemplate
+    ? (templateId
+        ? getCandidateBadgeDefinition(templateId)
+        : workflow.handle
+          ? getCandidateBadgeByHandle(workflow.handle)
+          : undefined)
+    : undefined;
+  const displayBadge = candidateBadge ?? templateBadge;
   const headerLabel = isTemplate ? "Candidate" : workspaceLabel;
-  const workflowSlug = workflow.handle ?? workflow.id;
+  const rawHandle = workflow.handle ?? workflow.id;
+  const workflowSlug = isTemplate
+    ? rawHandle.replace(/^template-/, "").replace(/_/g, "-")
+    : rawHandle;
+  const displayHandle =
+    !isTemplate && teamSlug ? `${teamSlug}/${workflowSlug}` : workflowSlug;
   const avatarUrl = resolveAvatarUrl(
     workflow.avatarEmoji ?? getWorkflowTemplateAvatar(workflow),
     workflow.id,
@@ -271,15 +292,15 @@ export const WorkflowCard = ({
           </div>
 
           <div className="mt-1 shrink-0 font-mono text-[10px] tracking-[0.04em] text-muted-foreground">
-            @{workflowSlug}
+            @{displayHandle}
           </div>
 
           <div className="mt-3 flex min-h-0 w-full flex-1 flex-col items-center justify-start">
             <div className="h-px w-8 rounded-full bg-border/80" />
 
-            {candidateBadge?.subtitle ? (
+            {displayBadge?.subtitle ? (
               <div className="mt-1 shrink-0 font-mono text-[10px] font-semibold uppercase tracking-[0.12em] text-muted-foreground">
-                {candidateBadge.subtitle}
+                {displayBadge.subtitle}
               </div>
             ) : null}
 

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

@@ -9,9 +9,11 @@ import {
 } from "@/design-system/ui/tabs";
 import { Loader2, Search, Upload, Zap } from "lucide-react";
 import { type Workflow } from "@features/workflow/data/workflow-data";
+import { type ApiTeam } from "@features/workflow/lib/workflow-storage-api";
 import { UploadWorkflowDialog } from "@features/workflow/components/dialogs/upload-workflow-dialog";
 import { useUploadsAllowed } from "@/hooks/use-uploads-allowed";
 import { WorkflowCard } from "./workflow-card";
+import { TeamSection } from "./team-section";
 import {
   type WorkflowGalleryTab,
   type WorkflowGalleryTabCounts,
@@ -24,17 +26,19 @@ interface WorkflowGalleryTabsProps {
   sortedWorkflows: Workflow[];
   tabCounts: WorkflowGalleryTabCounts;
   isTemplateView: boolean;
+  teams?: ApiTeam[];
   workspaceLabel: string;
   searchQuery: string;
   onSearchQueryChange: (value: string) => void;
   onImportStarterPack: () => void;
-  onOpenWorkflow: (workflowId: string) => void;
+  onOpenWorkflow: (workflowId: string, teamSlug?: string) => void;
   onUseTemplate: (workflowId: string) => void;
   onExportWorkflow: (workflow: Workflow) => void;
   onDeleteWorkflow: (
     workflowId: string,
     workflowName: string,
   ) => Promise<void> | void;
+  onDeleteTeam?: (teamId: string) => void;
 }
 
 export const WorkflowGalleryTabs = ({
@@ -44,6 +48,7 @@ export const WorkflowGalleryTabs = ({
   sortedWorkflows,
   tabCounts,
   isTemplateView,
+  teams = [],
   workspaceLabel,
   searchQuery,
   onSearchQueryChange,
@@ -52,6 +57,7 @@ export const WorkflowGalleryTabs = ({
   onUseTemplate,
   onExportWorkflow,
   onDeleteWorkflow,
+  onDeleteTeam,
 }: WorkflowGalleryTabsProps) => {
   const [isUploadOpen, setIsUploadOpen] = useState(false);
   const uploadsAllowed = useUploadsAllowed();
@@ -60,6 +66,87 @@ export const WorkflowGalleryTabs = ({
     onSearchQueryChange(event.target.value);
   };
 
+  const renderGrid = (items: Workflow[], teamSlug?: string) => (
+    <div className="grid grid-cols-1 gap-3 pb-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6">
+      {items.map((workflow) => (
+        <WorkflowCard
+          key={workflow.id}
+          workflow={workflow}
+          isTemplate={isTemplateView}
+          teamSlug={teamSlug}
+          workspaceLabel={workspaceLabel}
+          onOpenWorkflow={(id) => onOpenWorkflow(id, teamSlug)}
+          onUseTemplate={onUseTemplate}
+          onExportWorkflow={onExportWorkflow}
+          onDeleteWorkflow={onDeleteWorkflow}
+        />
+      ))}
+    </div>
+  );
+
+  // Group colleagues into vertical, collapsible team sections. Candidate
+  // (template) view stays flat since candidates are not yet assigned a team.
+  const renderColleagues = () => {
+    if (isTemplateView) {
+      return renderGrid(sortedWorkflows);
+    }
+
+    // No teams yet — fall back to flat grid (e.g. during first load).
+    if (teams.length === 0) {
+      return renderGrid(sortedWorkflows);
+    }
+
+    const byTeam = new Map<string, Workflow[]>();
+    for (const workflow of sortedWorkflows) {
+      const key = workflow.teamId ?? "__none__";
+      const bucket = byTeam.get(key);
+      if (bucket) {
+        bucket.push(workflow);
+      } else {
+        byTeam.set(key, [workflow]);
+      }
+    }
+
+    // All known teams, in default-first order from the server, then any
+    // orphaned workflows whose team no longer appears in the list.
+    const leftovers = [...byTeam.keys()].filter(
+      (key) => key !== "__none__" && !teams.some((t) => t.id === key),
+    );
+    const sections = [
+      ...teams.map((team) => ({
+        key: team.id,
+        name: team.name,
+        slug: team.slug,
+      })),
+      ...leftovers.map((key) => ({ key, name: "Other", slug: undefined })),
+      ...(byTeam.has("__none__")
+        ? [{ key: "__none__", name: "Ungrouped", slug: undefined }]
+        : []),
+    ];
+
+    return (
+      <div className="flex flex-col gap-1 pb-6">
+        {sections.map((section) => {
+          const items = byTeam.get(section.key) ?? [];
+          return (
+            <TeamSection
+              key={section.key}
+              name={section.name}
+              count={items.length}
+              onRemove={
+                onDeleteTeam && section.slug !== undefined
+                  ? () => onDeleteTeam(section.key)
+                  : undefined
+              }
+            >
+              {items.length > 0 ? renderGrid(items, section.slug) : null}
+            </TeamSection>
+          );
+        })}
+      </div>
+    );
+  };
+
   return (
     <Tabs
       value={selectedTab}
@@ -132,7 +219,8 @@ export const WorkflowGalleryTabs = ({
               </p>
             </div>
           </div>
-        ) : sortedWorkflows.length === 0 ? (
+        ) : sortedWorkflows.length === 0 &&
+          (isTemplateView || teams.length === 0) ? (
           <div className="flex flex-col items-center justify-center py-12 text-center">
             <div className="mb-4 rounded-full bg-muted p-4">
               <Zap className="h-8 w-8 text-muted-foreground" />
@@ -152,20 +240,7 @@ export const WorkflowGalleryTabs = ({
             </div>
           </div>
         ) : (
-          <div className="grid grid-cols-1 gap-3 pb-6 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6">
-            {sortedWorkflows.map((workflow) => (
-              <WorkflowCard
-                key={workflow.id}
-                workflow={workflow}
-                isTemplate={isTemplateView}
-                workspaceLabel={workspaceLabel}
-                onOpenWorkflow={onOpenWorkflow}
-                onUseTemplate={onUseTemplate}
-                onExportWorkflow={onExportWorkflow}
-                onDeleteWorkflow={onDeleteWorkflow}
-              />
-            ))}
-          </div>
+          renderColleagues()
         )}
       </TabsContent>
     </Tabs>

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

@@ -3,7 +3,11 @@ import TopNavigation from "@features/shared/components/top-navigation";
 import { getActiveWorkspace } from "@/lib/api";
 import useCredentialVault from "@/hooks/use-credential-vault";
 import { usePageContext } from "@/hooks/use-page-context";
+import { Button } from "@/design-system/ui/button";
+import { Plus } from "lucide-react";
 import { WorkflowGalleryTabs } from "@/features/workflow/pages/workflow-gallery/workflow-gallery-tabs";
+import { OnboardTeamDialog } from "@/features/workflow/pages/workflow-gallery/onboard-team-dialog";
+import { CreateTeamDialog } from "@/features/workflow/pages/workflow-gallery/create-team-dialog";
 import { useWorkflowGallery } from "@/features/workflow/pages/workflow-gallery/use-workflow-gallery";
 
 export default function WorkflowGallery() {
@@ -53,11 +57,20 @@ export default function WorkflowGallery() {
     sortedWorkflows,
     tabCounts,
     isTemplateView,
+    teams,
     handleUseTemplate,
     handleImportStarterPack,
     handleExportWorkflow,
     handleDeleteWorkflow,
     handleOpenWorkflow,
+    onboardTarget,
+    confirmOnboardTeam,
+    cancelOnboardTeam,
+    isCreateTeamOpen,
+    openCreateTeamDialog,
+    closeCreateTeamDialog,
+    handleCreateTeam,
+    handleDeleteTeam,
   } = useWorkflowGallery();
 
   return (
@@ -71,7 +84,7 @@ export default function WorkflowGallery() {
         onRevealCredentialSecret={onRevealCredentialSecret}
       />
 
-      <main className="flex flex-1 min-h-0 flex-col overflow-hidden">
+      <main className="relative flex flex-1 min-h-0 flex-col overflow-hidden">
         <div className="flex-1 overflow-auto">
           <WorkflowGalleryTabs
             selectedTab={selectedTab}
@@ -80,6 +93,7 @@ export default function WorkflowGallery() {
             sortedWorkflows={sortedWorkflows}
             tabCounts={tabCounts}
             isTemplateView={isTemplateView}
+            teams={teams}
             workspaceLabel={workspaceLabel}
             searchQuery={searchQuery}
             onSearchQueryChange={setSearchQuery}
@@ -88,9 +102,39 @@ export default function WorkflowGallery() {
             onUseTemplate={handleUseTemplate}
             onExportWorkflow={handleExportWorkflow}
             onDeleteWorkflow={handleDeleteWorkflow}
+            onDeleteTeam={handleDeleteTeam}
           />
         </div>
+
+        {!isTemplateView && (
+          <div className="absolute bottom-4 left-4">
+            <Button variant="outline" size="sm" onClick={openCreateTeamDialog}>
+              <Plus className="mr-2 h-4 w-4" />
+              New team
+            </Button>
+          </div>
+        )}
       </main>
+
+      <CreateTeamDialog
+        open={isCreateTeamOpen}
+        onOpenChange={(open) => {
+          if (!open) closeCreateTeamDialog();
+        }}
+        onCreate={handleCreateTeam}
+      />
+
+      <OnboardTeamDialog
+        open={onboardTarget !== null}
+        candidateName={onboardTarget?.candidateName ?? ""}
+        teams={teams}
+        onSelect={confirmOnboardTeam}
+        onOpenChange={(open) => {
+          if (!open) {
+            cancelOnboardTeam();
+          }
+        }}
+      />
     </div>
   );
 }

package/src/lib/api.ts

@@ -244,7 +244,19 @@ async function requestSystemJson<T>(
     const errorData = await response.json().catch(() => ({
       detail: "Failed to complete request",
     }));
-    throw new Error(errorData.detail || `HTTP ${response.status}`);
+    const detail = errorData.detail;
+    let message: string;
+    if (typeof detail === "string") {
+      message = detail;
+    } else if (detail && typeof detail === "object" && "error" in detail) {
+      const err = detail.error as Record<string, unknown>;
+      message = typeof err.message === "string" ? err.message : `HTTP ${response.status}`;
+    } else if (Array.isArray(detail)) {
+      message = detail.map((e: Record<string, unknown>) => e.msg ?? JSON.stringify(e)).join("; ");
+    } else {
+      message = `HTTP ${response.status}`;
+    }
+    throw new Error(message);
   }
 
   return response.json();

package/src/lib/workspace-routing.ts

@@ -53,6 +53,21 @@ export const getWorkspaceWorkflowPath = (
   return slug ? `/${slug}/${ref}` : `/${ref}`;
 };
 
+export const getWorkspaceTeamWorkflowPath = (
+  workspaceSlug: string | null | undefined,
+  teamSlug: string,
+  workflowRef: string,
+): string => {
+  const slug = trimPathSegment(workspaceSlug);
+  const ref = workflowRef.trim();
+  if (!ref) {
+    return getWorkspaceGalleryPath(slug);
+  }
+  return slug
+    ? `/${slug}/team/${teamSlug}/${ref}`
+    : `/team/${teamSlug}/${ref}`;
+};
+
 export const getWorkspaceSlugFromPathname = (
   pathname: string,
 ): string | null => {

package/src/main.tsx

@@ -3,8 +3,15 @@ import * as ReactDOM from "react-dom";
 import { createRoot } from "react-dom/client";
 import App from "./App";
 import "./index.css";
+import { buildBackendHttpUrl } from "./lib/config";
 import { initializeTheme, watchSystemTheme } from "./lib/theme";
 
+const chatkitScript = document.createElement("script");
+chatkitScript.src = buildBackendHttpUrl("/api/chatkit/assets/chatkit.js");
+chatkitScript.async = true;
+chatkitScript.crossOrigin = "anonymous";
+document.head.appendChild(chatkitScript);
+
 // Initialize theme before React renders to prevent flash of wrong theme
 initializeTheme();
 

package/dist/assets/channel-C-DaAO-p.js

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

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

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-B4BG7PRW-Duatgdyr.js";import{_ as i}from"./index-DmIcay1T.js";import"./chunk-FMBD7UC4-C07lS0oH.js";import"./chunk-55IACEB6-BTpqJ_MA.js";import"./chunk-QN33PNHL-C09PhK0w.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-B2LNkTFb.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-B4BG7PRW-Duatgdyr.js";import{_ as i}from"./index-DmIcay1T.js";import"./chunk-FMBD7UC4-C07lS0oH.js";import"./chunk-55IACEB6-BTpqJ_MA.js";import"./chunk-QN33PNHL-C09PhK0w.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-DcGVOYZT.js

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