coder
diff --git a/‎site/src/components/PortForwardButton/PortForwardButton.tsx
Lines changed: 0 additions & 211 deletions b/‎site/src/components/PortForwardButton/PortForwardButton.tsx
Lines changed: 0 additions & 211 deletions
diff --git a/‎site/src/components/Resources/AgentRow.tsx
Lines changed: 1 addition & 1 deletion b/‎site/src/components/Resources/AgentRow.tsx
Lines changed: 1 addition & 1 deletion
diff --git a/‎site/src/components/Resources/PortForwardButton.stories.tsx
Lines changed: 38 additions & 0 deletions b/‎site/src/components/Resources/PortForwardButton.stories.tsx
Lines changed: 38 additions & 0 deletions
@@ -8,7 +8,7 @@ import {
   OpenDropdown,
 } from "components/DropdownArrows/DropdownArrows"
 import { LogLine, logLineHeight } from "components/Logs/Logs"
-import { PortForwardButton } from "components/PortForwardButton/PortForwardButton"
+import { PortForwardButton } from "./PortForwardButton"
 import { VSCodeDesktopButton } from "components/VSCodeDesktopButton/VSCodeDesktopButton"
 import {
   FC,
 
@@ -0,0 +1,38 @@
+import Box from "@mui/material/Box"
+import { PortForwardPopoverView } from "./PortForwardButton"
+import type { Meta, StoryObj } from "@storybook/react"
+import { MockListeningPortsResponse } from "testHelpers/entities"
+
+const meta: Meta<typeof PortForwardPopoverView> = {
+  title: "components/PortForwardPopoverView",
+  component: PortForwardPopoverView,
+  decorators: [
+    (Story) => (
+      <Box
+        sx={{
+          width: (theme) => theme.spacing(38),
+          border: (theme) => `1px solid ${theme.palette.divider}`,
+          borderRadius: 1,
+          backgroundColor: (theme) => theme.palette.background.paper,
+        }}
+      >
+        <Story />
+      </Box>
+    ),
+  ],
+}
+
+export default meta
+type Story = StoryObj<typeof PortForwardPopoverView>
+
+export const WithPorts: Story = {
+  args: {
+    ports: MockListeningPortsResponse.ports,
+  },
+}
+
+export const Empty: Story = {
+  args: {
+    ports: [],
+  },
+}