diff --git a/site/src/modules/workspaces/WorkspaceBuildData/WorkspaceBuildData.stories.tsx b/site/src/modules/workspaces/WorkspaceBuildData/WorkspaceBuildData.stories.tsx
new file mode 100644
index 0000000000000..93f4963b67933
--- /dev/null
+++ b/site/src/modules/workspaces/WorkspaceBuildData/WorkspaceBuildData.stories.tsx
@@ -0,0 +1,101 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MockWorkspaceBuild } from "testHelpers/entities";
+import { WorkspaceBuildData } from "./WorkspaceBuildData";
+
+const meta: Meta<typeof WorkspaceBuildData> = {
+  title: "modules/workspaces/WorkspaceBuildData",
+  component: WorkspaceBuildData,
+};
+
+export default meta;
+type Story = StoryObj<typeof WorkspaceBuildData>;
+
+export const Start: Story = {
+  args: {
+    build: MockWorkspaceBuild,
+  },
+};
+
+export const Stop: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      transition: "stop",
+    },
+  },
+};
+
+export const Delete: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      transition: "delete",
+    },
+  },
+};
+
+export const Success: Story = {
+  args: {
+    build: MockWorkspaceBuild,
+  },
+};
+
+export const Pending: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      job: {
+        ...MockWorkspaceBuild.job,
+        status: "pending",
+      },
+    },
+  },
+};
+
+export const Running: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      job: {
+        ...MockWorkspaceBuild.job,
+        status: "running",
+      },
+    },
+  },
+};
+
+export const Failed: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      job: {
+        ...MockWorkspaceBuild.job,
+        status: "failed",
+      },
+    },
+  },
+};
+
+export const Canceling: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      job: {
+        ...MockWorkspaceBuild.job,
+        status: "canceling",
+      },
+    },
+  },
+};
+
+export const Canceled: Story = {
+  args: {
+    build: {
+      ...MockWorkspaceBuild,
+      job: {
+        ...MockWorkspaceBuild.job,
+        status: "canceled",
+      },
+    },
+  },
+};
diff --git a/site/src/modules/workspaces/WorkspaceBuild/WorkspaceBuildData.tsx b/site/src/modules/workspaces/WorkspaceBuildData/WorkspaceBuildData.tsx
similarity index 100%
rename from site/src/modules/workspaces/WorkspaceBuild/WorkspaceBuildData.tsx
rename to site/src/modules/workspaces/WorkspaceBuildData/WorkspaceBuildData.tsx
diff --git a/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPageView.tsx b/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPageView.tsx
index 3be776700a559..2a225141ab7db 100644
--- a/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPageView.tsx
+++ b/site/src/pages/WorkspaceBuildPage/WorkspaceBuildPageView.tsx
@@ -23,7 +23,7 @@ import { AgentLogs, useAgentLogs } from "modules/resources/AgentLogs";
 import {
   WorkspaceBuildData,
   WorkspaceBuildDataSkeleton,
-} from "modules/workspaces/WorkspaceBuild/WorkspaceBuildData";
+} from "modules/workspaces/WorkspaceBuildData/WorkspaceBuildData";
 import { WorkspaceBuildLogs } from "modules/workspaces/WorkspaceBuildLogs/WorkspaceBuildLogs";
 import { displayWorkspaceBuildDuration } from "utils/workspace";
 import { Sidebar, SidebarCaption, SidebarItem } from "./Sidebar";
diff --git a/site/src/pages/WorkspacePage/HistorySidebar.tsx b/site/src/pages/WorkspacePage/HistorySidebar.tsx
index 089f50208fba1..72f0249228eda 100644
--- a/site/src/pages/WorkspacePage/HistorySidebar.tsx
+++ b/site/src/pages/WorkspacePage/HistorySidebar.tsx
@@ -13,7 +13,7 @@ import {
 import {
   WorkspaceBuildData,
   WorkspaceBuildDataSkeleton,
-} from "modules/workspaces/WorkspaceBuild/WorkspaceBuildData";
+} from "modules/workspaces/WorkspaceBuildData/WorkspaceBuildData";
 
 interface HistorySidebarProps {
   workspace: Workspace;