Skip to content
This repository was archived by the owner on Aug 6, 2026. It is now read-only.

Commit 21c9bce

Browse files
puemospuemos
authored
chore(visual): update storybook baselines
12 updated, 12 removed Run: 80273ad3-5999-4857-888c-48ea24ff260f Co-authored-by: puemos <13174025+puemos@users.noreply.github.com>
1 parent 3729ea9 commit 21c9bce

12 files changed

Lines changed: 63 additions & 40 deletions

‎apps/code/snapshots.yml‎

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -72,30 +72,6 @@ snapshots:
7272
hash: v1.k4693efd2.1d199b2c4bba8034cb18fb5b49866b64a6eb3311591add5f58ec288710dce2e9.FCc9egSaO1Onih417yciSYKNROe8zqDZyyS6xuXCZGw
7373
billing-usagemeter--zero-spend-limit--light:
7474
hash: v1.k4693efd2.b50c18736bbde45fc89f4c0ac7fd616286e5c1ecc2a56910fffca13eaa13d8a2.31z4F0JmvMeR4yqk5pjs_OQ3MypnM2miZI9al4wuc8c
75-
channels-taskfeedrow--agent-origin--dark:
76-
hash: v1.k4693efd2.82f8c70a399c9ea768201933e202fcc2fde74332c5153aeabf6835ace79beee6.-SVboDRIZ_-nh4PtMliCv7e7iCtdUm-1m2xQ9Xzcdfw
77-
channels-taskfeedrow--agent-origin--light:
78-
hash: v1.k4693efd2.4c1db3470d5ec9b4db9872d0e048314d0078979e8fbdb602b8c648ba70d7209f._KPUvj46p33u7A4Xndz-git-4rp7VKca1MpeTztlB6w
79-
channels-taskfeedrow--human-email-only--dark:
80-
hash: v1.k4693efd2.0f4dece4643b7375b77746347658f4fe65b37817cdfa9ad1ba697067e619f428.f0jKZ4OYqsmeJjXffjt-amK9cwE81JF0lgSMqtn37PA
81-
channels-taskfeedrow--human-email-only--light:
82-
hash: v1.k4693efd2.14db0510f7ea5c57985cf0cb60ab08f5e146c7243eeb1b0b963f74e85c7d60f4.ijHQLK0lZjjUlOQuzYzisImU9DWsNmZM7i5GYfWU4E0
83-
channels-taskfeedrow--human-started--dark:
84-
hash: v1.k4693efd2.e0abdae2e8ac2ef29793ea7afc2a2580c6610e07a3c640ad782af7fd3c12592a.YUgF_BTPzZoqnWXvyLBRs3w9C_P3Yfh4-cP4mUqs2NQ
85-
channels-taskfeedrow--human-started--light:
86-
hash: v1.k4693efd2.84c26deb1a587fe061238b3982b555167575893bacc9cd2667d4d3f74646261f.abqc0Voe6FIQFflzDJTv1KewcZ4XxcDz1a0mFlJu7oM
87-
channels-taskfeedrow--long-prompt--dark:
88-
hash: v1.k4693efd2.876d34660bc267af79d39a971a681ba279a870061dba10b905412112c2a5e4dd.rSw1X068udMs8Arglu_WgX5RL8WZlpAc8_kVONPQhF4
89-
channels-taskfeedrow--long-prompt--light:
90-
hash: v1.k4693efd2.d0d6e4b6bfa257c3f46d991777f72c345437b0be2ee16a182fa925d3ece7dc9e.6PGeOlMxVauJSQia0FAIirzaYio79-I7H4x-9LvEUbw
91-
channels-taskfeedrow--no-prompt--dark:
92-
hash: v1.k4693efd2.9fa967f1a9acdeba0c50a9e45ae649f118ee26938037dbefd1bb0577067b03d4.va1lGsscqLW86-5yCKc3H6pQ8Az7_HBItkgGTnTQiYU
93-
channels-taskfeedrow--no-prompt--light:
94-
hash: v1.k4693efd2.a02339aecdb6fc327fdf6586e28ceeebf8490442fe217eb8bb46f1ce66bff78a.2l7XdvdW3D0GlLmPwDdTFgjZWdav68bZX_LYResVKwo
95-
channels-taskfeedrow--no-starter--dark:
96-
hash: v1.k4693efd2.66fff212f14afa9dd3bc532698a042383014a0cabd4331d30eff878148e1773d.RiectZxFTqk1husLYI-UV5ko1uZ4lpbjWstE7Hy3MJE
97-
channels-taskfeedrow--no-starter--light:
98-
hash: v1.k4693efd2.9ee4ad64ed7d2c5c62d0cd682d903b09da643d462d49aae0858afa500e92256b.OhGj64l-o7iWtxzJo1qt0A_CU9ME0ZRr_5e455RGUJQ
9975
components-permissions-permissionselector--create-new-file--dark:
10076
hash: v1.k4693efd2.c54203a4e636b83b3d24d7ed9c4ace8659db87cd8f231d9dc2ecc03320e31646.epDm7LebiLzlp0uuZBrE-Obt_anAn0xsE8bHFnm5vos
10177
components-permissions-permissionselector--create-new-file--light:
@@ -708,6 +684,30 @@ snapshots:
708684
hash: v1.k4693efd2.cfff4c6bbb0acef1c9941b21d2f69c24b234c2c206282acf6fcada0cb2bd2386.xILjVPp8ecQmGbPjGDdhbRyi9KFPpA_1nfYF3bfjwuc
709685
skill-buttons-skillbuttonsmenu--default--light:
710686
hash: v1.k4693efd2.eb9bd49b9700641f6f3c90653447c9767c52e997afec9843e8649b90752faad3.VdxEtBwtkU3ioy2evcNbrEKxPjQ1GDUpZAQzFe-Uho4
687+
spaces-taskfeedrow--agent-origin--dark:
688+
hash: v1.k4693efd2.82f8c70a399c9ea768201933e202fcc2fde74332c5153aeabf6835ace79beee6.yEZq_qnKxItv5u0Ydcqa1B4VCwv8lwXUvcaFScE2XO0
689+
spaces-taskfeedrow--agent-origin--light:
690+
hash: v1.k4693efd2.4c1db3470d5ec9b4db9872d0e048314d0078979e8fbdb602b8c648ba70d7209f.wt_Ufkw30jHFnxEMFXE0wQG8ignuCURuUUYIvNMnJ6U
691+
spaces-taskfeedrow--human-email-only--dark:
692+
hash: v1.k4693efd2.611794921d5c6270a211f4a6bc3d91fd63a74a58f0c905a79271cbc7d9c73eb8.balV69yNKs9biJzweJYwpk5e1UjZ11fFersE9UMhvEU
693+
spaces-taskfeedrow--human-email-only--light:
694+
hash: v1.k4693efd2.961288ce410b6376bab92428ad148b881c768e9edea4821db4818d13682f50c4.79pzkpuXwARCmUS4HtZRvb2n7dM8HUZZs-ErIXX4wwg
695+
spaces-taskfeedrow--human-started--dark:
696+
hash: v1.k4693efd2.6e1cf0720234b1c64ba04f6f3af965d32438551771bc3680c4391bb8463b8eee.4O-iWXxbDv-L9MsuPt6KoDvK7C95R0Jj6LTYjDwwEhk
697+
spaces-taskfeedrow--human-started--light:
698+
hash: v1.k4693efd2.7156c1e5b2359b5f792529aa9041ad9277842d51c3423bda4f0c029c58dcef28.PF-JYrCTfHxEzFG9dnabJxDYS47wQXnxurx8Ev_LfkY
699+
spaces-taskfeedrow--long-prompt--dark:
700+
hash: v1.k4693efd2.00acb2487749ee5a1db2c95da8ae0e2fb2de0815d653973e60c7ceb3ff808135.pdV864kTAUM1IgcuME846VwInafp3f-WFFxxxE4H_oY
701+
spaces-taskfeedrow--long-prompt--light:
702+
hash: v1.k4693efd2.8a6b372abdf9c60a558c59a703f8e7c8f65fcb55fd99e6c97c6eca23e6a76781.HbZ7kfuE60F5SWucdbYLhy98POhk8MPPX2TLA_r2hz8
703+
spaces-taskfeedrow--no-prompt--dark:
704+
hash: v1.k4693efd2.ff77770c9b5c656b213c139270322defa38306d714abeee6b5fe4e17e2056f88.KnYgUDb_jYEfH5aSoJbt1cwyJXAfDo_eKmIfn0fxjjc
705+
spaces-taskfeedrow--no-prompt--light:
706+
hash: v1.k4693efd2.d3d755ee7ea6eccbed93ea18e6dcbccbd9f77f019f5c153cb0278131b08c324f.l_KwHWHFTzODefftPGtlWsXLFi6tbH78ZRQeeY7X4Z0
707+
spaces-taskfeedrow--no-starter--dark:
708+
hash: v1.k4693efd2.66fff212f14afa9dd3bc532698a042383014a0cabd4331d30eff878148e1773d.-FvbS5RpndI7QXNTpQhbQShDktPrOV_jdcWDY4MUYF4
709+
spaces-taskfeedrow--no-starter--light:
710+
hash: v1.k4693efd2.9ee4ad64ed7d2c5c62d0cd682d903b09da643d462d49aae0858afa500e92256b.lCc1Q5KBHSLnYp7N9k6HEBxDPjf0SblH9zDLHQ7dYo8
711711
task-detail-continueclisessions--importing--dark:
712712
hash: v1.k4693efd2.3196e21b9daa2f183c79eaf2c70a5775365dbee3f1d920c64927e20a0fadcbf9.FjHhjEX3urGbycQiDehA9JQ7H2zfyl1id9rDSVjrtoI
713713
task-detail-continueclisessions--importing--light:

‎packages/ui/src/features/browser-tabs/BrowserTabStrip.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -548,6 +548,7 @@ export function BrowserTabStrip() {
548548
params.taskId,
549549
routeChannelSection,
550550
routeAppView,
551+
spacesLayout,
551552
]);
552553

553554
// Navigate to a tab, tagging the history entry with its id so the switch is

‎packages/ui/src/features/canvas/components/ActivityView.tsx‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -316,7 +316,8 @@ export function ActivityView() {
316316
</EmptyMedia>
317317
<EmptyTitle>No activity yet</EmptyTitle>
318318
<EmptyDescription>
319-
Tasks you create, get tagged in, or reply to across {spacesLayout ? "spaces" : "channels"} land here.
319+
Tasks you create, get tagged in, or reply to across{" "}
320+
{spacesLayout ? "spaces" : "channels"} land here.
320321
</EmptyDescription>
321322
</EmptyHeader>
322323
</Empty>

‎packages/ui/src/features/canvas/components/ChannelContextPanel.test.tsx‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,10 @@ import { render, screen } from "@testing-library/react";
33
import userEvent from "@testing-library/user-event";
44
import { describe, expect, it, vi } from "vitest";
55

6+
vi.mock("@posthog/ui/features/canvas/hooks/useChannelsLayout", () => ({
7+
useChannelsLayout: () => false,
8+
}));
9+
610
// Radix's ScrollArea observes resizes; jsdom lacks ResizeObserver.
711
if (typeof globalThis.ResizeObserver === "undefined") {
812
globalThis.ResizeObserver = class {

‎packages/ui/src/features/canvas/components/ChannelNav.tsx‎

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,10 @@
11
import { BellIcon, EnvelopeSimple, Lightning } from "@phosphor-icons/react";
2-
import { countUnseenActivity } from "@posthog/core/canvas/mentionActivity";
32
import { cn } from "@posthog/quill";
43
import {
54
ANALYTICS_EVENTS,
65
type SidebarNavItem,
76
} from "@posthog/shared/analytics-events";
8-
import { useMentionActivity } from "@posthog/ui/features/canvas/hooks/useMentionActivity";
9-
import { useActivitySeenStore } from "@posthog/ui/features/canvas/stores/activitySeenStore";
7+
import { useTaskActivity } from "@posthog/ui/features/canvas/hooks/useTaskActivity";
108
import {
119
formatHotkey,
1210
SHORTCUTS,
@@ -23,7 +21,6 @@ import {
2321
import { useAppView } from "@posthog/ui/router/useAppView";
2422
import { track } from "@posthog/ui/shell/analytics";
2523
import type { ReactNode } from "react";
26-
import { useMemo } from "react";
2724

2825
const INBOX_REFETCH_INTERVAL_MS = 60_000;
2926

@@ -72,12 +69,7 @@ export function ChannelNav() {
7269
ignoreFilters: true,
7370
refetchIntervalMs: INBOX_REFETCH_INTERVAL_MS,
7471
});
75-
const { items: activityItems } = useMentionActivity();
76-
const lastSeenAt = useActivitySeenStore((s) => s.lastSeenAt);
77-
const unseenActivity = useMemo(
78-
() => countUnseenActivity(activityItems, lastSeenAt),
79-
[activityItems, lastSeenAt],
80-
);
72+
const { unreadCount: unseenActivity } = useTaskActivity();
8173
const commandCenterCount = useCommandCenterActiveCount();
8274

8375
const withTrack = (item: SidebarNavItem, action: () => void) => () => {

‎packages/ui/src/features/canvas/components/ChannelsSidebar.test.tsx‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,9 @@ vi.mock("@posthog/ui/features/canvas/components/ChannelsFab", () => ({
5959
vi.mock("@posthog/ui/features/sidebar/components/SidebarNavSection", () => ({
6060
SidebarNavSection: () => <div data-testid="sidebar-nav-section" />,
6161
}));
62+
vi.mock("@posthog/ui/features/sidebar/components/TasksHeader", () => ({
63+
TasksHeader: () => <div data-testid="tasks-header" />,
64+
}));
6265
vi.mock("@posthog/ui/features/sidebar/components/SidebarMenu", () => ({
6366
SidebarMenu: () => <div data-testid="sidebar-menu" />,
6467
}));

‎packages/ui/src/features/canvas/components/FeedbackModal.test.tsx‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,15 @@ import { render, screen } from "@testing-library/react";
33
import userEvent from "@testing-library/user-event";
44
import { beforeEach, describe, expect, it, vi } from "vitest";
55

6-
const { captureSurveyResponse } = vi.hoisted(() => ({
6+
const { captureSurveyResponse, layout } = vi.hoisted(() => ({
77
captureSurveyResponse: vi.fn(),
8+
layout: { enabled: false },
89
}));
910

1011
vi.mock("@posthog/ui/shell/analytics", () => ({ captureSurveyResponse }));
12+
vi.mock("@posthog/ui/features/canvas/hooks/useChannelsLayout", () => ({
13+
useChannelsLayout: () => layout.enabled,
14+
}));
1115

1216
import { FeedbackModal, type FeedbackModalMode } from "./FeedbackModal";
1317

@@ -23,6 +27,13 @@ function renderModal(mode: FeedbackModalMode | null, onFinished = vi.fn()) {
2327
describe("FeedbackModal", () => {
2428
beforeEach(() => {
2529
captureSurveyResponse.mockReset();
30+
layout.enabled = false;
31+
});
32+
33+
it("uses the Spaces prompt when the layout is enabled", () => {
34+
layout.enabled = true;
35+
renderModal("feedback");
36+
expect(screen.getByText(/How's the Spaces experience/)).toBeInTheDocument();
2637
});
2738

2839
it.each([

‎packages/ui/src/features/canvas/components/WebsiteChannelArtifacts.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@ import { ANALYTICS_EVENTS } from "@posthog/shared/analytics-events";
66
import { useArchivedTaskIds } from "@posthog/ui/features/archive/useArchivedTaskIds";
77
import { ChannelHeader } from "@posthog/ui/features/canvas/components/ChannelHeader";
88
import { iconForTemplate } from "@posthog/ui/features/canvas/components/canvasTemplateIcon";
9-
import { useChannelTasks } from "@posthog/ui/features/canvas/hooks/useChannelTasks";
109
import { useChannelsLayout } from "@posthog/ui/features/canvas/hooks/useChannelsLayout";
10+
import { useChannelTasks } from "@posthog/ui/features/canvas/hooks/useChannelTasks";
1111
import { useDashboards } from "@posthog/ui/features/canvas/hooks/useDashboards";
1212
import { usePrArtifact } from "@posthog/ui/features/git-interaction/usePrArtifact";
1313
import { useTasks } from "@posthog/ui/features/tasks/useTasks";

‎packages/ui/src/features/canvas/components/WebsiteChannelHistory.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@ import { ANALYTICS_EVENTS } from "@posthog/shared/analytics-events";
66
import { useArchivedTaskIds } from "@posthog/ui/features/archive/useArchivedTaskIds";
77
import { ChannelHeader } from "@posthog/ui/features/canvas/components/ChannelHeader";
88
import { iconForTemplate } from "@posthog/ui/features/canvas/components/canvasTemplateIcon";
9-
import { useChannelTasks } from "@posthog/ui/features/canvas/hooks/useChannelTasks";
109
import { useChannelsLayout } from "@posthog/ui/features/canvas/hooks/useChannelsLayout";
10+
import { useChannelTasks } from "@posthog/ui/features/canvas/hooks/useChannelTasks";
1111
import { useDashboards } from "@posthog/ui/features/canvas/hooks/useDashboards";
1212
import { useTasks } from "@posthog/ui/features/tasks/useTasks";
1313
import { useSetHeaderContent } from "@posthog/ui/hooks/useSetHeaderContent";

‎packages/ui/src/features/canvas/components/WebsiteChannelHome.tsx‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -187,7 +187,14 @@ export function WebsiteChannelHome({ channelId }: { channelId: string }) {
187187
);
188188
});
189189
},
190-
[backendChannel?.id, channelId, fileTask, invalidateFeed, queryClient],
190+
[
191+
backendChannel?.id,
192+
channelId,
193+
fileTask,
194+
invalidateFeed,
195+
queryClient,
196+
spacesLayout,
197+
],
191198
);
192199

193200
const handleOpenFull = useCallback(

0 commit comments

Comments
 (0)