feat(snapshot): square share images for every daily.dev surface

.gitignore

@@ -53,8 +53,9 @@ figma-images/
 *.tsbuildinfo
 node-compile-cache/
 
-# Plan files
-plans/*.md
+# Plan files — the whole subtree, not just the top level: internal strategy
+# docs must never reach this public repository at any nesting depth.
+plans/
 .cursor/plans/
 
 # Claude Code runtime state (hooks/skills/settings remain tracked)

README.md

@@ -62,17 +62,6 @@ contains a collection of smaller projects or libraries that are used across the
 
   The web app project. This is a Next.js project and has more pages than the extension, such as a registration page, post page, profile page, etc. For more information [click here](https://github.com/dailydotdev/apps/tree/master/packages/webapp).
 
-## Local Environment
-
-To spin up a local environment, you will need Docker. Do the steps below and you should be able to start trying to center a div:
-
-- Fork this repo
-- Pull it locally
-- Run `docker compose up`
-- Once done, seed your local data by running `docker compose exec daily-api node ./bin/import`
-- Then lastly, run npm run dev:oss
-- The app should run at `http://localhost:5002/`
-
 ## Want to Help?
 
 So you want to contribute to daily.dev app suite and make an impact, we are glad to hear it. :heart_eyes:

packages/extension/package.json

@@ -1,6 +1,6 @@
 {
   "name": "extension",
-  "version": "3.46.5",
+  "version": "3.46.7",
   "scripts": {
     "dev": "cross-env NODE_ENV=development cross-env TARGET_BROWSER=chrome rspack build -c rspack.config.js --watch",
     "build": "cross-env NODE_ENV=production cross-env TARGET_BROWSER=chrome rspack build -c rspack.config.js",

packages/extension/src/newtab/ExtensionTopBanners.tsx

@@ -5,6 +5,8 @@ import { TopHero } from '@dailydotdev/shared/src/components/marketing/banners/He
 import { useReadingReminderHero } from '@dailydotdev/shared/src/hooks/notifications/useReadingReminderHero';
 import {
   fileValidation,
+  uploadCvOpportunitySuccessContent,
+  uploadCvProfileSuccessContent,
   useUploadCv,
 } from '@dailydotdev/shared/src/features/profile/hooks/useUploadCv';
 import { useLazyModal } from '@dailydotdev/shared/src/hooks/useLazyModal';
@@ -23,6 +25,7 @@ import {
   cloudinaryShortcutsIconsReddit,
   uploadCvBgMobile,
 } from '@dailydotdev/shared/src/lib/image';
+import { useJobsFeature } from '@dailydotdev/shared/src/hooks/useJobsFeature';
 
 // Bare-illustration frame matched across the three top cards so they
 // line up vertically. Slightly wider than tall to give the CV cluster
@@ -93,14 +96,20 @@ type UseShortcutsOnboardingResult = {
 
 const useShortcutsOnboarding = (): UseShortcutsOnboardingResult => {
   const hubEnabled = useIsShortcutsHubEnabled();
-  const { showTopSites, toggleShowTopSites } = useSettingsContext();
+  const { showTopSites, toggleShowTopSites, loadedSettings } =
+    useSettingsContext();
   const { openModal } = useLazyModal();
-  const { completeAction, checkHasCompleted } = useActions();
-  const { shortcutLinks } = useShortcutLinks();
+  const { completeAction, checkHasCompleted, isActionsFetched } = useActions();
+  const { shortcutLinks, hasCheckedPermission } = useShortcutLinks();
 
   const hasShortcuts = (shortcutLinks?.length ?? 0) > 0;
   const hasClosedBanner = checkHasCompleted(ActionType.ClosedShortcutsBanner);
-  const shouldShow = !hasShortcuts && !hasClosedBanner;
+  const shouldShow =
+    isActionsFetched &&
+    loadedSettings &&
+    !!hasCheckedPermission &&
+    !hasShortcuts &&
+    !hasClosedBanner;
 
   const completeFirstSession = () => {
     if (!checkHasCompleted(ActionType.FirstShortcutsSession)) {
@@ -130,7 +139,12 @@ export const ExtensionTopBanners = (): ReactElement | null => {
   // new tabs, which is where the extension lives).
   const reminder = useReadingReminderHero({ requireMobile: false });
   const { isLoggedIn, isAuthReady } = useAuthContext();
-  const { onUpload, shouldShow: shouldShowCv } = useUploadCv();
+  const { isJobsEnabled } = useJobsFeature();
+  const { onUpload, shouldShow: shouldShowCv } = useUploadCv({
+    modalContent: isJobsEnabled
+      ? uploadCvOpportunitySuccessContent
+      : uploadCvProfileSuccessContent,
+  });
   const { completeAction } = useActions();
   const fileInputRef = useRef<HTMLInputElement>(null);
   const shortcuts = useShortcutsOnboarding();
@@ -164,7 +178,11 @@ export const ExtensionTopBanners = (): ReactElement | null => {
     cards.push(
       <TopHero
         key="cv"
-        subtitle="Upload your CV and let your next job quietly come to you."
+        subtitle={
+          isJobsEnabled
+            ? 'Upload your CV and let your next job quietly come to you.'
+            : 'Upload your CV to autofill your profile in seconds.'
+        }
         ctaLabel="Upload CV"
         illustration={<CvIllustration />}
         onCtaClick={() => fileInputRef.current?.click()}

packages/extension/src/newtab/MainFeedPage.tsx

@@ -17,8 +17,6 @@ import { SearchProviderEnum } from '@dailydotdev/shared/src/graphql/search';
 import { LogEvent } from '@dailydotdev/shared/src/lib/log';
 import { useLogContext } from '@dailydotdev/shared/src/contexts/LogContext';
 import { useFeedLayout } from '@dailydotdev/shared/src/hooks';
-import { useDailyPage } from '@dailydotdev/shared/src/hooks/feed/useDailyPage';
-import { DailyHome } from '@dailydotdev/shared/src/features/daily/DailyHome';
 import { useLayoutVariant } from '@dailydotdev/shared/src/hooks/layout/useLayoutVariant';
 import { useShortcutLinks } from '@dailydotdev/shared/src/features/shortcuts/hooks/useShortcutLinks';
 import { useDndContext } from '@dailydotdev/shared/src/contexts/DndContext';
@@ -84,9 +82,6 @@ const MainFeedPageInner = ({
   useCompanionSettings();
   const { isActive: isDndActive, showDnd, setShowDnd } = useDndContext();
   const { isCustomDefaultFeed } = useCustomDefaultFeed();
-  const { isDailyAsDefault, setShowDaily } = useDailyPage();
-  const showDailyHome =
-    feedName === 'default' && !isSearchOn && isDailyAsDefault;
 
   useLayoutEffect(() => {
     if (!initialPage || !shouldInitializeCurrentPage) {
@@ -180,49 +175,40 @@ const MainFeedPageInner = ({
           }
         >
           <FeedLayoutProvider>
-            {showDailyHome ? (
-              <DailyHome
-                onBackToFeed={() => {
-                  setShowDaily(false);
-                  window.scrollTo({ top: 0 });
-                }}
-              />
-            ) : (
-              <MainFeedLayout
-                feedName={feedName}
-                isSearchOn={isSearchOn}
-                searchQuery={searchQuery}
-                onNavTabClick={onNavTabClick}
-                searchChildren={
-                  <PostsSearch
-                    onSubmitQuery={async (query, extraFlags) => {
-                      logEvent({
-                        event_name: LogEvent.SubmitSearch,
-                        extra: JSON.stringify({
-                          query,
-                          provider: SearchProviderEnum.Posts,
-                          ...extraFlags,
-                        }),
-                      });
-
-                      setSearchQuery(query);
-                    }}
-                    onFocus={() => {
-                      logEvent({ event_name: LogEvent.FocusSearch });
-                    }}
-                  />
-                }
-                shortcuts={
-                  isV2
-                    ? undefined
-                    : shortcuts ?? (
-                        <ShortcutLinks
-                          shouldUseListFeedLayout={shouldUseListFeedLayout}
-                        />
-                      )
-                }
-              />
-            )}
+            <MainFeedLayout
+              feedName={feedName}
+              isSearchOn={isSearchOn}
+              searchQuery={searchQuery}
+              onNavTabClick={onNavTabClick}
+              searchChildren={
+                <PostsSearch
+                  onSubmitQuery={async (query, extraFlags) => {
+                    logEvent({
+                      event_name: LogEvent.SubmitSearch,
+                      extra: JSON.stringify({
+                        query,
+                        provider: SearchProviderEnum.Posts,
+                        ...extraFlags,
+                      }),
+                    });
+
+                    setSearchQuery(query);
+                  }}
+                  onFocus={() => {
+                    logEvent({ event_name: LogEvent.FocusSearch });
+                  }}
+                />
+              }
+              shortcuts={
+                isV2
+                  ? undefined
+                  : shortcuts ?? (
+                      <ShortcutLinks
+                        shouldUseListFeedLayout={shouldUseListFeedLayout}
+                      />
+                    )
+              }
+            />
           </FeedLayoutProvider>
           <DndModal isOpen={showDnd} onRequestClose={() => setShowDnd(false)} />
         </MainLayout>

packages/shared/__tests__/fixture/post.ts

@@ -25,6 +25,46 @@ const post: Post = {
   type: PostType.Article,
 };
 
+export const postWithCommunitySentiment: Post = {
+  ...post,
+  communitySentiment: {
+    breakdown: { positive: 62, mixed: 24, critical: 14 },
+    tldr: 'Most agree it is worth reading.',
+    postCount: 2,
+    sources: ['Hacker News', 'Lobsters'],
+    pros: ['Clear explanation'],
+    cons: ['Skips some trade-offs'],
+    bySource: [
+      {
+        source: 'Hacker News',
+        lean: 'positive',
+        note: 'Mostly supportive',
+        url: 'https://news.ycombinator.com/item?id=1',
+      },
+    ],
+    hottestDebate: 'Whether the advice applies broadly.',
+    openQuestions: ['How does it behave at scale?'],
+    highlights: [
+      {
+        quote: 'This helped clarify the trade-off.',
+        author: 'someone',
+        source: 'Hacker News',
+        url: 'https://news.ycombinator.com/item?id=2',
+        metrics: { points: 214, replies: 88 },
+      },
+    ],
+    discussions: [
+      {
+        provider: 'hackernews',
+        url: 'https://news.ycombinator.com/item?id=1',
+        points: 214,
+        commentsCount: 88,
+      },
+    ],
+    updatedAt: '2026-07-18T00:00:00.000Z',
+  },
+};
+
 export const sharePost: Post = {
   id: '5nLQHVNHi',
   title: 'Good read about react-query',

packages/shared/__tests__/helpers/media.ts

@@ -0,0 +1,28 @@
+// The global stub in `setup.ts` never matches and carries only the legacy
+// `addListener`, which libraries calling `addEventListener` blow up on.
+export const mockMatchMedia = (
+  matches: (query: string) => boolean = () => false,
+): void => {
+  (global.matchMedia as jest.Mock).mockImplementation((query: string) => ({
+    media: query,
+    matches: matches(query),
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    addListener: jest.fn(),
+    removeListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+    onchange: null,
+  }));
+};
+
+export const laptopQuery = '(min-width: 1020px)';
+export const noHoverQuery = '(hover: none)';
+
+// A 1020px window matches every width breakpoint at or below laptop, so
+// answering only the laptop query reports a desktop that is not a tablet.
+export const mockDesktop = (): void =>
+  mockMatchMedia((query) => {
+    const [, min] = /min-width:\s*(\d+)px/.exec(query) ?? [];
+
+    return !!min && Number(min) <= 1020;
+  });

packages/shared/package.json

@@ -126,6 +126,7 @@
     "@tiptap/react": "^3.22.5",
     "@tiptap/starter-kit": "^3.22.5",
     "@zumer/snapdom": "^2.23.1",
+    "border-beam": "1.3.0",
     "check-password-strength": "^2.0.10",
     "cmdk": "^1.0.0",
     "edge-aura": "0.6.0",