SomewhatJustin
diff --git a/‎site/src/modules/resources/AgentLogLine.tsx renamed to ‎site/src/modules/resources/AgentLogs/AgentLogLine.tsx
Lines changed: 10 additions & 0 deletions b/‎site/src/modules/resources/AgentLogLine.tsx renamed to ‎site/src/modules/resources/AgentLogs/AgentLogLine.tsx
Lines changed: 10 additions & 0 deletions
diff --git a/‎site/src/modules/resources/AgentLogs/AgentLogs.stories.tsx
Lines changed: 24 additions & 0 deletions b/‎site/src/modules/resources/AgentLogs/AgentLogs.stories.tsx
Lines changed: 24 additions & 0 deletions
diff --git a/‎site/src/modules/resources/AgentLogs.tsx renamed to ‎site/src/modules/resources/AgentLogs/AgentLogs.tsx
Lines changed: 5 additions & 2 deletions b/‎site/src/modules/resources/AgentLogs.tsx renamed to ‎site/src/modules/resources/AgentLogs/AgentLogs.tsx
Lines changed: 5 additions & 2 deletions
@@ -3,6 +3,16 @@ import AnsiToHTML from "ansi-to-html";
 import { type FC, type ReactNode, useMemo } from "react";
 import { type Line, LogLine, LogLinePrefix } from "components/Logs/LogLine";
 
+// Logs are stored as the Line interface to make rendering
+// much more efficient. Instead of mapping objects each time, we're
+// able to just pass the array of logs to the component.
+export interface LineWithID extends Line {
+  id: number;
+}
+
+// Approximate height of a log line. Used to control virtualized list height.
+export const AGENT_LOG_LINE_HEIGHT = 20;
+
 const convert = new AnsiToHTML();
 
 interface AgentLogLineProps {
 
@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { AGENT_LOG_LINE_HEIGHT } from "./AgentLogLine";
+import { AgentLogs } from "./AgentLogs";
+import { MockLogs, MockSources } from "./mocks";
+
+const meta: Meta<typeof AgentLogs> = {
+  title: "modules/resources/AgentLogs",
+  component: AgentLogs,
+  args: {
+    sources: MockSources,
+    logs: MockLogs,
+    height: MockLogs.length * AGENT_LOG_LINE_HEIGHT,
+  },
+  parameters: {
+    layout: "fullscreen",
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof AgentLogs>;
+
+const Default: Story = {};
+
+export { Default as AgentLogs };
@@ -10,8 +10,11 @@ import {
 import { FixedSizeList as List } from "react-window";
 import * as API from "api/api";
 import type { WorkspaceAgentLogSource } from "api/typesGenerated";
-import { AgentLogLine } from "./AgentLogLine";
-import { AGENT_LOG_LINE_HEIGHT, type LineWithID } from "./AgentRow";
+import {
+  AGENT_LOG_LINE_HEIGHT,
+  AgentLogLine,
+  type LineWithID,
+} from "./AgentLogLine";
 
 type AgentLogsProps = Omit<
   ComponentProps<typeof List>,