Apr 17, 2023 · Apr 17, 2023
diff --git a/site/src/components/Logs/Logs.tsx b/site/src/components/Logs/Logs.tsx
    lineNumbers: Boolean(number),
  })
  const output = useMemo(() => {
    return convert.toHtml(line.output)
    return convert.toHtml(line.output.split(/\r/g).pop() as string)
  }, [line.output])

  return (
diff --git a/site/src/components/Resources/AgentRow.stories.tsx b/site/src/components/Resources/AgentRow.stories.tsx
 export default {
  title: "components/AgentRow",
  component: AgentRow,
  args: {
    storybookStartupLogs: [
      "\x1b[91mCloning Git repository...",
      "\x1b[2;37;41mStarting Docker Daemon...",
      "\x1b[1;95mAdding some 🧙magic🧙...",
      "Starting VS Code...",
      "\r  0     0    0     0    0     0      0      0 --:--:-- --:--:-- --:--:--     0\r100  1475    0  1475    0     0   4231      0 --:--:-- --:--:-- --:--:--  4238",
    ].map((line, index) => ({
      id: index,
      level: "info",
      output: line,
      time: "",
    })),
  },
 }

 const Template: Story<AgentRowProps> = (args) => <AgentRow {...args} />
 Starting.args = {
  ...Example.args,
  agent: MockWorkspaceAgentStarting,

  storybookStartupLogs: [
    "\x1b[91mCloning Git repository...",
    "\x1b[2;37;41mStarting Docker Daemon...",
    "\x1b[1;95mAdding some 🧙magic🧙...",
    "Starting VS Code...",
  ].map((line, index) => ({
    id: index,
    level: "info",
    output: line,
    time: "",
  })),
 }

 export const Started = Template.bind({})
    ...MockWorkspaceAgentReady,
    startup_logs_length: 1,
  },

  storybookStartupLogs: [
    "Cloning Git repository...",
    "Starting Docker Daemon...",
    "Adding some 🧙magic🧙...",
    "Starting VS Code...",
  ].map((line, index) => ({
    id: index,
    level: "info",
    output: line,
    time: "",
  })),
 }

 export const StartedNoMetadata = Template.bind({})
Original file line number	Diff line number	Diff line change
Expand Up		@@ -66,7 +66,7 @@ export const LogLine: FC<{
		lineNumbers: Boolean(number),
		})
		const output = useMemo(() => {
		return convert.toHtml(line.output)
		return convert.toHtml(line.output.split(/\r/g).pop() as string)
		}, [line.output])

		return (
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -20,6 +20,20 @@ import { AgentRow, AgentRowProps } from "./AgentRow"
		export default {
		title: "components/AgentRow",
		component: AgentRow,
		args: {
		storybookStartupLogs: [
		"\x1b[91mCloning Git repository...",
		"\x1b[2;37;41mStarting Docker Daemon...",
		"\x1b[1;95mAdding some 🧙magic🧙...",
		"Starting VS Code...",
		"\r 0 0 0 0 0 0 0 0 --:--:-- --:--:-- --:--:-- 0\r100 1475 0 1475 0 0 4231 0 --:--:-- --:--:-- --:--:-- 4238",
		].map((line, index) => ({
		id: index,
		level: "info",
		output: line,
		time: "",
		})),
		},
		}

		const Template: Story<AgentRowProps> = (args) => <AgentRow {...args} />
Expand DownExpand Up		@@ -107,18 +121,6 @@ export const Starting = Template.bind({})
		Starting.args = {
		...Example.args,
		agent: MockWorkspaceAgentStarting,

		storybookStartupLogs: [
		"\x1b[91mCloning Git repository...",
		"\x1b[2;37;41mStarting Docker Daemon...",
		"\x1b[1;95mAdding some 🧙magic🧙...",
		"Starting VS Code...",
		].map((line, index) => ({
		id: index,
		level: "info",
		output: line,
		time: "",
		})),
		}

		export const Started = Template.bind({})
Expand All		@@ -128,18 +130,6 @@ Started.args = {
		...MockWorkspaceAgentReady,
		startup_logs_length: 1,
		},

		storybookStartupLogs: [
		"Cloning Git repository...",
		"Starting Docker Daemon...",
		"Adding some 🧙magic🧙...",
		"Starting VS Code...",
		].map((line, index) => ({
		id: index,
		level: "info",
		output: line,
		time: "",
		})),
		}

		export const StartedNoMetadata = Template.bind({})
Expand Down