Merge branch 'main' into async-opportunity-parsing

Author: capJavert

.circleci/config.yml

@@ -3,7 +3,7 @@ version: 2.1
 jobs:
   install_deps:
     docker:
-      - image: cimg/node:22.11
+      - image: cimg/node:22.22
     steps:
       - checkout
       - run:
@@ -28,7 +28,7 @@ jobs:
             - ./packages/extension/node_modules
   test_extension:
     docker:
-      - image: cimg/node:22.11
+      - image: cimg/node:22.22
     parallelism: 1
     steps:
       - checkout
@@ -49,7 +49,7 @@ jobs:
           path: ./test-results
   test_webapp:
     docker:
-      - image: cimg/node:22.11
+      - image: cimg/node:22.22
     parallelism: 1
     steps:
       - checkout
@@ -70,7 +70,7 @@ jobs:
           path: ./test-results
   lint_shared:
     docker:
-      - image: cimg/node:22.11
+      - image: cimg/node:22.22
     resource_class: large
     steps:
       - checkout
@@ -84,7 +84,7 @@ jobs:
           working_directory: packages/shared
   test_shared:
     docker:
-      - image: cimg/node:22.11
+      - image: cimg/node:22.22
     parallelism: 1
     steps:
       - checkout
@@ -104,7 +104,7 @@ jobs:
           path: ./test-results
   build_extension:
     docker:
-      - image: cimg/node:22.11
+      - image: cimg/node:22.22
     resource_class: large
     steps:
       - checkout

.github/workflows/e2e-tests.yml

@@ -19,7 +19,7 @@ jobs:
     - name: Setup Node.js
       uses: actions/setup-node@v4
       with:
-        node-version: '22.11'
+        node-version: '22.22'
 
     - name: Install pnpm
       uses: pnpm/action-setup@v4

.nvmrc

@@ -1 +1 @@
-22.11
+22.22

AGENTS.md

@@ -26,7 +26,7 @@ This is a pnpm monorepo containing the daily.dev application suite:
 
 ## Technology Stack
 
-- **Node.js v22.11** (see `package.json` `volta` and `packageManager` properties, also `.nvmrc`)
+- **Node.js v22.22** (see `package.json` `volta` and `packageManager` properties, also `.nvmrc`)
 - **pnpm 9.14.4** for package management (see `package.json` `packageManager` property)
 - **TypeScript** across all packages
 - **React 18.3.1** with Next.js 15 for webapp (Pages Router, NOT App Router/Server Components)
@@ -293,4 +293,16 @@ When reviewing code (or writing code that will be reviewed):
 - **Delete dead code** - Remove unused components, functions, exports, and files. Don't leave code "for later"
 - **Avoid confusing naming** - Don't create multiple components with the same name in different locations (e.g., two `AboutMe` components)
 - **Remove unused exports** - If a function/constant is only used internally, don't export it
-- **Clean up duplicates** - If the same interface/type is defined in multiple places, consolidate to one location and import
+- **Clean up duplicates** - If the same interface/type is defined in multiple places, consolidate to one location and import
+
+## Node.js Version Upgrade Checklist
+
+When upgrading Node.js version, update these files:
+- `.nvmrc`
+- `Dockerfile`
+- `.github/workflows/e2e-tests.yml`
+- `.circleci/config.yml` (multiple occurrences)
+- `packages/playwright/package.json` (engines field)
+- This file (`CLAUDE.md` - Technology Stack section)
+
+After updating, run `pnpm install` to check if lock file needs updating and commit any changes.

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:22.11-alpine
+FROM node:22.22-alpine
 RUN apk add g++ make python3
 
 RUN mkdir -p /opt/app

package.json

@@ -16,5 +16,8 @@
     "patchedDependencies": {
       "graphql-request@3.7.0": "patches/graphql-request@3.7.0.patch"
     }
+  },
+  "volta": {
+    "node": "22.22.0"
   }
 }

packages/extension/src/background/index.ts

@@ -52,7 +52,7 @@ const sendBootData = async (_, tab: Tabs.Tab) => {
 
   const [deviceId, boot] = await Promise.all([
     getOrGenerateDeviceId(),
-    getBootData('companion', href),
+    getBootData({ app: 'companion', url: href }),
   ]);
 
   let settingsOutput = boot.settings;

packages/playwright/package.json

@@ -18,7 +18,7 @@
     "typescript": "^5.6.0"
   },
   "engines": {
-    "node": ">=22.11.0"
+    "node": ">=22.22.0"
   },
   "dependencies": {
     "dotenv": "^17.2.1"

packages/shared/src/components/recruiter/FeedbackList.tsx

@@ -6,12 +6,16 @@ import {
   TypographyColor,
   TypographyType,
 } from '../typography/Typography';
-import { FlexCol, FlexRow } from '../utilities';
-import type { FeedbackClassification } from '../../features/opportunity/types';
+import { FlexCol } from '../utilities';
+import type {
+  AnonymousUserContext,
+  FeedbackClassification,
+} from '../../features/opportunity/types';
 import {
   FeedbackSentiment,
   FeedbackUrgency,
 } from '../../features/opportunity/types';
+import { getRecruiterExperienceLevelLabel } from '../../lib/user';
 
 const getSentimentLabel = (sentiment: FeedbackSentiment): string => {
   switch (sentiment) {
@@ -26,7 +30,20 @@ const getSentimentLabel = (sentiment: FeedbackSentiment): string => {
   }
 };
 
-const getSentimentStyles = (sentiment: FeedbackSentiment): string => {
+const getSentimentBorderColor = (sentiment: FeedbackSentiment): string => {
+  switch (sentiment) {
+    case FeedbackSentiment.Positive:
+      return 'border-l-accent-avocado-default';
+    case FeedbackSentiment.Neutral:
+      return 'border-l-border-subtlest-tertiary';
+    case FeedbackSentiment.Negative:
+      return 'border-l-accent-ketchup-default';
+    default:
+      return 'border-l-border-subtlest-tertiary';
+  }
+};
+
+const getSentimentBadgeStyles = (sentiment: FeedbackSentiment): string => {
   switch (sentiment) {
     case FeedbackSentiment.Positive:
       return 'bg-action-upvote-float text-action-upvote-default';
@@ -42,31 +59,66 @@ const getSentimentStyles = (sentiment: FeedbackSentiment): string => {
 const getUrgencyLabel = (urgency: FeedbackUrgency): string => {
   switch (urgency) {
     case FeedbackUrgency.Low:
-      return 'Low';
+      return 'Low priority';
     case FeedbackUrgency.Medium:
-      return 'Medium';
+      return 'Medium priority';
     case FeedbackUrgency.High:
-      return 'High';
+      return 'High priority';
     case FeedbackUrgency.Critical:
       return 'Critical';
     default:
-      return 'Unknown';
+      return '';
   }
 };
 
 const getUrgencyStyles = (urgency: FeedbackUrgency): string => {
   switch (urgency) {
     case FeedbackUrgency.Low:
-      return 'bg-action-upvote-float text-action-upvote-default';
+      return 'text-text-tertiary';
     case FeedbackUrgency.Medium:
-      return 'bg-overlay-quaternary-onion text-accent-onion-default';
+      return 'text-accent-onion-default';
     case FeedbackUrgency.High:
-      return 'bg-overlay-quaternary-bacon text-accent-bacon-default';
+      return 'text-accent-bacon-default';
     case FeedbackUrgency.Critical:
-      return 'bg-action-downvote-float text-action-downvote-default';
+      return 'text-accent-ketchup-default';
     default:
-      return 'bg-surface-tertiary text-text-secondary';
+      return 'text-text-tertiary';
+  }
+};
+
+interface UserContextDisplayProps {
+  userContext: AnonymousUserContext;
+}
+
+const UserContextDisplay = ({
+  userContext,
+}: UserContextDisplayProps): ReactElement | null => {
+  const seniorityLabel = getRecruiterExperienceLevelLabel(
+    userContext.seniority ?? undefined,
+  );
+
+  const hasAnyData = seniorityLabel || userContext.locationCountry;
+
+  if (!hasAnyData) {
+    return null;
   }
+
+  const infoParts: string[] = [];
+  if (seniorityLabel) {
+    infoParts.push(`${seniorityLabel} experience`);
+  }
+  if (userContext.locationCountry) {
+    infoParts.push(userContext.locationCountry);
+  }
+
+  return (
+    <Typography
+      type={TypographyType.Caption1}
+      color={TypographyColor.Secondary}
+    >
+      {infoParts.join(' · ')}
+    </Typography>
+  );
 };
 
 interface FeedbackCardProps {
@@ -76,44 +128,53 @@ interface FeedbackCardProps {
 const FeedbackCard = ({ feedback }: FeedbackCardProps): ReactElement => {
   const showSentiment = feedback.sentiment !== FeedbackSentiment.Unspecified;
   const showUrgency = feedback.urgency !== FeedbackUrgency.Unspecified;
+  const hasUserContext = feedback.userContext;
 
   return (
-    <FlexCol className="gap-4 rounded-16 border border-border-subtlest-tertiary bg-surface-float p-4">
-      {(showSentiment || showUrgency) && (
-        <FlexRow className="flex-wrap items-center gap-2">
-          {showSentiment && (
-            <span
-              className={classNames(
-                'rounded-8 px-2 py-1 typo-footnote',
-                getSentimentStyles(feedback.sentiment),
-              )}
-            >
-              {getSentimentLabel(feedback.sentiment)}
-            </span>
-          )}
-          {showUrgency && (
-            <span
-              className={classNames(
-                'rounded-8 px-2 py-1 typo-footnote',
-                getUrgencyStyles(feedback.urgency),
-              )}
-            >
-              {getUrgencyLabel(feedback.urgency)} urgency
-            </span>
-          )}
-        </FlexRow>
+    <div
+      className={classNames(
+        'flex flex-col gap-3 rounded-12 border border-l-4 border-border-subtlest-tertiary bg-background-subtle p-4',
+        getSentimentBorderColor(feedback.sentiment),
       )}
+    >
+      {/* Header with sentiment badge and urgency */}
+      <div className="flex items-center justify-between">
+        {showSentiment && (
+          <span
+            className={classNames(
+              'rounded-8 px-2 py-0.5 font-bold typo-caption1',
+              getSentimentBadgeStyles(feedback.sentiment),
+            )}
+          >
+            {getSentimentLabel(feedback.sentiment)}
+          </span>
+        )}
+        {showUrgency && (
+          <Typography
+            type={TypographyType.Caption1}
+            className={getUrgencyStyles(feedback.urgency)}
+          >
+            {getUrgencyLabel(feedback.urgency)}
+          </Typography>
+        )}
+      </div>
 
+      {/* Feedback quote */}
       {feedback.answer && (
         <Typography
           type={TypographyType.Callout}
-          color={TypographyColor.Secondary}
+          color={TypographyColor.Primary}
           className="whitespace-pre-wrap break-words"
         >
           &ldquo;{feedback.answer}&rdquo;
         </Typography>
       )}
-    </FlexCol>
+
+      {/* User context - seniority and location */}
+      {hasUserContext && (
+        <UserContextDisplay userContext={feedback.userContext} />
+      )}
+    </div>
   );
 };
 
@@ -123,7 +184,7 @@ export interface FeedbackListProps {
 
 export const FeedbackList = ({ feedback }: FeedbackListProps): ReactElement => {
   return (
-    <FlexCol className="gap-4">
+    <FlexCol className="gap-3">
       {feedback.length > 0 ? (
         feedback.map((item, index) => (
           <FeedbackCard key={item.answer ?? index} feedback={item} />

packages/shared/src/contexts/BootProvider.tsx

@@ -178,7 +178,8 @@ export const BootDataProvider = ({
   } = useQuery<Partial<Boot>>({
     queryKey: BOOT_QUERY_KEY,
     queryFn: async () => {
-      const result = await getBootData(app);
+      const pathname = globalThis?.location?.pathname;
+      const result = await getBootData({ app, pathname });
       preloadFeedsRef.current({ feeds: result.feeds, user: result.user });
 
       return result;