diff --git a/apps/code/src/renderer/assets/images/code.svg b/apps/code/src/renderer/assets/images/code.svg new file mode 100644 index 000000000..26f99a6c3 --- /dev/null +++ b/apps/code/src/renderer/assets/images/code.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/code/src/renderer/assets/images/logomark.svg b/apps/code/src/renderer/assets/images/logomark.svg new file mode 100644 index 000000000..ebd58692e --- /dev/null +++ b/apps/code/src/renderer/assets/images/logomark.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/apps/code/src/renderer/components/ThemeWrapper.tsx b/apps/code/src/renderer/components/ThemeWrapper.tsx index 6fb794ecb..97dd6286d 100644 --- a/apps/code/src/renderer/components/ThemeWrapper.tsx +++ b/apps/code/src/renderer/components/ThemeWrapper.tsx @@ -26,7 +26,7 @@ export function ThemeWrapper({ children }: { children: React.ReactNode }) { accentColor={isDarkMode ? "yellow" : "orange"} grayColor="slate" panelBackground="solid" - radius="none" + radius="medium" scaling="105%" > {children} diff --git a/apps/code/src/renderer/components/ui/combobox/Combobox.css b/apps/code/src/renderer/components/ui/combobox/Combobox.css index 885e322a2..0560f31e7 100644 --- a/apps/code/src/renderer/components/ui/combobox/Combobox.css +++ b/apps/code/src/renderer/components/ui/combobox/Combobox.css @@ -60,7 +60,7 @@ } .combobox-content.size-1 [cmdk-input] { - font-size: 12px; + font-size: 13px; line-height: var(--line-height-1); } @@ -135,7 +135,7 @@ } .combobox-content.size-1 [cmdk-group-heading] { - font-size: 12px; + font-size: 13px; letter-spacing: var(--letter-spacing-1); line-height: var(--line-height-1); } @@ -192,7 +192,7 @@ } .combobox-content.size-1 [cmdk-item] { - font-size: 12px; + font-size: 13px; line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-1); border-radius: var(--radius-1); @@ -310,7 +310,7 @@ overflow: hidden; min-width: 0; font-weight: 400; - font-size: 12px; + font-size: 13px; line-height: var(--line-height-1); letter-spacing: var(--letter-spacing-1); border-radius: var(--radius-1); @@ -364,7 +364,7 @@ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - font-family: var(--font-mono); + font-family: var(--default-font-family); } .combobox-trigger-icon { diff --git a/apps/code/src/renderer/features/archive/components/ArchivedTasksView.tsx b/apps/code/src/renderer/features/archive/components/ArchivedTasksView.tsx index e5444bf73..eca4a8f01 100644 --- a/apps/code/src/renderer/features/archive/components/ArchivedTasksView.tsx +++ b/apps/code/src/renderer/features/archive/components/ArchivedTasksView.tsx @@ -120,15 +120,13 @@ export function ArchivedTasksViewPresentation({ {isLoading ? ( - + Loading archived tasks... ) : items.length === 0 ? ( - - No archived tasks - + No archived tasks ) : ( - + Title - + Created - + Repository @@ -159,18 +157,18 @@ export function ArchivedTasksViewPresentation({ - + {item.task?.title ?? "Unknown task"} - + {formatRelativeDate(item.task?.created_at)} - + {getRepoName(item.task?.repository)} @@ -248,7 +246,7 @@ export function ArchivedTasksView() { const queryClient = useQueryClient(); useSetHeaderContent( - + Archived tasks , ); diff --git a/apps/code/src/renderer/features/auth/components/AuthScreen.tsx b/apps/code/src/renderer/features/auth/components/AuthScreen.tsx index 56775e61d..93d58e234 100644 --- a/apps/code/src/renderer/features/auth/components/AuthScreen.tsx +++ b/apps/code/src/renderer/features/auth/components/AuthScreen.tsx @@ -2,8 +2,8 @@ import { DraggableTitleBar } from "@components/DraggableTitleBar"; import { ZenHedgehog } from "@components/ZenHedgehog"; import { useAuthStore } from "@features/auth/stores/authStore"; import { Callout, Flex, Spinner, Text, Theme } from "@radix-ui/themes"; -import posthogIcon from "@renderer/assets/images/posthog-icon.svg"; -import phWordmark from "@renderer/assets/images/wordmark.svg"; +import codeLogo from "@renderer/assets/images/code.svg"; +import logomark from "@renderer/assets/images/logomark.svg"; import { trpcClient } from "@renderer/trpc/client"; import { REGION_LABELS } from "@shared/constants/oauth"; import type { CloudRegion } from "@shared/types/oauth"; @@ -85,7 +85,7 @@ export function AuthScreen() { const errorMessage = getErrorMessage(error); return ( - + @@ -138,10 +138,10 @@ export function AuthScreen() { > {/* Logo */} PostHog ) : ( - + )} {isPending ? "Cancel" @@ -251,7 +247,7 @@ export function AuthScreen() { fontSize: "inherit", }} > - create one + Create one ) : ( @@ -277,7 +273,7 @@ export function AuthScreen() { fontSize: "inherit", }} > - sign in + Sign in )} diff --git a/apps/code/src/renderer/features/auth/components/InviteCodeScreen.tsx b/apps/code/src/renderer/features/auth/components/InviteCodeScreen.tsx index be690bc84..0f94c299f 100644 --- a/apps/code/src/renderer/features/auth/components/InviteCodeScreen.tsx +++ b/apps/code/src/renderer/features/auth/components/InviteCodeScreen.tsx @@ -25,7 +25,7 @@ export function InviteCodeScreen() { const errorMessage = redeemMutation.error?.message ?? null; return ( - + diff --git a/apps/code/src/renderer/features/command-center/components/CommandCenterPanel.tsx b/apps/code/src/renderer/features/command-center/components/CommandCenterPanel.tsx index 2d8fce2bb..41c5046d4 100644 --- a/apps/code/src/renderer/features/command-center/components/CommandCenterPanel.tsx +++ b/apps/code/src/renderer/features/command-center/components/CommandCenterPanel.tsx @@ -28,13 +28,13 @@ function EmptyCell({ cellIndex }: { cellIndex: number }) { - + or drag a task from the sidebar @@ -72,7 +72,7 @@ function PopulatedCell({ {cell.task.title} @@ -80,7 +80,7 @@ function PopulatedCell({ {cell.repoName && ( - + {cell.repoName} )} diff --git a/apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx b/apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx index 9621a44eb..eaf011c6d 100644 --- a/apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx +++ b/apps/code/src/renderer/features/command-center/components/CommandCenterToolbar.tsx @@ -39,7 +39,7 @@ function StatusSummaryText({ summary }: { summary: StatusSummary }) { if (summary.waiting > 0) parts.push(`${summary.waiting} waiting`); return ( - + {parts.join(" \u00b7 ")} ); @@ -82,7 +82,7 @@ export function CommandCenterToolbar({ value={layout} onValueChange={(v) => setLayout(v as LayoutPreset)} > - + {LAYOUT_OPTIONS.map((opt) => ( @@ -104,10 +104,7 @@ export function CommandCenterToolbar({ > - + {Math.round(zoom * 100)}% diff --git a/apps/code/src/renderer/features/command/components/FilePicker.css b/apps/code/src/renderer/features/command/components/FilePicker.css index bedf917b3..648605def 100644 --- a/apps/code/src/renderer/features/command/components/FilePicker.css +++ b/apps/code/src/renderer/features/command/components/FilePicker.css @@ -54,7 +54,7 @@ } .file-picker-popover [cmdk-group-heading] { - font-size: 11px; + font-size: 12px; font-weight: 500; color: var(--gray-11); padding: 8px 12px 4px; diff --git a/apps/code/src/renderer/features/inbox/components/InboxEmptyStates.tsx b/apps/code/src/renderer/features/inbox/components/InboxEmptyStates.tsx index 74307a763..62a61b47a 100644 --- a/apps/code/src/renderer/features/inbox/components/InboxEmptyStates.tsx +++ b/apps/code/src/renderer/features/inbox/components/InboxEmptyStates.tsx @@ -22,7 +22,7 @@ export function SignalsLoadingState() { size={12} className="animate-spin text-gray-10" /> - + Loading signals @@ -68,10 +68,10 @@ export function SignalsErrorState({ > - + Could not load signals - + Check your connection or permissions, then retry. @@ -79,7 +79,7 @@ export function SignalsErrorState({ size="1" variant="soft" onClick={onRetry} - className="font-mono text-[11px]" + className="text-[12px]" disabled={isRetrying} > {isRetrying ? ( diff --git a/apps/code/src/renderer/features/inbox/components/InboxSignalsTab.tsx b/apps/code/src/renderer/features/inbox/components/InboxSignalsTab.tsx index 9451562f9..902a86621 100644 --- a/apps/code/src/renderer/features/inbox/components/InboxSignalsTab.tsx +++ b/apps/code/src/renderer/features/inbox/components/InboxSignalsTab.tsx @@ -104,7 +104,7 @@ function LoadMoreTrigger({ return ( {isFetchingNextPage ? ( - + Loading more... ) : null} @@ -336,7 +336,7 @@ export function InboxSignalsTab() { gap="2" py="6" > - + No matching signals @@ -383,7 +383,7 @@ export function InboxSignalsTab() { {selectedReport.title ?? "Untitled signal"} @@ -404,7 +404,7 @@ export function InboxSignalsTab() { variant="soft" onClick={handleCreateTask} disabled={!canActOnReport} - className="font-mono text-[11px]" + className="text-[12px]" > Create task @@ -418,7 +418,7 @@ export function InboxSignalsTab() { isRunningCloudTask || repositories.length === 0 } - className="font-mono text-[11px]" + className="text-[12px]" > {isRunningCloudTask ? "Running..." : "Run cloud"} @@ -429,7 +429,7 @@ export function InboxSignalsTab() { {selectedReport.status === "pending_input" ? "This report needs input in PostHog before an agent can act on it." @@ -466,7 +466,7 @@ export function InboxSignalsTab() { Signals ({signals.length}) @@ -479,11 +479,7 @@ export function InboxSignalsTab() { )} {signalsQuery.isLoading && ( - + Loading signals... )} @@ -492,37 +488,25 @@ export function InboxSignalsTab() { Evidence {artefactsQuery.isLoading && ( - + Loading evidence... )} {showArtefactsUnavailable && ( - + {artefactsUnavailableMessage} )} {!artefactsQuery.isLoading && !showArtefactsUnavailable && visibleArtefacts.length === 0 && ( - + No artefacts were returned for this signal. )} @@ -535,18 +519,14 @@ export function InboxSignalsTab() { > {artefact.content.content} - + {artefact.content.start_time ? new Date( artefact.content.start_time, @@ -559,7 +539,7 @@ export function InboxSignalsTab() { href={`${replayBaseUrl}/${artefact.content.session_id}`} target="_blank" rel="noreferrer" - className="inline-flex items-center gap-1 font-mono text-[11px] text-gray-11 hover:text-gray-12" + className="inline-flex items-center gap-1 text-[12px] text-gray-11 hover:text-gray-12" > View replay @@ -586,36 +566,30 @@ export function InboxSignalsTab() { - - Run cloud task - + Run cloud task - + This will create and run a cloud task from this signal report. {repositories.length > 1 ? ( - + Target repository - + {repositories.map((repo) => ( {repo} @@ -625,14 +599,10 @@ export function InboxSignalsTab() { ) : selectedRepo ? ( - + Target repository - + {selectedRepo} @@ -641,16 +611,12 @@ export function InboxSignalsTab() { - - diff --git a/apps/code/src/renderer/features/inbox/components/InboxView.tsx b/apps/code/src/renderer/features/inbox/components/InboxView.tsx index ab99bca70..bec083931 100644 --- a/apps/code/src/renderer/features/inbox/components/InboxView.tsx +++ b/apps/code/src/renderer/features/inbox/components/InboxView.tsx @@ -53,7 +53,7 @@ export function InboxView() { Inbox @@ -61,7 +61,7 @@ export function InboxView() { - + + + + diff --git a/apps/code/src/renderer/features/onboarding/components/GitIntegrationStep.tsx b/apps/code/src/renderer/features/onboarding/components/GitIntegrationStep.tsx index 219d7e77a..7007e40f4 100644 --- a/apps/code/src/renderer/features/onboarding/components/GitIntegrationStep.tsx +++ b/apps/code/src/renderer/features/onboarding/components/GitIntegrationStep.tsx @@ -7,7 +7,7 @@ import { GitBranch, } from "@phosphor-icons/react"; import { Box, Button, Flex, Skeleton, Text } from "@radix-ui/themes"; -import phWordmark from "@renderer/assets/images/wordmark.svg"; +import codeLogo from "@renderer/assets/images/code.svg"; import { trpcClient } from "@renderer/trpc/client"; import { useQueryClient } from "@tanstack/react-query"; import { AnimatePresence, motion } from "framer-motion"; @@ -133,10 +133,10 @@ export function GitIntegrationStep({ }} > PostHog - Connect your git repository + Connect your Git repository PostHog Code needs access to your GitHub repositories to enable @@ -413,46 +414,52 @@ export function GitIntegrationStep({ - - - {!isLoading && ( - - - - {hasGitIntegration ? ( - - ) : ( - )} - - - )} - + {hasGitIntegration ? ( + + ) : ( + + )} + + + )} + + ); diff --git a/apps/code/src/renderer/features/onboarding/components/OnboardingFlow.tsx b/apps/code/src/renderer/features/onboarding/components/OnboardingFlow.tsx index 438de133c..6e250b967 100644 --- a/apps/code/src/renderer/features/onboarding/components/OnboardingFlow.tsx +++ b/apps/code/src/renderer/features/onboarding/components/OnboardingFlow.tsx @@ -25,7 +25,7 @@ export function OnboardingFlow() { const isTutorial = currentStep === "tutorial"; return ( - + PostHog - + - {anyEnabled ? ( - ) : ( - - )} - - + {anyEnabled ? ( + + ) : ( + + )} + + + ); diff --git a/apps/code/src/renderer/features/onboarding/components/TutorialStep.tsx b/apps/code/src/renderer/features/onboarding/components/TutorialStep.tsx index 169ce6b61..c1cc7fe0a 100644 --- a/apps/code/src/renderer/features/onboarding/components/TutorialStep.tsx +++ b/apps/code/src/renderer/features/onboarding/components/TutorialStep.tsx @@ -440,7 +440,7 @@ export function TutorialStep({ onComplete, onBack }: TutorialStepProps) { Back - diff --git a/apps/code/src/renderer/features/onboarding/components/WelcomeStep.tsx b/apps/code/src/renderer/features/onboarding/components/WelcomeStep.tsx index eef6be51e..b9b0c1d7e 100644 --- a/apps/code/src/renderer/features/onboarding/components/WelcomeStep.tsx +++ b/apps/code/src/renderer/features/onboarding/components/WelcomeStep.tsx @@ -7,7 +7,7 @@ import { Stack, } from "@phosphor-icons/react"; import { Button, Flex } from "@radix-ui/themes"; -import phWordmark from "@renderer/assets/images/wordmark.svg"; +import codeLogo from "@renderer/assets/images/code.svg"; import { FeatureListItem } from "./FeatureListItem"; interface WelcomeStepProps { @@ -62,10 +62,10 @@ export function WelcomeStep({ onNext }: WelcomeStepProps) { > PostHog ))} - - - + + + diff --git a/apps/code/src/renderer/features/sessions/components/ModelSelector.tsx b/apps/code/src/renderer/features/sessions/components/ModelSelector.tsx index 0b722d16a..862d79127 100644 --- a/apps/code/src/renderer/features/sessions/components/ModelSelector.tsx +++ b/apps/code/src/renderer/features/sessions/components/ModelSelector.tsx @@ -64,7 +64,7 @@ export function ModelSelector({ - - {currentLabel} - + {currentLabel} {groupedOptions.length > 0 diff --git a/apps/code/src/renderer/features/sessions/components/ReasoningLevelSelector.tsx b/apps/code/src/renderer/features/sessions/components/ReasoningLevelSelector.tsx index 5ab809989..e9e8083bc 100644 --- a/apps/code/src/renderer/features/sessions/components/ReasoningLevelSelector.tsx +++ b/apps/code/src/renderer/features/sessions/components/ReasoningLevelSelector.tsx @@ -50,7 +50,7 @@ export function ReasoningLevelSelector({ - + {adapter === "codex" ? "Reasoning" : "Effort"}: {activeLabel} diff --git a/apps/code/src/renderer/features/sessions/components/UnifiedModelSelector.tsx b/apps/code/src/renderer/features/sessions/components/UnifiedModelSelector.tsx index 40f041442..efcd848f2 100644 --- a/apps/code/src/renderer/features/sessions/components/UnifiedModelSelector.tsx +++ b/apps/code/src/renderer/features/sessions/components/UnifiedModelSelector.tsx @@ -95,9 +95,7 @@ export function UnifiedModelSelector({ style={triggerStyle} > - - Loading... - + Loading... ); } @@ -132,9 +130,7 @@ export function UnifiedModelSelector({ > {ADAPTER_ICONS[adapter]} - - {currentLabel ?? "Model"} - + {currentLabel ?? "Model"} diff --git a/apps/code/src/renderer/features/sessions/components/session-update/ConsoleMessage.tsx b/apps/code/src/renderer/features/sessions/components/session-update/ConsoleMessage.tsx index 7633b4022..b296a65cd 100644 --- a/apps/code/src/renderer/features/sessions/components/session-update/ConsoleMessage.tsx +++ b/apps/code/src/renderer/features/sessions/components/session-update/ConsoleMessage.tsx @@ -22,7 +22,7 @@ export function ConsoleMessage({ level, message }: ConsoleMessageProps) { return ( - + [{level}] {message} diff --git a/apps/code/src/renderer/features/sessions/components/session-update/ThoughtView.tsx b/apps/code/src/renderer/features/sessions/components/session-update/ThoughtView.tsx index c13aa4e31..6194ca070 100644 --- a/apps/code/src/renderer/features/sessions/components/session-update/ThoughtView.tsx +++ b/apps/code/src/renderer/features/sessions/components/session-update/ThoughtView.tsx @@ -45,7 +45,7 @@ export const ThoughtView = memo(function ThoughtView({ {isExpanded && hasContent && ( - + 
                 {displayedContent}
diff --git a/apps/code/src/renderer/features/sessions/components/session-update/UserMessage.tsx b/apps/code/src/renderer/features/sessions/components/session-update/UserMessage.tsx index 5f236525a..41df0951c 100644 --- a/apps/code/src/renderer/features/sessions/components/session-update/UserMessage.tsx +++ b/apps/code/src/renderer/features/sessions/components/session-update/UserMessage.tsx @@ -86,7 +86,7 @@ export function UserMessage({