Release notes
Sourced from github.com/charmbracelet/glamour's releases.
v0.9.1
Some users were reporting occasional checksum miss matches when building using Glamour v0.9.0. This release provides a new tag to hopefully fix this.
Changelog
Other work
- dddb9a72f081205b9e18a34d093c673230e96f8b: ci: sync golangci-lint config (#403) (
@github-actions[bot])
Thoughts? Questions? We love hearing from you. Feel free to reach out on Twitter, The Fediverse, or on Discord.
v0.9.0
Better Syntax Highlighting, Better Tables
It's totally time for a Glamour release right? This release features a nice lil' contribution from the
@githubCLI team and pulls in some big table improvements from Lip Gloss upstream. Let's go!Specifying Chroma Styles
Thanks to valiant efforts of
@andyfellerand@williammartinat@github, you can now useglamour.WithChromaFormatterto specify an exact Chroma style to use, independent of the higher level style.myHotOps := glamour.WithOptions( glamour.WithChromaFormatter("terminal16"), glamour.WithStandardStyle("dark"), )As a bonus, you can also use
glamour.WithOptionsas a meta layer for grouping options.Better Tables
This release also reaps the benefits from the table rendering overhaul in Lip Gloss v1.1.0! Glamour will now be much smarter when it comes to deciding column widths, and the content will not wrap appropriately instead of just being cut when it won't fit.
Changelog
New Features
- 4c040b7fd5c023154de93d5c0f789111ea06c82c: feat: add term renderer option for chroma formatter (#395) (
@williammartin)- 39de44871fad9d547af5975ae220f2034642304a: feat(ci): use goreleaser (#348) (
@aymanbagabas)Bug fixes
- f43b1ad9ef09b10a93837e07ae2c18b66bceac5c: fix(tables): pin lipgloss to v1.1.0 for table improvements; update tests (#394) (
@andreynering)- bdc4ec5217e146f5a57be8a3e0a14a3ddee3f749: fix(table): fix rendering table in ascii-only mode (#393) (
@andreynering)- 9cedacac492db45121a984505f3f4d87277dcde3: fix: render right margin for block stack elements (#334) (
@jahvon)Documentation updates
- f29dc10685689be9846671030e07a17f97bafb16: docs(example): update example to demonstrate color downsampling (
@meowgorithm)
... (truncated)
Commits
dddb9a7ci: sync golangci-lint config (#403)f43b1adtest(tables): pin lipgloss to v1.1.0 and update tests (#394)d1d5125chore(deps): bump golang.org/x/net from 0.33.0 to 0.36.0 in /examples (#400)3b686bachore(deps): bump golang.org/x/net from 0.33.0 to 0.36.0 (#399)4c040b7feat: add term renderer option for chroma formatter (#395)3dc6c5bchore(deps): bump golang.org/x/text from 0.22.0 to 0.23.0 (#397)5ad6facchore(deps): bump golang.org/x/term from 0.29.0 to 0.30.0 (#396)bdc4ec5fix(table): fix rendering table in ascii-only mode (#393)b0776abchore(deps): bump github.com/yuin/goldmark-emoji from 1.0.4 to 1.0.5 (#391)ddc2451chore(deps): bump golang.org/x/text from 0.21.0 to 0.22.0 (#392)- Additional commits viewable in compare view
[](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) ---
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show
Release notes
Sourced from github.com/spf13/afero's releases.
v1.14.0
What's Changed
- Split gcsfs and sftpfs into separate modules by
@sagikazarmarkin spf13/afero#462Full Changelog: https://github.com/spf13/afero/compare/v1.13.0...v1.14.0
v1.13.0
What's Changed
- Bump actions/setup-go from 5.2.0 to 5.3.0 by
@dependabotin spf13/afero#446- Bump golangci/golangci-lint-action from 6.1.1 to 6.3.0 by
@dependabotin spf13/afero#451- Bump golang.org/x/text from 0.21.0 to 0.22.0 by
@dependabotin spf13/afero#452- Bump golang.org/x/oauth2 from 0.25.0 to 0.26.0 by
@dependabotin spf13/afero#453- Bump golangci/golangci-lint-action from 6.3.0 to 6.3.3 by
@dependabotin spf13/afero#459- Bump golang.org/x/crypto from 0.32.0 to 0.33.0 by
@dependabotin spf13/afero#455- Bump golangci/golangci-lint-action from 6.3.3 to 6.5.0 by
@dependabotin spf13/afero#460- ci: add Go 1.24 to the test matrix by
@sagikazarmarkin spf13/afero#461- Bump golangci/golangci-lint-action from 6.5.0 to 6.5.1 by
@dependabotin spf13/afero#473- Update dependencies by
@sagikazarmarkin spf13/afero#477New Contributors
@dependabotmade their first contribution in spf13/afero#446Full Changelog: https://github.com/spf13/afero/compare/v1.12.0...v1.13.0
Commits
ea38482Merge pull request #462 from spf13/dependenciesa9aaabcdocs: add release instructionsd3a70b6ci: run tests for submodules2af1925feat: split gcsfs and sftpfs into separate modulesdbd6f61Merge pull request #477 from spf13/update-dependencies83b8a55update readmebf3bd73update dependencies464bc98Merge pull request #473 from spf13/dependabot/github_actions/golangci/golangc...da239a4Bump golangci/golangci-lint-action from 6.5.0 to 6.5.1523f621Merge pull request #461 from spf13/go124- Additional commits viewable in compare view
[](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) ---
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show
Release notes
Sourced from github.com/coreos/go-oidc/v3's releases.
v3.13.0
What's Changed
- *: bump dependency versions by
@ericchiangin coreos/go-oidc#453Full Changelog: https://github.com/coreos/go-oidc/compare/v3.12.0...v3.13.0
Commits
60d436e*: bump dependency versions- See full diff in compare view
[](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) ---
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show
Release notes
Sourced from github.com/chromedp/chromedp's releases.
chromedp v0.13.2
Full Changelog: https://github.com/chromedp/chromedp/compare/v0.13.1...v0.13.2
chromedp v0.13.0
Full Changelog: https://github.com/chromedp/chromedp/compare/v0.12.1...v0.13.0
Commits
f6fdfddadd tests for unmarshalling and marshalling json6c2d3efpass unmarshal and marshal optionseae0058log syntactic errors when reading messages9335dc3Allow setting jsonv2 Marshal/Unmarshal options71458e1fix: add page.EventFrameStartedNavigating to ignored events (Google Chrome 13...79abe0aSwitching to jsonv2229c63eUpdating test workflowa19bb90Updating LICENSE6be1bcbUpdating device emulationf623c2dUpdating dependencies- Additional commits viewable in compare view
[](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) ---
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show
Release notes
Sourced from google.golang.org/api's releases.
v0.227.0
0.227.0 (2025-03-19)
Features
- all: Auto-regenerate discovery clients (#3064) (086437d)
- all: Auto-regenerate discovery clients (#3066) (2920346)
- all: Auto-regenerate discovery clients (#3067) (c6396b1)
- all: Auto-regenerate discovery clients (#3069) (f12f503)
- all: Auto-regenerate discovery clients (#3070) (a5a7982)
- all: Auto-regenerate discovery clients (#3071) (a86ed9f)
v0.226.0
0.226.0 (2025-03-13)
Features
v0.225.0
0.225.0 (2025-03-11)
Features
- all: Auto-regenerate discovery clients (#3052) (6fe9ee7)
- all: Auto-regenerate discovery clients (#3054) (1f9f630)
- all: Auto-regenerate discovery clients (#3055) (01546c1)
- all: Auto-regenerate discovery clients (#3057) (7a464ea)
- all: Auto-regenerate discovery clients (#3058) (1b9abf7)
Bug Fixes
v0.224.0
0.224.0 (2025-03-06)
Features
- all: Auto-regenerate discovery clients (#3038) (e50dbcf)
- all: Auto-regenerate discovery clients (#3040) (3acb9e0)
- all: Auto-regenerate discovery clients (#3041) (3795b39)
- all: Auto-regenerate discovery clients (#3042) (7d1e850)
- all: Auto-regenerate discovery clients (#3043) (eaeb698)
- all: Auto-regenerate discovery clients (#3048) (0f2af0f)
... (truncated)
Changelog
Sourced from google.golang.org/api's changelog.
0.227.0 (2025-03-19)
Features
- all: Auto-regenerate discovery clients (#3064) (086437d)
- all: Auto-regenerate discovery clients (#3066) (2920346)
- all: Auto-regenerate discovery clients (#3067) (c6396b1)
- all: Auto-regenerate discovery clients (#3069) (f12f503)
- all: Auto-regenerate discovery clients (#3070) (a5a7982)
- all: Auto-regenerate discovery clients (#3071) (a86ed9f)
0.226.0 (2025-03-13)
Features
0.225.0 (2025-03-11)
Features
- all: Auto-regenerate discovery clients (#3052) (6fe9ee7)
- all: Auto-regenerate discovery clients (#3054) (1f9f630)
- all: Auto-regenerate discovery clients (#3055) (01546c1)
- all: Auto-regenerate discovery clients (#3057) (7a464ea)
- all: Auto-regenerate discovery clients (#3058) (1b9abf7)
Bug Fixes
0.224.0 (2025-03-06)
Features
- all: Auto-regenerate discovery clients (#3038) (e50dbcf)
- all: Auto-regenerate discovery clients (#3040) (3acb9e0)
- all: Auto-regenerate discovery clients (#3041) (3795b39)
- all: Auto-regenerate discovery clients (#3042) (7d1e850)
- all: Auto-regenerate discovery clients (#3043) (eaeb698)
- all: Auto-regenerate discovery clients (#3048) (0f2af0f)
- all: Auto-regenerate discovery clients (#3051) (f10c130)
Bug Fixes
... (truncated)
Commits
6c04eefchore(main): release 0.227.0 (#3065)a86ed9ffeat(all): auto-regenerate discovery clients (#3071)a5a7982feat(all): auto-regenerate discovery clients (#3070)4cd8392chore(all): update all (#3068)f12f503feat(all): auto-regenerate discovery clients (#3069)c6396b1feat(all): auto-regenerate discovery clients (#3067)2920346feat(all): auto-regenerate discovery clients (#3066)086437dfeat(all): auto-regenerate discovery clients (#3064)be5fb5dchore(main): release 0.226.0 (#3060)7789423chore(deps): bump golang.org/x/net to 0.37.0 (#3063)- Additional commits viewable in compare view
[](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) ---
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show
Commits
dc121ceall: upgrade go directive to at least 1.23.0 [generated]- See full diff in compare view
Updates `golang.org/x/tools` from 0.30.0 to 0.31.0
Commits
6a5b66bgo.mod: update golang.org/x dependencies25a90begopls/internal/golang: Implementations for func typesdb6008cgo/types/internal/play: show Cursor.Stack of selected nodeece9e9bgopls/doc/generate: add status in codelenses and inlayhints340f21agopls: move gopls/doc/generate package0721940gopls/internal/analysis/modernize: strings.Fields -> FieldsSeq8d38122gopls/internal/cache: reproduce and fix crash on if cond overflowd81d6fcgopls/internal/util/asm: better assembly parsing455db21gopls/internal/cache/parsego: fix OOB crash in fixInitStmt2b1f550gopls/internal/analysis/gofix: allow literal array lengths- Additional commits viewable in compare view
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) ---
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show
+
+ );
+ }
+ const isFileURI = status.uri?.startsWith("file://");
+
+ let appHref: string | undefined;
+ if (app && agent) {
+ const appSlug = app.slug || app.display_name;
+ appHref = createAppLinkHref(
+ window.location.protocol,
+ preferredPathBase,
+ appsHost,
+ appSlug,
+ workspace.owner_name,
+ workspace,
+ agent,
+ app,
+ );
+ }
+
+ return (
+
+ ―
+
+
+
+ );
+};
diff --git a/site/src/pages/WorkspacePage/AppStatuses.stories.tsx b/site/src/pages/WorkspacePage/AppStatuses.stories.tsx
new file mode 100644
index 0000000000000..86e6f345b5e59
--- /dev/null
+++ b/site/src/pages/WorkspacePage/AppStatuses.stories.tsx
@@ -0,0 +1,207 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { ProxyContext, getPreferredProxy } from "contexts/ProxyContext";
+import {
+ MockProxyLatencies,
+ MockWorkspace,
+ MockWorkspaceAgent,
+ MockWorkspaceApp,
+ MockWorkspaceAppStatus,
+} from "testHelpers/entities";
+import { AppStatuses } from "./AppStatuses";
+
+const meta: Meta
+ {getStatusIcon(theme, status.state)}
+
+
+
+
+ {status.message}
+
+
+ {app && appHref && (
+
+ {app.icon ? (
+ 
+ ) : (
+
+
+ {isFileURI ? (
+
+ )}
+
+
+ ) : (
+
+
+ {allStatuses.map((status, index) => {
+ const isLatest = index === 0;
+ const isFileURI = status.uri?.startsWith("file://");
+ const statusTime = new Date(status.created_at);
+ // Use formatDistance if referenceDate is provided, otherwise formatDistanceToNow
+ const formattedTimestamp = referenceDate
+ ? formatDistance(statusTime, comparisonDate, { addSuffix: true })
+ : formatDistanceToNow(statusTime, { addSuffix: true });
+
+ // Get the associated app for this status
+ const currentApp = status.app;
+ let appHref: string | undefined;
+ const agent = agents.find((agent) => agent.id === status.agent_id);
+
+ if (currentApp && agent) {
+ const appSlug = currentApp.slug || currentApp.display_name;
+ appHref = createAppLinkHref(
+ window.location.protocol,
+ preferredPathBase,
+ appsHost,
+ appSlug,
+ workspace.owner_name,
+ workspace,
+ agent,
+ currentApp,
+ );
+ }
+
+ // Determine if app link should be shown
+ const showAppLink =
+ isLatest ||
+ (index > 0 && status.app_id !== allStatuses[index - 1].app_id);
+
+ return (
+
+ );
+};
diff --git a/site/src/pages/WorkspacePage/Workspace.stories.tsx b/site/src/pages/WorkspacePage/Workspace.stories.tsx
index 52d68d1dd0fd8..88198bdb7b09a 100644
--- a/site/src/pages/WorkspacePage/Workspace.stories.tsx
+++ b/site/src/pages/WorkspacePage/Workspace.stories.tsx
@@ -7,6 +7,17 @@ import { withDashboardProvider } from "testHelpers/storybook";
import { Workspace } from "./Workspace";
import type { WorkspacePermissions } from "./permissions";
+// Helper function to create timestamps easily - Copied from AppStatuses.stories.tsx
+const createTimestamp = (
+ minuteOffset: number,
+ secondOffset: number,
+): string => {
+ const baseDate = new Date("2024-03-26T15:00:00Z");
+ baseDate.setMinutes(baseDate.getMinutes() + minuteOffset);
+ baseDate.setSeconds(baseDate.getSeconds() + secondOffset);
+ return baseDate.toISOString();
+};
+
const permissions: WorkspacePermissions = {
readWorkspace: true,
updateWorkspace: true,
@@ -66,6 +77,17 @@ export const Running: Story = {
...Mocks.MockWorkspace,
latest_build: {
...Mocks.MockWorkspace.latest_build,
+ resources: [
+ {
+ ...Mocks.MockWorkspaceResource,
+ agents: [
+ {
+ ...Mocks.MockWorkspaceAgent,
+ lifecycle_state: "ready",
+ },
+ ],
+ },
+ ],
matched_provisioners: {
count: 0,
available: 0,
@@ -79,6 +101,117 @@ export const Running: Story = {
},
};
+export const RunningWithAppStatuses: Story = {
+ args: {
+ workspace: {
+ ...Mocks.MockWorkspace,
+ latest_build: {
+ ...Mocks.MockWorkspace.latest_build,
+ resources: [
+ {
+ ...Mocks.MockWorkspaceResource,
+ agents: [
+ {
+ ...Mocks.MockWorkspaceAgent,
+ lifecycle_state: "ready",
+ apps: [
+ {
+ ...Mocks.MockWorkspaceApp,
+ statuses: [
+ {
+ ...Mocks.MockWorkspaceAppStatus,
+ id: "status-7",
+ icon: "/emojis/1f4dd.png", // 📝
+ message: "Creating PR with gh CLI",
+ created_at: createTimestamp(4, 38), // 15:04:38
+ uri: "https://github.com/coder/coder/pull/5678",
+ state: "working" as const,
+ agent_id: Mocks.MockWorkspaceAgent.id,
+ },
+ {
+ ...Mocks.MockWorkspaceAppStatus,
+ id: "status-6",
+ icon: "/emojis/1f680.png", // 🚀
+ message: "Pushing branch to remote",
+ created_at: createTimestamp(3, 56), // 15:03:56
+ uri: "",
+ state: "complete" as const,
+ agent_id: Mocks.MockWorkspaceAgent.id,
+ },
+ {
+ ...Mocks.MockWorkspaceAppStatus,
+ id: "status-5",
+ icon: "/emojis/1f527.png", // 🔧
+ message: "Configuring git identity",
+ created_at: createTimestamp(2, 29), // 15:02:29
+ uri: "",
+ state: "complete" as const,
+ agent_id: Mocks.MockWorkspaceAgent.id,
+ },
+ {
+ ...Mocks.MockWorkspaceAppStatus,
+ id: "status-4",
+ icon: "/emojis/1f4be.png", // 💾
+ message: "Committing changes",
+ created_at: createTimestamp(2, 4), // 15:02:04
+ uri: "",
+ state: "complete" as const,
+ agent_id: Mocks.MockWorkspaceAgent.id,
+ },
+ {
+ ...Mocks.MockWorkspaceAppStatus,
+ id: "status-3",
+ icon: "/emojis/2795.png", // +
+ message: "Adding files to staging",
+ created_at: createTimestamp(1, 44), // 15:01:44
+ uri: "",
+ state: "complete" as const,
+ agent_id: Mocks.MockWorkspaceAgent.id,
+ },
+ {
+ ...Mocks.MockWorkspaceAppStatus,
+ id: "status-2",
+ icon: "/emojis/1f33f.png", // 🌿
+ message: "Creating a new branch for PR",
+ created_at: createTimestamp(1, 32), // 15:01:32
+ uri: "",
+ state: "complete" as const,
+ agent_id: Mocks.MockWorkspaceAgent.id,
+ },
+ {
+ ...Mocks.MockWorkspaceAppStatus,
+ id: "status-1",
+ icon: "/emojis/1f680.png", // 🚀
+ message: "Starting to create a PR",
+ created_at: createTimestamp(1, 0), // 15:01:00
+ uri: "",
+ state: "complete" as const,
+ agent_id: Mocks.MockWorkspaceAgent.id,
+ },
+ ].sort(
+ (a, b) =>
+ new Date(b.created_at).getTime() -
+ new Date(a.created_at).getTime(),
+ ), // Ensure sorted correctly if component relies on input order
+ },
+ ],
+ },
+ ],
+ },
+ ],
+ matched_provisioners: {
+ count: 1,
+ available: 1,
+ },
+ },
+ },
+ handleStart: action("start"),
+ handleStop: action("stop"),
+ buildInfo: Mocks.MockBuildInfo,
+ template: Mocks.MockTemplate,
+ },
+};
+
export const AppIcons: Story = {
args: {
...Running.args,
diff --git a/site/src/pages/WorkspacePage/Workspace.tsx b/site/src/pages/WorkspacePage/Workspace.tsx
index f28cb775bdd6f..9148c71f32d22 100644
--- a/site/src/pages/WorkspacePage/Workspace.tsx
+++ b/site/src/pages/WorkspacePage/Workspace.tsx
@@ -4,14 +4,16 @@ import HistoryOutlined from "@mui/icons-material/HistoryOutlined";
import HubOutlined from "@mui/icons-material/HubOutlined";
import AlertTitle from "@mui/material/AlertTitle";
import type * as TypesGen from "api/typesGenerated";
+import type { WorkspaceApp } from "api/typesGenerated";
import { Alert, AlertDetail } from "components/Alert/Alert";
import { SidebarIconButton } from "components/FullPageLayout/Sidebar";
import { useSearchParamsKey } from "hooks/useSearchParamsKey";
import { ProvisionerStatusAlert } from "modules/provisioners/ProvisionerStatusAlert";
import { AgentRow } from "modules/resources/AgentRow";
import { WorkspaceTimings } from "modules/workspaces/WorkspaceTiming/WorkspaceTimings";
-import type { FC } from "react";
+import { type FC, useMemo } from "react";
import { useNavigate } from "react-router-dom";
+import { AppStatuses } from "./AppStatuses";
import { HistorySidebar } from "./HistorySidebar";
import { ResourceMetadata } from "./ResourceMetadata";
import { ResourcesSidebar } from "./ResourcesSidebar";
@@ -119,6 +121,14 @@ export const Workspace: FC
+ {/* Icon Column */}
+
+ );
+ })}
+
+ {getStatusIcon(theme, status.state, isLatest) || (
+
+
+ {/* Content Column */}
+
+ {/* Message */}
+
+
+ {status.message}
+
+
+ {/* Links Row */}
+
+ {/* Conditional App Link */}
+ {currentApp && appHref && showAppLink && (
+
+
+ {currentApp.icon ? (
+ 
+ ) : (
+
+ )}
+
+ {/* Existing URI Link */}
+ {status.uri && (
+
+
+ {/* Timestamp */}
+
+ {isFileURI ? (
+
+
+ ) : (
+
+
+ )}
+
+
+
+ {formatURI(status.uri)}
+
+
+ )}
+
+ {formattedTimestamp}
+
+ = ({
- {selectedResource.agents?.map((agent) => (
-
+ {/* Left Side: Agent Rows */}
+
+ {selectedResource.agents?.map((agent) => (
+
- {(!selectedResource.agents ||
- selectedResource.agents?.length === 0) && (
+ {/* Right Side: Activity Box */}
+ {hasAppStatus && (
= {
},
],
},
- decorators: [withDashboardProvider],
+ decorators: [
+ withDashboardProvider,
+ (Story) => (
+ {
+ return;
+ },
+ setProxy: () => {
+ return;
+ },
+ refetchProxyLatencies: (): Date => {
+ return new Date();
+ },
+ }}
+ >
+
+ ),
+ ],
};
export default meta;
@@ -297,3 +325,62 @@ export const ShowOrganizations: Story = {
expect(accessibleTableCell).toBeDefined();
},
};
+
+export const WithLatestAppStatus: Story = {
+ args: {
+ workspaces: [
+ {
+ ...MockWorkspace,
+ latest_app_status: {
+ ...MockWorkspaceAppStatus,
+ message:
+ "This is a long message that will wrap around the component. It should wrap many times because this is very very very very very long.",
+ },
+ },
+ {
+ ...MockWorkspace,
+ latest_app_status: null,
+ },
+ {
+ ...MockWorkspace,
+ latest_app_status: {
+ ...MockWorkspaceAppStatus,
+ state: "working",
+ message: "Fixing the competitors page...",
+ },
+ },
+ {
+ ...MockWorkspace,
+ latest_app_status: {
+ ...MockWorkspaceAppStatus,
+ state: "failure",
+ message: "I couldn't figure it out...",
+ },
+ },
+ {
+ ...{
+ ...MockStoppedWorkspace,
+ latest_build: {
+ ...MockStoppedWorkspace.latest_build,
+ resources: [],
+ },
+ },
+ latest_app_status: {
+ ...MockWorkspaceAppStatus,
+ state: "failure",
+ message: "I couldn't figure it out...",
+ uri: "",
+ },
+ },
+ {
+ ...MockWorkspace,
+ latest_app_status: {
+ ...MockWorkspaceAppStatus,
+ state: "working",
+ message: "Updating the README...",
+ uri: "file:///home/coder/projects/coder/coder/README.md",
+ },
+ },
+ ],
+ },
+};
diff --git a/site/src/pages/WorkspacesPage/WorkspacesTable.tsx b/site/src/pages/WorkspacesPage/WorkspacesTable.tsx
index d3ed0d650e9a6..dc6843af3a2d1 100644
--- a/site/src/pages/WorkspacesPage/WorkspacesTable.tsx
+++ b/site/src/pages/WorkspacesPage/WorkspacesTable.tsx
@@ -10,7 +10,12 @@ import TableContainer from "@mui/material/TableContainer";
import TableHead from "@mui/material/TableHead";
import TableRow from "@mui/material/TableRow";
import { visuallyHidden } from "@mui/utils";
-import type { Template, Workspace } from "api/typesGenerated";
+import type {
+ Template,
+ Workspace,
+ WorkspaceAgent,
+ WorkspaceApp,
+} from "api/typesGenerated";
import { Avatar } from "components/Avatar/Avatar";
import { AvatarData } from "components/Avatar/AvatarData";
import { AvatarDataSkeleton } from "components/Avatar/AvatarDataSkeleton";
@@ -22,11 +27,12 @@ import {
} from "components/TableLoader/TableLoader";
import { useClickableTableRow } from "hooks/useClickableTableRow";
import { useDashboard } from "modules/dashboard/useDashboard";
+import { WorkspaceAppStatus } from "modules/workspaces/WorkspaceAppStatus/WorkspaceAppStatus";
import { WorkspaceDormantBadge } from "modules/workspaces/WorkspaceDormantBadge/WorkspaceDormantBadge";
import { WorkspaceOutdatedTooltip } from "modules/workspaces/WorkspaceOutdatedTooltip/WorkspaceOutdatedTooltip";
import { WorkspaceStatusBadge } from "modules/workspaces/WorkspaceStatusBadge/WorkspaceStatusBadge";
import { LastUsed } from "pages/WorkspacesPage/LastUsed";
-import type { FC, ReactNode } from "react";
+import { type FC, type ReactNode, useMemo } from "react";
import { useNavigate } from "react-router-dom";
import { getDisplayWorkspaceTemplateName } from "utils/workspace";
import { WorkspacesEmpty } from "./WorkspacesEmpty";
@@ -55,13 +61,46 @@ export const WorkspacesTable: FC = ({
}) => {
const theme = useTheme();
const dashboard = useDashboard();
+ const workspaceIDToAppByStatus = useMemo(() => {
+ return (
+ workspaces?.reduce(
+ (acc, workspace) => {
+ if (!workspace.latest_app_status) {
+ return acc;
+ }
+ for (const resource of workspace.latest_build.resources) {
+ for (const agent of resource.agents ?? []) {
+ for (const app of agent.apps ?? []) {
+ if (app.id === workspace.latest_app_status.app_id) {
+ acc[workspace.id] = { app, agent };
+ break;
+ }
+ }
+ }
+ }
+ return acc;
+ },
+ {} as Record<
+ string,
+ {
+ app: WorkspaceApp;
+ agent: WorkspaceAgent;
+ }
+ >,
+ ) || {}
+ );
+ }, [workspaces]);
+ const hasAppStatus = useMemo(
+ () => Object.keys(workspaceIDToAppByStatus).length > 0,
+ [workspaceIDToAppByStatus],
+ );
return (
+
+ )}
+
+
+ + No agents are currently assigned to this resource. +
+
-
)}
-
)}
-
+ - No agents are currently assigned to this resource. -
+ {/* Activity Header */} +
+
+
+
+ Activity
+
+
+ {
+ // Calculate total status count
+ selectedResource.agents
+ ?.flatMap((agent) => agent.apps ?? [])
+ .reduce(
+ (count, app) => count + (app.statuses?.length ?? 0),
+ 0,
+ )
+ }{" "}
+ Total
+
+
+ agent.apps ?? [],
+ ) as WorkspaceApp[]
+ }
+ workspace={workspace}
+ agents={selectedResource.agents || []}
+ />