chore: import upstream snapshot with attribution

2026-07-13 13:32:57 +08:00
commit cd420f9332
4811 changed files with 884702 additions and 0 deletions
@@ -0,0 +1,258 @@
+import {
+  ClockIcon,
+  HandRaisedIcon,
+  RectangleStackIcon,
+  SparklesIcon,
+  Squares2X2Icon,
+  TableCellsIcon,
+  TagIcon,
+  WrenchIcon,
+} from "@heroicons/react/24/outline";
+import { CubeSparkleIcon } from "~/assets/icons/CubeSparkleIcon";
+import { InfoIcon } from "~/assets/icons/InfoIcon";
+import {
+  AnthropicIcon,
+  AzureIcon,
+  CerebrasIcon,
+  DeepseekIcon,
+  GeminiIcon,
+  LlamaIcon,
+  MistralIcon,
+  OpenAIIcon,
+  PerplexityIcon,
+  XAIIcon,
+} from "~/assets/icons/AiProviderIcons";
+import { AttemptIcon } from "~/assets/icons/AttemptIcon";
+import { TaskCachedIcon, TaskIcon } from "~/assets/icons/TaskIcon";
+import { cn } from "~/utils/cn";
+import { tablerIcons } from "~/utils/tablerIcons";
+import tablerSpritePath from "~/components/primitives/tabler-sprite.svg";
+import { PauseIcon } from "~/assets/icons/PauseIcon";
+import { RunFunctionIcon } from "~/assets/icons/RunFunctionIcon";
+import { MiddlewareIcon } from "~/assets/icons/MiddlewareIcon";
+import { FunctionIcon } from "~/assets/icons/FunctionIcon";
+import { TriggerIcon } from "~/assets/icons/TriggerIcon";
+import { PythonLogoIcon } from "~/assets/icons/PythonLogoIcon";
+import { TraceIcon } from "~/assets/icons/TraceIcon";
+import { WaitpointTokenIcon } from "~/assets/icons/WaitpointTokenIcon";
+import { StreamsIcon } from "~/assets/icons/StreamsIcon";
+
+type TaskIconProps = {
+  name: string | undefined;
+  spanName: string;
+  className?: string;
+};
+
+type SpanNameIcons = {
+  matcher: RegExp;
+  iconName: string;
+};
+
+const spanNameIcons: SpanNameIcons[] = [{ matcher: /^prisma:/, iconName: "brand-prisma" }];
+
+export function RunIcon({ name, className, spanName }: TaskIconProps) {
+  const spanNameIcon = spanNameIcons.find(({ matcher }) => matcher.test(spanName));
+
+  if (spanNameIcon) {
+    if (tablerIcons.has("tabler-" + spanNameIcon.iconName)) {
+      return <TablerIcon name={"tabler-" + spanNameIcon.iconName} className={className} />;
+    } else if (
+      spanNameIcon.iconName.startsWith("tabler-") &&
+      tablerIcons.has(spanNameIcon.iconName)
+    ) {
+      return <TablerIcon name={spanNameIcon.iconName} className={className} />;
+    }
+  }
+
+  if (!name)
+    return (
+      <Squares2X2Icon
+        className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+      />
+    );
+  if (tablerIcons.has(name)) {
+    return <TablerIcon name={name} className={className} />;
+  }
+
+  switch (name) {
+    case "task":
+      return <TaskIcon className={cn(className, "text-tasks")} />;
+    case "task-cached":
+      return <TaskCachedIcon className={cn(className, "text-tasks")} />;
+    case "agent":
+      return <CubeSparkleIcon className={cn(className, "text-agents")} />;
+    case "scheduled":
+      return <ClockIcon className={cn(className, "text-schedules")} />;
+    case "attempt":
+      return (
+        <AttemptIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "wait":
+      return <PauseIcon className={cn(className, "text-sky-500")} />;
+    case "trace":
+      return (
+        <TraceIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "tag":
+      return (
+        <TagIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "queue":
+      return <RectangleStackIcon className={cn(className, "text-queues")} />;
+    case "trigger":
+      return <TriggerIcon className={cn(className, "text-orange-500")} />;
+    case "python":
+      return <PythonLogoIcon className={className} />;
+    case "wait-token":
+      return <WaitpointTokenIcon className={cn(className, "text-sky-500")} />;
+    case "function":
+      return (
+        <FunctionIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "query":
+      return <TableCellsIcon className={cn(className, "text-query")} />;
+    //log levels
+    case "debug":
+    case "log":
+    case "info":
+      return (
+        <InfoIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "warn":
+      return <InfoIcon className={cn(className, "text-amber-400")} />;
+    case "error":
+      return <InfoIcon className={cn(className, "text-error")} />;
+    case "fatal":
+      return <HandRaisedIcon className={cn(className, "text-error")} />;
+    case "task-middleware":
+      return (
+        <MiddlewareIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "task-fn-run":
+      return (
+        <RunFunctionIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "task-hook-init":
+    case "task-hook-onStart":
+    case "task-hook-onStartAttempt":
+    case "task-hook-onSuccess":
+    case "task-hook-onWait":
+    case "task-hook-onResume":
+    case "task-hook-onComplete":
+    case "task-hook-cleanup":
+    case "task-hook-onCancel":
+      return (
+        <FunctionIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "task-hook-onFailure":
+    case "task-hook-catchError":
+      return <FunctionIcon className={cn(className, "text-error")} />;
+    case "streams":
+      return (
+        <StreamsIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "hero-sparkles":
+      return (
+        <SparklesIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "hero-wrench":
+      return (
+        <WrenchIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "tabler-brand-anthropic":
+    case "ai-provider-anthropic":
+      return (
+        <AnthropicIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "ai-provider-openai":
+      return (
+        <OpenAIIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "ai-provider-gemini":
+      return (
+        <GeminiIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "ai-provider-llama":
+      return (
+        <LlamaIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "ai-provider-deepseek":
+      return (
+        <DeepseekIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "ai-provider-xai":
+      return (
+        <XAIIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "ai-provider-perplexity":
+      return (
+        <PerplexityIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "ai-provider-cerebras":
+      return (
+        <CerebrasIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "ai-provider-mistral":
+      return (
+        <MistralIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+    case "ai-provider-azure":
+      return (
+        <AzureIcon
+          className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")}
+        />
+      );
+  }
+
+  return (
+    <InfoIcon className={cn(className, "text-text-dimmed group-hover/spannode:text-text-bright")} />
+  );
+}
+
+function TablerIcon({ name, className }: { name: string; className?: string }) {
+  return (
+    <svg className={cn("stroke-[1.5]", className)}>
+      <use xlinkHref={`${tablerSpritePath}#${name}`} />
+    </svg>
+  );
+}