(null);
-
- useEffect(() => {
- const root = scrollRef.current;
- const target = sentinelRef.current;
- if (!root || !target) return;
- const io = new IntersectionObserver(
- (entries) => {
- if (entries.some((e) => e.isIntersecting)) props.onLoadMore();
- },
- { root, rootMargin: "120px" },
- );
- io.observe(target);
- return () => io.disconnect();
- }, [props.onLoadMore]);
-
- return (
-
-
-
-
-
- {props.title}
-
-
-
-
-
- {props.children}
- {!props.done ? (
-
- ) : null}
- {props.loading ? (
-
Loading…
- ) : null}
-
{
- if (props.onClick && (e.key === "Enter" || e.key === " ")) {
- e.preventDefault();
- props.onClick();
- }
- }}
- style={{
- padding: "8px 10px",
- borderRadius: 8,
- fontSize: 13,
- color: "var(--row-color)",
- display: "flex",
- justifyContent: "space-between",
- gap: 8,
- cursor: props.onClick ? "pointer" : "default",
- }}
- >
-
- {props.title}
-
- {props.meta ? (
- {props.meta}
- ) : null}
-
- );
-}
-
-function Empty(props: { label: string }) {
- return (
-
- {props.label}
-
- );
-}
-
-function CanvasesSection() {
- const { rows, loadMore, loading, done } = useChannelRows("dashboard");
- return (
- ph.navigate?.toNewCanvas()}
- loading={loading}
- done={done}
- onLoadMore={loadMore}
- >
- {rows.length === 0 && done ? : null}
- {rows.map((r) => (
- ph.navigate?.toCanvas(r.id)} />
- ))}
-
- );
-}
-
-function TasksSection() {
- const { rows, loadMore, loading, done } = useChannelRows("task");
- return (
- ph.navigate?.toNewTask()}
- loading={loading}
- done={done}
- onLoadMore={loadMore}
- >
- {rows.length === 0 && done ? : null}
- {rows.map((r) => (
- ph.navigate?.toTask(r.id)}
- />
- ))}
-
- );
-}
-
-// Inbox / to-dos: there's no data source for these yet, so this is a stub. The
-// assignee toggle and "New" button are placeholders the host will wire up later.
-function InboxSection() {
- const [scope, setScope] = useState<"me" | "team">("me");
- const accent = "#1d4aff";
- return (
- {}} loading={false} done={true} onLoadMore={() => {}} newDisabled={true} newTooltip="Coming soon">
-
- {(["me", "team"] as const).map((s) => {
- const active = scope === s;
- return (
-
- );
- })}
-
-
-
- );
-}
-
-// Colors are CSS variables so the canvas follows the user's PostHog theme. The
-// iframe loader toggles a \`dark\` class on (sandboxRuntime.applyTheme);
-// \`html.dark\` overrides win on specificity, so every value flips with no JS.
-const STYLE_TEXT =
- ":root{" +
- "--bg-from:#f4f5f0;--bg-to:#eceee8;--card-bg:#ffffff;--card-border:#e4e5de;" +
- "--header-border:#eceee8;--title:#0d0d0d;--btn-border:#d8dbd1;--btn-bg:#f2f3ee;" +
- "--btn-color:#3a4036;--btn-hover-bg:#eceee8;--btn-hover-border:#cbd0c3;" +
- "--row-color:#3a4036;--row-hover-bg:#f2f3ee;--meta:#93998a;--empty:#a9af9f;" +
- "--page-color:#3a4036;--scroll-thumb:#cbd0c3;--scroll-thumb-hover:#a9af9f}" +
- "html.dark{" +
- "--bg-from:#1b1d1a;--bg-to:#141613;--card-bg:#202220;--card-border:#33362e;" +
- "--header-border:#2b2e27;--title:#f3f4ef;--btn-border:#3a3e34;--btn-bg:#2a2d26;" +
- "--btn-color:#d4d7cd;--btn-hover-bg:#34372f;--btn-hover-border:#474c3f;" +
- "--row-color:#d4d7cd;--row-hover-bg:#2a2d26;--meta:#8a917e;--empty:#6f7567;" +
- "--page-color:#d4d7cd;--scroll-thumb:#3a3e34;--scroll-thumb-hover:#4a4f42}" +
- ".ph-btn{transition:background .15s ease,border-color .15s ease,color .15s ease}" +
- ".ph-btn:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-border)}" +
- ".ph-row{transition:background .12s ease}" +
- ".ph-row:hover{background:var(--row-hover-bg)}" +
- "*::-webkit-scrollbar{width:10px;height:10px}" +
- "*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px;border:2px solid transparent;background-clip:padding-box}" +
- "*::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box}";
-
-export default function ChannelHome() {
- return (
-
- );
-}
-`;
-}
diff --git a/products/desktop/packages/core/src/canvas/services.ts b/products/desktop/packages/core/src/canvas/services.ts
index 2f77302f6622..640344b6253e 100644
--- a/products/desktop/packages/core/src/canvas/services.ts
+++ b/products/desktop/packages/core/src/canvas/services.ts
@@ -61,11 +61,6 @@ export interface IDashboardsService {
getBuilds(id: string): Promise;
actOnBuild(input: CanvasBuildActionInput): Promise;
rename(input: { id: string; name: string }): Promise;
- // Idempotently create + seed a channel's home canvas, returning it.
- ensureHomeCanvas(channelId: string): Promise;
- // Publish a fresh template version to the home canvas (non-destructive; the
- // prior version stays in history so the edit can be restored via revert).
- resetHomeCanvas(channelId: string): Promise;
delete(id: string): Promise;
}
diff --git a/products/desktop/packages/host-router/src/routers/dashboards.router.ts b/products/desktop/packages/host-router/src/routers/dashboards.router.ts
index 6821c98d6efd..7603b889ea0d 100644
--- a/products/desktop/packages/host-router/src/routers/dashboards.router.ts
+++ b/products/desktop/packages/host-router/src/routers/dashboards.router.ts
@@ -10,7 +10,6 @@ import {
createDashboardInput,
dashboardIdInput,
dashboardRecordSchema,
- ensureHomeCanvasInput,
listDashboardsInput,
renameDashboardInput,
revertCanvasInput,
@@ -114,22 +113,6 @@ export const dashboardsRouter = router({
.mutation(({ ctx, input }) =>
ctx.container.get(DASHBOARDS_SERVICE).rename(input),
),
- ensureHomeCanvas: publicProcedure
- .input(ensureHomeCanvasInput)
- .output(dashboardRecordSchema)
- .mutation(({ ctx, input }) =>
- ctx.container
- .get(DASHBOARDS_SERVICE)
- .ensureHomeCanvas(input.channelId),
- ),
- resetHomeCanvas: publicProcedure
- .input(ensureHomeCanvasInput)
- .output(dashboardRecordSchema)
- .mutation(({ ctx, input }) =>
- ctx.container
- .get(DASHBOARDS_SERVICE)
- .resetHomeCanvas(input.channelId),
- ),
delete: publicProcedure
.input(dashboardIdInput)
.mutation(({ ctx, input }) =>
diff --git a/products/desktop/packages/ui/src/features/canvas/freeform/FreeformCanvasView.tsx b/products/desktop/packages/ui/src/features/canvas/freeform/FreeformCanvasView.tsx
index b46bc101d254..427638f9f1b2 100644
--- a/products/desktop/packages/ui/src/features/canvas/freeform/FreeformCanvasView.tsx
+++ b/products/desktop/packages/ui/src/features/canvas/freeform/FreeformCanvasView.tsx
@@ -1,5 +1,4 @@
import {
- ArrowCounterClockwiseIcon,
ArrowUUpLeftIcon,
ArrowUUpRightIcon,
ClockCounterClockwiseIcon,
@@ -72,7 +71,7 @@ import {
shouldClearCanvasBrowse,
} from "./canvasVersionNavigation";
import { handleFreeformDataRequest } from "./freeformDataBridge";
-import { useCanvasNavigation, useHomeCanvasReset } from "./useHomeCanvasView";
+import { useCanvasNavigation } from "./useCanvasNavigation";
import { usePinnedArtifact } from "./usePinnedArtifact";
// A freeform (React-in-iframe) canvas. The rendered output is, in priority
@@ -145,13 +144,6 @@ export function FreeformCanvasView({
[channels, channelId],
);
- // The "Reset to default" affordance, shown only on a channel's home canvas.
- const {
- isHomeCanvas,
- isResetting,
- reset: onResetToDefault,
- } = useHomeCanvasReset({ channelId, dashboardId, threadId });
-
// Run status derivation (cloud vs local) lives in a pure, tested helper; a
// terminal run record always ends "running" so a stale session can't strand
// the canvas on "Generating".
@@ -487,18 +479,6 @@ export function FreeformCanvasView({
{isReverting ? "Reverting…" : "Revert to this version"}
)}
- {isHomeCanvas && (
-
- )}
)}
diff --git a/products/desktop/packages/ui/src/features/canvas/freeform/useCanvasNavigation.ts b/products/desktop/packages/ui/src/features/canvas/freeform/useCanvasNavigation.ts
new file mode 100644
index 000000000000..ed45b5977842
--- /dev/null
+++ b/products/desktop/packages/ui/src/features/canvas/freeform/useCanvasNavigation.ts
@@ -0,0 +1,39 @@
+import type { CanvasNavIntent } from "@posthog/core/canvas/freeformSchemas";
+import { useCreateAndOpenDashboard } from "@posthog/ui/features/canvas/hooks/useDashboards";
+import {
+ navigateToChannelDashboard,
+ navigateToChannelTask,
+} from "@posthog/ui/router/navigationBridge";
+import { openTaskInput } from "@posthog/ui/router/useOpenTask";
+import { useCallback } from "react";
+
+/**
+ * Routes a canvas's allowlisted nav intent to real host navigation. channelId is
+ * host-supplied (never from the iframe), so the canvas can only move within its
+ * own channel. The returned callback switches exhaustively over the intent union.
+ */
+export function useCanvasNavigation(
+ channelId: string,
+): (intent: CanvasNavIntent) => void {
+ const createAndOpen = useCreateAndOpenDashboard(channelId);
+ return useCallback(
+ (intent: CanvasNavIntent) => {
+ switch (intent.target) {
+ case "task":
+ navigateToChannelTask(channelId, intent.taskId);
+ break;
+ case "new-task":
+ // Via openTaskInput so a stale prefill can't leak into the composer.
+ openTaskInput({ channelId });
+ break;
+ case "canvas":
+ navigateToChannelDashboard(channelId, intent.dashboardId);
+ break;
+ case "new-canvas":
+ void createAndOpen();
+ break;
+ }
+ },
+ [channelId, createAndOpen],
+ );
+}
diff --git a/products/desktop/packages/ui/src/features/canvas/freeform/useHomeCanvasView.ts b/products/desktop/packages/ui/src/features/canvas/freeform/useHomeCanvasView.ts
deleted file mode 100644
index 7404b28b034c..000000000000
--- a/products/desktop/packages/ui/src/features/canvas/freeform/useHomeCanvasView.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import type { CanvasNavIntent } from "@posthog/core/canvas/freeformSchemas";
-import { useHostTRPC } from "@posthog/host-router/react";
-import { invalidateCanvasLifecycle } from "@posthog/ui/features/canvas/hooks/invalidateCanvasLifecycle";
-import {
- useCreateAndOpenDashboard,
- useDashboard,
-} from "@posthog/ui/features/canvas/hooks/useDashboards";
-import { useFreeformChatStore } from "@posthog/ui/features/canvas/stores/freeformChatStore";
-import { toast } from "@posthog/ui/primitives/toast";
-import {
- navigateToChannelDashboard,
- navigateToChannelTask,
-} from "@posthog/ui/router/navigationBridge";
-import { openTaskInput } from "@posthog/ui/router/useOpenTask";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useCallback, useState } from "react";
-
-/**
- * Routes a canvas's allowlisted nav intent to real host navigation. channelId is
- * host-supplied (never from the iframe), so the canvas can only move within its
- * own channel. The returned callback switches exhaustively over the intent union.
- */
-export function useCanvasNavigation(
- channelId: string,
-): (intent: CanvasNavIntent) => void {
- const createAndOpen = useCreateAndOpenDashboard(channelId);
- return useCallback(
- (intent: CanvasNavIntent) => {
- switch (intent.target) {
- case "task":
- navigateToChannelTask(channelId, intent.taskId);
- break;
- case "new-task":
- // Via openTaskInput so a stale prefill can't leak into the composer.
- openTaskInput({ channelId });
- break;
- case "canvas":
- navigateToChannelDashboard(channelId, intent.dashboardId);
- break;
- case "new-canvas":
- void createAndOpen();
- break;
- }
- },
- [channelId, createAndOpen],
- );
-}
-
-/**
- * The home-canvas "Reset to default" affordance. Only a channel's home canvas
- * has a default template to reset to, so `isHomeCanvas` (from the canvas
- * record's own flag) gates the button. `reset` regenerates the source
- * server-side — the host publishes the template as a new head version and
- * queues its rebuild — so afterwards it drops any version browse and refetches
- * the record, version history, source, and build lifecycle. The prior version
- * stays in history, so undo can still browse (and revert to) it.
- */
-export function useHomeCanvasReset(args: {
- channelId: string;
- dashboardId: string;
- threadId: string;
-}): {
- isHomeCanvas: boolean;
- isResetting: boolean;
- reset: () => Promise;
-} {
- const { channelId, dashboardId, threadId } = args;
- const trpc = useHostTRPC();
- const queryClient = useQueryClient();
- const { dashboard } = useDashboard(dashboardId);
- const setBrowseVersion = useFreeformChatStore((s) => s.setBrowseVersion);
- const resetMutation = useMutation(
- trpc.dashboards.resetHomeCanvas.mutationOptions(),
- );
- const [isResetting, setIsResetting] = useState(false);
-
- const isHomeCanvas = dashboard?.isHome ?? false;
-
- const reset = useCallback(async () => {
- setIsResetting(true);
- try {
- await resetMutation.mutateAsync({ channelId });
- setBrowseVersion(threadId, null);
- await invalidateCanvasLifecycle(queryClient, trpc, dashboardId);
- toast.success("Canvas reset to default", {
- description: "Undo to browse your previous version.",
- });
- } catch (error) {
- toast.error("Couldn't reset canvas", {
- description: error instanceof Error ? error.message : String(error),
- });
- } finally {
- setIsResetting(false);
- }
- }, [
- channelId,
- dashboardId,
- threadId,
- resetMutation,
- setBrowseVersion,
- queryClient,
- trpc,
- ]);
-
- return { isHomeCanvas, isResetting, reset };
-}
diff --git a/products/desktop/packages/ui/src/features/canvas/hooks/useDashboards.ts b/products/desktop/packages/ui/src/features/canvas/hooks/useDashboards.ts
index beb642f05d10..2cf3fb0b0b40 100644
--- a/products/desktop/packages/ui/src/features/canvas/hooks/useDashboards.ts
+++ b/products/desktop/packages/ui/src/features/canvas/hooks/useDashboards.ts
@@ -170,11 +170,6 @@ export function useDashboardMutations() {
const setPinned = useMutation(
trpc.dashboards.setPinned.mutationOptions({ onSuccess: invalidate }),
);
- const ensureHome = useMutation(
- trpc.dashboards.ensureHomeCanvas.mutationOptions({
- onSuccess: invalidate,
- }),
- );
return {
// Refresh the canvas queries after a mutation that didn't go through this
@@ -205,10 +200,6 @@ export function useDashboardMutations() {
// shows in the channel's Pinned menu for every member.
setPinned: (id: string, pinned: boolean) =>
setPinned.mutateAsync({ id, pinned }),
- // Ensure a channel has its home canvas (creating + seeding it if absent).
- // Idempotent server-side; returns the home canvas record.
- ensureHomeCanvas: (channelId: string) =>
- ensureHome.mutateAsync({ channelId }),
isCreating: create.isPending,
isDeleting: remove.isPending,
isSavingContext: saveContext.isPending,
@@ -216,48 +207,6 @@ export function useDashboardMutations() {
};
}
-/**
- * Open a channel's home canvas in the main content pane. The home canvas is
- * resolved (and created on first open) by the dashboards service, which is
- * idempotent server-side.
- */
-export function useOpenHomeCanvas(): (channel: {
- id: string;
-}) => Promise {
- const navigate = useNavigate();
- const trpc = useHostTRPC();
- const queryClient = useQueryClient();
- const { ensureHomeCanvas } = useDashboardMutations();
-
- return useCallback(
- async (channel) => {
- try {
- // The channel's dashboards list is usually already cached; a seeded
- // home canvas found there can be opened without a server round trip.
- // Only when none exists (or it's unseeded) does the idempotent
- // ensureHomeCanvas create/seed it.
- const cachedHome = queryClient
- .getQueryData(
- trpc.dashboards.list.queryKey({ channelId: channel.id }),
- )
- ?.find((d) => d.isHome && d.currentVersionId);
- const dashboardId =
- cachedHome?.id ?? (await ensureHomeCanvas(channel.id)).id;
- await navigate({
- to: "/website/$channelId/dashboards/$dashboardId",
- params: { channelId: channel.id, dashboardId },
- });
- } catch (error) {
- log.error("Failed to open home canvas", { error });
- toast.error("Couldn't open channel home", {
- description: error instanceof Error ? error.message : String(error),
- });
- }
- },
- [navigate, ensureHomeCanvas, queryClient, trpc],
- );
-}
-
/**
* Create an empty canvas in a channel, enter edit mode, and navigate to it.
* `opts.channelId` overrides the bound channel, for callers whose channel is
diff --git a/services/mcp/src/api/generated.ts b/services/mcp/src/api/generated.ts
index 5e6d0a1f1bc2..94853924ef4d 100644
--- a/services/mcp/src/api/generated.ts
+++ b/services/mcp/src/api/generated.ts
@@ -13289,7 +13289,6 @@ export namespace Schemas {
readonly pinned: boolean;
/** @nullable */
readonly pinned_at: string | null;
- readonly is_home: boolean;
/**
* Id of the live source version — pass as expected_current_version_id on publish. Null before the first publish.
* @nullable
@@ -13494,8 +13493,6 @@ export namespace Schemas {
* @maxLength 64
*/
template_id?: string;
- /** Create the canvas as the channel's home board (at most one per channel). */
- is_home?: boolean;
}
/**
@@ -77660,10 +77657,6 @@ export namespace Schemas {
* Only return canvases in this channel.
*/
channel?: string;
- /**
- * Filter by channel-home status.
- */
- is_home?: boolean;
/**
* Number of results to return per page.
*/
diff --git a/services/mcp/src/generated/canvas/api.ts b/services/mcp/src/generated/canvas/api.ts
index 69791f43d550..041cb68f9ee4 100644
--- a/services/mcp/src/generated/canvas/api.ts
+++ b/services/mcp/src/generated/canvas/api.ts
@@ -24,7 +24,6 @@ export const CanvasesListParams = /* @__PURE__ */ zod.object({
export const CanvasesListQueryParams = /* @__PURE__ */ zod.object({
channel: zod.string().optional().describe('Only return canvases in this channel.'),
- is_home: zod.boolean().optional().describe('Filter by channel-home status.'),
limit: zod.number().optional().describe('Number of results to return per page.'),
offset: zod.number().optional().describe('The initial index from which to return the results.'),
})
@@ -45,8 +44,6 @@ export const canvasesCreateBodyNameMax = 400
export const canvasesCreateBodyTemplateIdDefault = `freeform`
export const canvasesCreateBodyTemplateIdMax = 64
-export const canvasesCreateBodyIsHomeDefault = false
-
export const CanvasesCreateBody = /* @__PURE__ */ zod
.object({
name: zod.string().max(canvasesCreateBodyNameMax).describe('Display name for the canvas.'),
@@ -56,10 +53,6 @@ export const CanvasesCreateBody = /* @__PURE__ */ zod
.max(canvasesCreateBodyTemplateIdMax)
.default(canvasesCreateBodyTemplateIdDefault)
.describe('Canvas template identifier.'),
- is_home: zod
- .boolean()
- .default(canvasesCreateBodyIsHomeDefault)
- .describe("Create the canvas as the channel's home board (at most one per channel)."),
})
.describe('Payload for creating a new, empty canvas in a channel.')
diff --git a/services/mcp/src/tools/generated/canvas.ts b/services/mcp/src/tools/generated/canvas.ts
index 38a6d8c6c160..b48dd0750788 100644
--- a/services/mcp/src/tools/generated/canvas.ts
+++ b/services/mcp/src/tools/generated/canvas.ts
@@ -55,9 +55,6 @@ const canvasCreate = (): ToolBase =>
if (params.template_id !== undefined) {
body['template_id'] = params.template_id
}
- if (params.is_home !== undefined) {
- body['is_home'] = params.is_home
- }
const result = await context.api.request({
method: 'POST',
path: `/api/projects/${encodeURIComponent(String(projectId))}/canvases/`,
@@ -112,7 +109,6 @@ const canvasList = (): ToolBase