@burtson-labs/bandit-engine 2.1.7 → 2.1.9

package/dist/chunk-XWUHUDAV.mjs

@@ -0,0 +1,814 @@
+import {
+  useCrewStore
+} from "./chunk-3CDCJJ4S.mjs";
+import {
+  Play,
+  Plus,
+  Refresh,
+  Trash
+} from "./chunk-YY7BX2HM.mjs";
+import {
+  claimSlackWorkspace,
+  claimTeamsTenant,
+  createBandit,
+  deleteBandit,
+  disconnectSlackWorkspace,
+  disconnectTeamsTenant,
+  isCrewTaskActive,
+  listBandits,
+  listChatWorkspaces,
+  listCrewTasks,
+  runCrewTask,
+  startSlackInstall
+} from "./chunk-MR643IO6.mjs";
+
+// src/management/components/CrewSection.tsx
+import { Suspense, lazy, useCallback as useCallback2, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import {
+  Alert as Alert2,
+  Box as Box2,
+  Button as Button2,
+  Chip as Chip2,
+  Collapse,
+  IconButton,
+  LinearProgress as LinearProgress2,
+  Link,
+  MenuItem,
+  Paper as Paper2,
+  Stack as Stack2,
+  Tab,
+  Tabs,
+  TextField,
+  Tooltip,
+  Typography as Typography2
+} from "@mui/material";
+
+// src/management/components/WorkspacesPanel.tsx
+import { useCallback, useEffect, useState } from "react";
+import {
+  Alert,
+  Box,
+  Button,
+  Chip,
+  LinearProgress,
+  Paper,
+  Stack,
+  Typography
+} from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RETURN_TO = "/management?section=crew";
+var orgLabel = (org) => org ? `${org.name ?? org.id} (${org.type === "tenant" ? "organization" : "Team"})` : "not connected to an organization";
+var when = (iso) => {
+  const d = new Date(iso);
+  return Number.isNaN(d.getTime()) ? "" : d.toLocaleDateString();
+};
+var WorkspacesPanel = () => {
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [notAdmin, setNotAdmin] = useState(false);
+  const [error, setError] = useState(null);
+  const [busy, setBusy] = useState(null);
+  const refresh = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      setData(await listChatWorkspaces());
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Could not load the connected workspaces.";
+      if (/administer|no_org|Forbidden|403/i.test(message)) setNotAdmin(true);
+      else setError(message);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    void refresh();
+  }, [refresh]);
+  const run = async (key, action) => {
+    setBusy(key);
+    setError(null);
+    try {
+      await action();
+      await refresh();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "That did not work.");
+    } finally {
+      setBusy(null);
+    }
+  };
+  const addToSlack = async () => {
+    setBusy("add-slack");
+    setError(null);
+    try {
+      const { url } = await startSlackInstall(RETURN_TO);
+      window.location.assign(url);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not start the Slack install.");
+      setBusy(null);
+    }
+  };
+  if (notAdmin) {
+    return /* @__PURE__ */ jsxs(Box, { component: "section", "aria-label": "Connected workspaces", sx: { mt: 3 }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { fontWeight: 700 }, children: "Connected workspaces" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "Team owners connect Slack workspaces and Microsoft Teams tenants here. Ask your Team owner to connect one." })
+    ] });
+  }
+  const slack = data?.slack.workspaces ?? [];
+  const teams = data?.teams.tenants ?? [];
+  return /* @__PURE__ */ jsxs(Box, { component: "section", "aria-label": "Connected workspaces", sx: { mt: 3 }, children: [
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          mb: 0.5
+        },
+        children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { fontWeight: 700 }, children: "Connected workspaces" }),
+          data?.slack.distributionEnabled && /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              variant: "outlined",
+              onClick: () => void addToSlack(),
+              disabled: busy !== null,
+              children: busy === "add-slack" ? "Opening Slack\u2026" : "Add to Slack"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mb: 1 }, children: "Slack workspaces and Microsoft Teams tenants where Bandit runs under this organization. People who link their own Bandit account use their own plan; everyone else uses the organization's allowance, and only inside connected workspaces." }),
+    loading && /* @__PURE__ */ jsx(LinearProgress, { sx: { mb: 1 } }),
+    error && /* @__PURE__ */ jsx(Alert, { severity: "error", sx: { mb: 1 }, onClose: () => setError(null), children: error }),
+    !loading && slack.length === 0 && teams.length === 0 && /* @__PURE__ */ jsx(Paper, { variant: "outlined", sx: { p: 1.5 }, children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.secondary", children: [
+      "Nothing connected yet.",
+      " ",
+      data?.slack.distributionEnabled ? "Use Add to Slack to install Bandit in a workspace you administer." : "Slack installs for other workspaces open soon; ask us to add Bandit to yours.",
+      " ",
+      data?.teams.enabled ? "For Microsoft Teams, your Teams admin uploads the Bandit app; the tenant appears here after the first install." : ""
+    ] }) }),
+    /* @__PURE__ */ jsxs(Stack, { spacing: 1, children: [
+      slack.map((w) => /* @__PURE__ */ jsxs(
+        Paper,
+        {
+          variant: "outlined",
+          sx: { p: 1.5, display: "flex", alignItems: "flex-start", gap: 1.5 },
+          children: [
+            /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", flexWrap: "wrap", children: [
+                /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 700 }, children: w.name }),
+                /* @__PURE__ */ jsx(Chip, { size: "small", label: "Slack", variant: "outlined" }),
+                w.isEnterpriseInstall && /* @__PURE__ */ jsx(Chip, { size: "small", label: "Enterprise Grid", variant: "outlined" }),
+                !w.active && /* @__PURE__ */ jsx(
+                  Chip,
+                  {
+                    size: "small",
+                    color: "warning",
+                    label: w.revokedReason === "app_uninstalled" ? "uninstalled" : "revoked"
+                  }
+                ),
+                w.claimable && /* @__PURE__ */ jsx(Chip, { size: "small", color: "info", label: "unclaimed" })
+              ] }),
+              /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.secondary", children: [
+                orgLabel(w.org),
+                " \xB7 installed ",
+                when(w.installedAt),
+                w.workspaceKey ? ` \xB7 organization key ${w.workspaceKey.label ?? "set"}` : ""
+              ] }),
+              /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", children: [
+                "unlinked users:",
+                " ",
+                w.settings.unlinkedMode === "prompt" ? "must link" : "organization allowance",
+                w.settings.crewEnabled === false ? " \xB7 crew off" : "",
+                w.settings.defaultModel ? ` \xB7 model ${w.settings.defaultModel}` : ""
+              ] })
+            ] }),
+            w.claimable ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                variant: "contained",
+                disabled: busy !== null,
+                onClick: () => void run(w.id, () => claimSlackWorkspace(w.id)),
+                children: busy === w.id ? "Connecting\u2026" : "Connect to my organization"
+              }
+            ) : w.org ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                disabled: busy !== null,
+                onClick: () => void run(w.id, () => disconnectSlackWorkspace(w.id)),
+                children: busy === w.id ? "Disconnecting\u2026" : "Disconnect"
+              }
+            ) : null
+          ]
+        },
+        w.id
+      )),
+      teams.map((t) => /* @__PURE__ */ jsxs(
+        Paper,
+        {
+          variant: "outlined",
+          sx: { p: 1.5, display: "flex", alignItems: "flex-start", gap: 1.5 },
+          children: [
+            /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", flexWrap: "wrap", children: [
+                /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 700 }, children: t.name ?? t.tenantId }),
+                /* @__PURE__ */ jsx(Chip, { size: "small", label: "Microsoft Teams", variant: "outlined" }),
+                !t.active && /* @__PURE__ */ jsx(Chip, { size: "small", color: "warning", label: "removed" })
+              ] }),
+              /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.secondary", children: [
+                orgLabel(t.org),
+                " \xB7 installed ",
+                when(t.installedAt),
+                t.installedByName ? ` by ${t.installedByName}` : "",
+                " \xB7 ",
+                t.conversations,
+                " ",
+                "conversation",
+                t.conversations === 1 ? "" : "s"
+              ] })
+            ] }),
+            t.org ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                disabled: busy !== null,
+                onClick: () => void run(t.id, () => disconnectTeamsTenant(t.tenantId)),
+                children: busy === t.id ? "Disconnecting\u2026" : "Disconnect"
+              }
+            ) : /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                variant: "contained",
+                disabled: busy !== null,
+                onClick: () => void run(t.id, () => claimTeamsTenant(t.tenantId)),
+                children: busy === t.id ? "Connecting\u2026" : "Connect to my organization"
+              }
+            )
+          ]
+        },
+        t.id
+      ))
+    ] })
+  ] });
+};
+var WorkspacesPanel_default = WorkspacesPanel;
+
+// src/management/components/CrewSection.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var CrewTaskCard = lazy(() => import("./crew-task-card-ZCXFTR34.mjs"));
+var NAME_PATTERN = /^[A-Za-z][\w-]{0,30}$/;
+var STATUS_FILTERS = [
+  { value: "all", label: "All" },
+  { value: "active", label: "Active", query: "active" },
+  { value: "awaiting_approval", label: "Needs approval", query: "awaiting_approval" },
+  { value: "completed", label: "Done", query: "completed" },
+  { value: "stopped", label: "Failed or stopped", query: "failed,cancelled,expired" }
+];
+var statusChip = (status) => {
+  switch (status) {
+    case "completed":
+      return { label: "done", color: "success" };
+    case "awaiting_approval":
+      return { label: "needs approval", color: "warning" };
+    case "failed":
+    case "expired":
+      return { label: status, color: "error" };
+    case "cancelled":
+      return { label: "stopped", color: "default" };
+    default:
+      return { label: status, color: "info" };
+  }
+};
+var readLocation = () => {
+  if (typeof window === "undefined") return { view: "bandits", taskId: null };
+  const params = new URLSearchParams(window.location.search);
+  const taskId = params.get("task");
+  return { view: params.get("view") === "tasks" || taskId ? "tasks" : "bandits", taskId };
+};
+var writeLocation = (view, taskId) => {
+  if (typeof window === "undefined") return;
+  const url = new URL(window.location.href);
+  if (view === "tasks") url.searchParams.set("view", "tasks");
+  else url.searchParams.delete("view");
+  if (taskId) url.searchParams.set("task", taskId);
+  else url.searchParams.delete("task");
+  const next = `${url.pathname}${url.search}${url.hash}`;
+  if (next !== `${window.location.pathname}${window.location.search}${window.location.hash}`) {
+    window.history.replaceState(window.history.state, "", next);
+  }
+};
+var when2 = (iso) => {
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return "";
+  const today = /* @__PURE__ */ new Date();
+  const sameDay = date.toDateString() === today.toDateString();
+  return sameDay ? date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : date.toLocaleDateString([], { month: "short", day: "numeric" });
+};
+var CrewSection = ({ standalone = false }) => {
+  const [bandits, setBandits] = useState2([]);
+  const [tasks, setTasks] = useState2([]);
+  const [loading, setLoading] = useState2(true);
+  const [error, setError] = useState2(null);
+  const [showForm, setShowForm] = useState2(false);
+  const [name, setName] = useState2("");
+  const [job, setJob] = useState2("");
+  const [saving, setSaving] = useState2(false);
+  const initialLocation = useMemo(readLocation, []);
+  const [view, setView] = useState2(
+    standalone ? initialLocation.view : "bandits"
+  );
+  const [selectedTaskId, setSelectedTaskId] = useState2(
+    standalone ? initialLocation.taskId : null
+  );
+  const [statusFilter, setStatusFilter] = useState2("all");
+  const [banditFilter, setBanditFilter] = useState2("all");
+  const [runFor, setRunFor] = useState2(null);
+  const [runPrompt, setRunPrompt] = useState2("");
+  const [starting, setStarting] = useState2(false);
+  const taskLimit = standalone ? 50 : 5;
+  const taskFilters = useMemo(() => {
+    const status = STATUS_FILTERS.find((f) => f.value === statusFilter)?.query;
+    return {
+      status: standalone ? status : void 0,
+      banditId: standalone && banditFilter !== "all" ? banditFilter : void 0
+    };
+  }, [standalone, statusFilter, banditFilter]);
+  const refresh = useCallback2(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const [list, recent] = await Promise.all([
+        listBandits(),
+        listCrewTasks(void 0, taskLimit, taskFilters).catch(() => [])
+      ]);
+      setBandits(list);
+      setTasks(recent);
+      useCrewStore.setState({ bandits: list, loaded: true });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not load the crew.");
+    } finally {
+      setLoading(false);
+    }
+  }, [taskLimit, taskFilters]);
+  useEffect2(() => {
+    void refresh();
+  }, [refresh]);
+  useEffect2(() => {
+    if (standalone) writeLocation(view, selectedTaskId);
+  }, [standalone, view, selectedTaskId]);
+  const openTask = (taskId) => {
+    setSelectedTaskId(taskId);
+    if (taskId) setView("tasks");
+  };
+  const submit = async () => {
+    const trimmedName = name.trim();
+    const trimmedJob = job.trim();
+    if (!NAME_PATTERN.test(trimmedName)) {
+      setError("Names are one word: letters, digits, - or _ (for example Riley).");
+      return;
+    }
+    if (trimmedJob.length < 10) {
+      setError("Give the Bandit a job description of at least a sentence.");
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      await createBandit({ name: trimmedName, jobDescription: trimmedJob });
+      setName("");
+      setJob("");
+      setShowForm(false);
+      await refresh();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not create the Bandit.");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const remove = async (bandit) => {
+    try {
+      await deleteBandit(bandit.id);
+      setBandits((current) => {
+        const next = current.filter((b) => b.id !== bandit.id);
+        useCrewStore.setState({ bandits: next });
+        return next;
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Could not remove the Bandit.");
+    }
+  };
+  const start = async (bandit) => {
+    const prompt = runPrompt.trim();
+    if (!prompt) {
+      setError(`Tell ${bandit.name} what to do.`);
+      return;
+    }
+    setStarting(true);
+    setError(null);
+    try {
+      const task = await runCrewTask({ banditId: bandit.id, prompt, origin: "web" });
+      setTasks((current) => [task, ...current.filter((t) => t.id !== task.id)]);
+      setRunPrompt("");
+      setRunFor(null);
+      openTask(task.id);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "The task could not be started.");
+    } finally {
+      setStarting(false);
+    }
+  };
+  const onTaskChange = useCallback2((task) => {
+    setTasks(
+      (current) => current.some((t) => t.id === task.id) ? current.map((t) => t.id === task.id ? task : t) : [task, ...current]
+    );
+  }, []);
+  const selectedTask = selectedTaskId ? tasks.find((t) => t.id === selectedTaskId) ?? null : null;
+  const activeCount = tasks.filter((t) => isCrewTaskActive(t.status)).length;
+  const banditList = /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2(Collapse, { in: showForm, children: /* @__PURE__ */ jsx2(Paper2, { variant: "outlined", sx: { p: 2, mb: 1.5 }, children: /* @__PURE__ */ jsxs2(Stack2, { spacing: 1.5, children: [
+      /* @__PURE__ */ jsx2(
+        TextField,
+        {
+          label: "Name",
+          size: "small",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          placeholder: "Riley",
+          inputProps: { maxLength: 31, "aria-label": "Bandit name" }
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        TextField,
+        {
+          label: "Job description",
+          size: "small",
+          multiline: true,
+          minRows: 2,
+          value: job,
+          onChange: (e) => setJob(e.target.value),
+          placeholder: "Research analyst who writes short, cited briefs for the sales team.",
+          inputProps: { "aria-label": "Job description" }
+        }
+      ),
+      /* @__PURE__ */ jsxs2(Stack2, { direction: "row", spacing: 1, children: [
+        /* @__PURE__ */ jsx2(
+          Button2,
+          {
+            variant: "contained",
+            size: "small",
+            onClick: () => void submit(),
+            disabled: saving,
+            children: saving ? "Creating\u2026" : "Create"
+          }
+        ),
+        /* @__PURE__ */ jsx2(Button2, { size: "small", onClick: () => setShowForm(false), disabled: saving, children: "Cancel" })
+      ] })
+    ] }) }) }),
+    !loading && bandits.length === 0 && !showForm && /* @__PURE__ */ jsx2(Paper2, { variant: "outlined", sx: { p: 2, mb: 1.5 }, children: /* @__PURE__ */ jsxs2(Typography2, { variant: "body2", color: "text.secondary", children: [
+      "No Bandits yet. Create one here, in Slack (",
+      /* @__PURE__ */ jsx2("code", { children: "/bandit crew create Riley | Research analyst who writes short, cited briefs" }),
+      ") or from the terminal (",
+      /* @__PURE__ */ jsx2("code", { children: 'bandit crew create Riley --job "\u2026"' }),
+      ")."
+    ] }) }),
+    /* @__PURE__ */ jsx2(Stack2, { spacing: 1, children: bandits.map((bandit) => /* @__PURE__ */ jsxs2(
+      Paper2,
+      {
+        variant: "outlined",
+        sx: { p: 1.5, display: "flex", flexDirection: "column", gap: 1 },
+        children: [
+          /* @__PURE__ */ jsxs2(Box2, { sx: { display: "flex", alignItems: "flex-start", gap: 1.5 }, children: [
+            /* @__PURE__ */ jsxs2(Box2, { sx: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ jsxs2(Stack2, { direction: "row", spacing: 1, alignItems: "center", children: [
+                /* @__PURE__ */ jsx2(Typography2, { sx: { fontWeight: 700 }, children: bandit.name }),
+                bandit.model && /* @__PURE__ */ jsx2(Chip2, { size: "small", label: bandit.model })
+              ] }),
+              /* @__PURE__ */ jsx2(
+                Typography2,
+                {
+                  variant: "body2",
+                  color: "text.secondary",
+                  sx: { whiteSpace: "pre-wrap" },
+                  children: bandit.jobDescription
+                }
+              ),
+              /* @__PURE__ */ jsxs2(Typography2, { variant: "caption", color: "text.secondary", children: [
+                "tools: ",
+                bandit.allowedTools.join(", "),
+                bandit.ownerDisplayName ? ` \xB7 owner ${bandit.ownerDisplayName}` : ""
+              ] })
+            ] }),
+            standalone && /* @__PURE__ */ jsx2(Tooltip, { title: `Hand ${bandit.name} a task`, children: /* @__PURE__ */ jsx2(
+              IconButton,
+              {
+                size: "small",
+                onClick: () => {
+                  setRunFor((current) => current === bandit.id ? null : bandit.id);
+                  setRunPrompt("");
+                },
+                "aria-label": `Hand ${bandit.name} a task`,
+                color: runFor === bandit.id ? "primary" : "default",
+                children: /* @__PURE__ */ jsx2(Play, { fontSize: "small" })
+              }
+            ) }),
+            /* @__PURE__ */ jsx2(Tooltip, { title: `Remove ${bandit.name}`, children: /* @__PURE__ */ jsx2(
+              IconButton,
+              {
+                size: "small",
+                onClick: () => void remove(bandit),
+                "aria-label": `Remove ${bandit.name}`,
+                children: /* @__PURE__ */ jsx2(Trash, { fontSize: "small" })
+              }
+            ) })
+          ] }),
+          standalone && /* @__PURE__ */ jsx2(Collapse, { in: runFor === bandit.id, unmountOnExit: true, children: /* @__PURE__ */ jsxs2(Stack2, { spacing: 1, children: [
+            /* @__PURE__ */ jsx2(
+              TextField,
+              {
+                size: "small",
+                multiline: true,
+                minRows: 2,
+                value: runPrompt,
+                onChange: (e) => setRunPrompt(e.target.value),
+                placeholder: `What should ${bandit.name} do? For example: research Acme's 2026 pricing changes and draft a one-page brief.`,
+                inputProps: {
+                  maxLength: 8e3,
+                  "aria-label": `Task for ${bandit.name}`
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxs2(Stack2, { direction: "row", spacing: 1, alignItems: "center", children: [
+              /* @__PURE__ */ jsx2(
+                Button2,
+                {
+                  variant: "contained",
+                  size: "small",
+                  onClick: () => void start(bandit),
+                  disabled: starting || !runPrompt.trim(),
+                  children: starting ? "Starting\u2026" : "Start task"
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                Button2,
+                {
+                  size: "small",
+                  onClick: () => setRunFor(null),
+                  disabled: starting,
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsx2(Typography2, { variant: "caption", color: "text.secondary", children: "Runs on your account; anything that affects others waits for your approval." })
+            ] })
+          ] }) })
+        ]
+      },
+      bandit.id
+    )) })
+  ] });
+  const recentTasks = tasks.length > 0 && /* @__PURE__ */ jsxs2(Box2, { sx: { mt: 2 }, children: [
+    /* @__PURE__ */ jsx2(Typography2, { variant: "caption", color: "text.secondary", sx: { fontWeight: 700 }, children: "Recent tasks" }),
+    /* @__PURE__ */ jsx2(Stack2, { spacing: 0.5, sx: { mt: 0.5 }, children: tasks.map((task) => {
+      const status = statusChip(task.status);
+      const link = task.deliverables?.find((d) => d.shareUrl || d.url);
+      return /* @__PURE__ */ jsxs2(
+        Stack2,
+        {
+          direction: "row",
+          spacing: 1,
+          alignItems: "center",
+          sx: { minWidth: 0 },
+          children: [
+            /* @__PURE__ */ jsx2(
+              Chip2,
+              {
+                size: "small",
+                label: status.label,
+                color: status.color,
+                variant: "outlined"
+              }
+            ),
+            /* @__PURE__ */ jsxs2(Typography2, { variant: "body2", noWrap: true, sx: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx2("strong", { children: task.banditName }),
+              ": ",
+              task.prompt
+            ] }),
+            link && /* @__PURE__ */ jsx2(
+              Link,
+              {
+                href: link.shareUrl ?? link.url ?? void 0,
+                target: "_blank",
+                rel: "noreferrer",
+                variant: "body2",
+                children: "open"
+              }
+            )
+          ]
+        },
+        task.id
+      );
+    }) })
+  ] });
+  const tasksView = selectedTask || selectedTaskId ? /* @__PURE__ */ jsxs2(Box2, { "data-testid": "crew-task-detail", children: [
+    /* @__PURE__ */ jsx2(Button2, { size: "small", onClick: () => openTask(null), sx: { mb: 1 }, children: "\u2190 All tasks" }),
+    /* @__PURE__ */ jsx2(Suspense, { fallback: /* @__PURE__ */ jsx2(LinearProgress2, {}), children: /* @__PURE__ */ jsx2(
+      CrewTaskCard,
+      {
+        taskId: selectedTaskId,
+        initial: selectedTask,
+        embedded: true,
+        onChange: onTaskChange
+      },
+      selectedTaskId ?? ""
+    ) })
+  ] }) : /* @__PURE__ */ jsxs2(Box2, { "data-testid": "crew-task-list", children: [
+    /* @__PURE__ */ jsxs2(Stack2, { direction: { xs: "column", sm: "row" }, spacing: 1, sx: { mb: 1.5 }, children: [
+      /* @__PURE__ */ jsx2(
+        TextField,
+        {
+          select: true,
+          size: "small",
+          label: "Status",
+          value: statusFilter,
+          onChange: (e) => setStatusFilter(e.target.value),
+          sx: { minWidth: 180 },
+          inputProps: { "aria-label": "Status filter" },
+          children: STATUS_FILTERS.map((f) => /* @__PURE__ */ jsx2(MenuItem, { value: f.value, children: f.label }, f.value))
+        }
+      ),
+      /* @__PURE__ */ jsxs2(
+        TextField,
+        {
+          select: true,
+          size: "small",
+          label: "Bandit",
+          value: banditFilter,
+          onChange: (e) => setBanditFilter(e.target.value),
+          sx: { minWidth: 160 },
+          inputProps: { "aria-label": "Bandit filter" },
+          children: [
+            /* @__PURE__ */ jsx2(MenuItem, { value: "all", children: "All Bandits" }),
+            bandits.map((b) => /* @__PURE__ */ jsx2(MenuItem, { value: b.id, children: b.name }, b.id))
+          ]
+        }
+      )
+    ] }),
+    !loading && tasks.length === 0 && /* @__PURE__ */ jsx2(Paper2, { variant: "outlined", sx: { p: 2 }, children: /* @__PURE__ */ jsxs2(Typography2, { variant: "body2", color: "text.secondary", children: [
+      "No tasks",
+      " ",
+      statusFilter === "all" && banditFilter === "all" ? "yet" : "match these filters",
+      ". Hand a Bandit a task from the Bandits view, type ",
+      /* @__PURE__ */ jsx2("code", { children: "@Riley \u2026" }),
+      " in the chat, or run ",
+      /* @__PURE__ */ jsx2("code", { children: 'bandit crew run Riley "\u2026"' }),
+      " in the terminal."
+    ] }) }),
+    /* @__PURE__ */ jsx2(Stack2, { spacing: 0.75, children: tasks.map((task) => {
+      const status = statusChip(task.status);
+      return /* @__PURE__ */ jsxs2(
+        Paper2,
+        {
+          variant: "outlined",
+          component: "button",
+          type: "button",
+          onClick: () => openTask(task.id),
+          "aria-label": `Open task: ${task.prompt}`,
+          sx: {
+            p: 1.25,
+            display: "flex",
+            alignItems: "center",
+            gap: 1,
+            width: "100%",
+            textAlign: "left",
+            cursor: "pointer",
+            bgcolor: "background.paper",
+            font: "inherit",
+            color: "inherit"
+          },
+          children: [
+            /* @__PURE__ */ jsx2(
+              Chip2,
+              {
+                size: "small",
+                label: status.label,
+                color: status.color,
+                variant: "outlined"
+              }
+            ),
+            /* @__PURE__ */ jsxs2(Box2, { sx: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ jsxs2(Typography2, { variant: "body2", noWrap: true, children: [
+                /* @__PURE__ */ jsx2("strong", { children: task.banditName }),
+                ": ",
+                task.prompt
+              ] }),
+              /* @__PURE__ */ jsxs2(Typography2, { variant: "caption", color: "text.secondary", children: [
+                when2(task.createdAt),
+                task.origin ? ` \xB7 from ${task.origin}` : "",
+                task.steps?.length ? ` \xB7 ${task.steps.length} steps` : ""
+              ] })
+            ] })
+          ]
+        },
+        task.id
+      );
+    }) })
+  ] });
+  return /* @__PURE__ */ jsxs2(Box2, { component: "section", "aria-label": "Bandit Crew", sx: { mt: standalone ? 0 : 4 }, children: [
+    /* @__PURE__ */ jsxs2(
+      Box2,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: standalone ? "space-between" : "space-between",
+          gap: 1,
+          mb: 0.5,
+          flexWrap: "wrap"
+        },
+        children: [
+          !standalone && /* @__PURE__ */ jsx2(
+            Typography2,
+            {
+              variant: "overline",
+              color: "text.secondary",
+              sx: { fontWeight: 700, letterSpacing: 0.6 },
+              children: "Bandit Crew"
+            }
+          ),
+          standalone && /* @__PURE__ */ jsxs2(
+            Tabs,
+            {
+              value: view,
+              onChange: (_, next) => {
+                setView(next);
+                if (next === "bandits") setSelectedTaskId(null);
+              },
+              "aria-label": "Crew views",
+              sx: { minHeight: 36, "& .MuiTab-root": { minHeight: 36, py: 0.5 } },
+              children: [
+                /* @__PURE__ */ jsx2(Tab, { value: "bandits", label: "Bandits" }),
+                /* @__PURE__ */ jsx2(
+                  Tab,
+                  {
+                    value: "tasks",
+                    label: activeCount > 0 ? `Tasks (${activeCount} active)` : "Tasks"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs2(Stack2, { direction: "row", spacing: 0.5, children: [
+            /* @__PURE__ */ jsx2(Tooltip, { title: "Refresh", children: /* @__PURE__ */ jsx2(
+              IconButton,
+              {
+                size: "small",
+                onClick: () => void refresh(),
+                "aria-label": "Refresh crew",
+                children: /* @__PURE__ */ jsx2(Refresh, { fontSize: "small" })
+              }
+            ) }),
+            view === "bandits" && /* @__PURE__ */ jsx2(
+              Button2,
+              {
+                size: "small",
+                startIcon: /* @__PURE__ */ jsx2(Plus, {}),
+                onClick: () => setShowForm((v) => !v),
+                children: "New Bandit"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    view === "bandits" && /* @__PURE__ */ jsxs2(Typography2, { variant: "body2", color: "text.secondary", sx: { mb: 1.5 }, children: [
+      "Named teammates you can hand work to: in the chat with",
+      " ",
+      /* @__PURE__ */ jsx2("code", { children: "@Riley research X and draft a summary" }),
+      ", in Slack or Microsoft Teams with",
+      " ",
+      /* @__PURE__ */ jsx2("code", { children: "@Bandit ask Riley to \u2026" }),
+      ", or from the terminal with",
+      " ",
+      /* @__PURE__ */ jsx2("code", { children: 'bandit crew run Riley "\u2026"' }),
+      ". Each one shows its steps, asks before it acts outside the conversation, and files the result in your Stash."
+    ] }),
+    loading && /* @__PURE__ */ jsx2(LinearProgress2, { sx: { mb: 1 } }),
+    error && /* @__PURE__ */ jsx2(Alert2, { severity: "error", sx: { mb: 1.5 }, onClose: () => setError(null), children: error }),
+    view === "bandits" ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+      banditList,
+      !standalone && recentTasks,
+      standalone && /* @__PURE__ */ jsx2(WorkspacesPanel_default, {})
+    ] }) : tasksView
+  ] });
+};
+var CrewSection_default = CrewSection;
+
+export {
+  CrewSection_default
+};
+//# sourceMappingURL=chunk-XWUHUDAV.mjs.map