@adminide-stack/yantra-mobile 12.0.69-alpha.9 → 12.0.70-alpha.0

package/lib/features/job-search/JobSearchExperience.js

@@ -0,0 +1,1324 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useMemo,useEffect,useState,useRef,useCallback}from'react';import {StyleSheet,PanResponder,View,Text,ActivityIndicator,KeyboardAvoidingView,Pressable,Keyboard,ScrollView,TextInput,Switch,Platform,Modal,Dimensions}from'react-native';import {useFocusEffect}from'@react-navigation/native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {useSafeInsets}from'../canvas/withRemoteSafeArea.js';import {useAppTheme}from'../../theme/AppThemeProvider.js';import {hydrateSavedJobs}from'./savedJobs.js';import {hydrateSearchHistory,useSearchHistory,clearSearches,searchKey,searchChipLabel,removeSearch}from'./searchHistory.js';import {JobSearchLocationField}from'./JobSearchLocationField.js';import {useJobSearchSession}from'./useJobSearchSession.js';import {JobCard}from'./JobCard.js';import {JobDetailSheet}from'./JobDetailSheet.js';import {SavedPanel}from'./SavedPanel.js';import {ApplicationsPanel}from'./ApplicationsPanel.js';import {ProfilePanel}from'./ProfilePanel.js';import {InterviewPanel}from'./InterviewPanel.js';import {InsightsPanel}from'./InsightsPanel.js';import {ContactsPanel}from'./ContactsPanel.js';import {RepliesPanel}from'./RepliesPanel.js';import {JobSearchAgentChatPane}from'./JobSearchAgentChatPane.js';import {JdPastePrompt}from'./JdPastePrompt.js';import {shouldClaimOpenAgentMove,isOpenAgentSwipe}from'./jobAgentSwipe.js';import {jobSearchTheme}from'./jobSearchTheme.js';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const AI_STARTERS = [{
+  id: "remote-fs",
+  label: "Remote full stack",
+  prompt: "Find remote full stack engineer roles"
+}, {
+  id: "senior-be",
+  label: "Senior backend",
+  prompt: "Find remote senior backend engineer roles"
+}, {
+  id: "research",
+  label: "Research a company",
+  prompt: "Research a company I name: what they build, verifiable facts I can cite in a cover letter, their live open roles, and salary guidance without inventing numbers.",
+  mode: "greet",
+  greeting: "Which company should we research, and what role are you targeting? I can cover culture, tech stack, live openings, and verifiable hooks for your outreach."
+}, {
+  id: "tailor",
+  label: "Tailor an application",
+  prompt: "Tailor my full application package for a job posting - ask me for the posting, then produce the resume, cover letter, LinkedIn DM, and why-I-fit bullets for my review. Never invent metrics.",
+  mode: "greet",
+  greeting: "Which job posting should we tailor for? Paste a JD URL or the company + role and I will build the package."
+}, {
+  id: "frontend",
+  label: "Frontend react",
+  prompt: "Find remote frontend react engineer roles"
+}];
+const REFINE_CHIPS = [{
+  id: "remote",
+  label: "Remote only",
+  apply: (form) => __spreadProps(__spreadValues({}, form), {
+    remote: true
+  })
+}, {
+  id: "anywhere",
+  label: "Anywhere",
+  apply: (form) => __spreadProps(__spreadValues({}, form), {
+    location: "",
+    remote: false
+  })
+}, {
+  id: "senior",
+  label: "More senior",
+  apply: (form) => __spreadProps(__spreadValues({}, form), {
+    query: /\bsenior\b/i.test(form.query) ? form.query : `senior ${form.query}`.trim()
+  })
+}];
+const PRIMARY_TABS = [{
+  id: "search",
+  label: "Jobs",
+  icon: "briefcase-outline",
+  iconOn: "briefcase"
+}, {
+  id: "saved",
+  label: "Saved",
+  icon: "bookmark-outline",
+  iconOn: "bookmark"
+}, {
+  id: "applications",
+  label: "Applied",
+  icon: "clipboard-check-outline",
+  iconOn: "clipboard-check"
+}, {
+  id: "profile",
+  label: "Profile",
+  icon: "account-circle-outline",
+  iconOn: "account-circle"
+}];
+const TOOLS = [{
+  id: "interview",
+  label: "Interview prep",
+  hint: "Questions and rounds",
+  icon: "account-voice"
+}, {
+  id: "insights",
+  label: "Insights",
+  hint: "Pipeline and salary",
+  icon: "chart-bar"
+}, {
+  id: "replies",
+  label: "Replies",
+  hint: "Recruiter inbox",
+  icon: "email-outline"
+}, {
+  id: "contacts",
+  label: "Contacts",
+  hint: "Networking list",
+  icon: "account-group-outline"
+}];
+const PAGE_SIZE = 10;
+function JobSearchExperience({
+  token,
+  indexUrl,
+  sessionError,
+  hostChat,
+  onAgentVisibleChange,
+  initialAgentSeed = null
+}) {
+  const {
+    isDark
+  } = useAppTheme();
+  const theme = useMemo(() => jobSearchTheme(isDark), [isDark]);
+  const insets = useSafeInsets();
+  useEffect(() => {
+    void hydrateSavedJobs();
+    void hydrateSearchHistory();
+  }, []);
+  const session = useJobSearchSession(token, indexUrl);
+  const history = useSearchHistory();
+  const [view, setView] = useState("search");
+  const [toolsOpen, setToolsOpen] = useState(false);
+  const [editSearch, setEditSearch] = useState(false);
+  const [visibleCount, setVisibleCount] = useState(PAGE_SIZE);
+  const [aiPrompt, setAiPrompt] = useState("");
+  const [agentSeed, setAgentSeed] = useState(initialAgentSeed != null ? initialAgentSeed : null);
+  const [detail, setDetail] = useState(null);
+  const [jdPrompt, setJdPrompt] = useState(null);
+  const [focusAppId, setFocusAppId] = useState(null);
+  const [interviewFocusId, setInterviewFocusId] = useState(null);
+  const [chatOpen, setChatOpen] = useState(Boolean(initialAgentSeed));
+  const landingScrollRef = useRef(null);
+  const filtersAnchorRef = useRef(null);
+  const landingScrollY = useRef(0);
+  const chatOpenRef = useRef(chatOpen);
+  const ensureLandingFieldVisible = () => {
+    setTimeout(() => {
+      var _a;
+      (_a = filtersAnchorRef.current) == null ? void 0 : _a.measureInWindow((_x, y, _w, height) => {
+        var _a2;
+        const winH = Dimensions.get("window").height;
+        const keyboardTop = winH - 340;
+        const overflow = y + height - keyboardTop;
+        if (overflow <= 0) return;
+        (_a2 = landingScrollRef.current) == null ? void 0 : _a2.scrollTo({
+          y: Math.max(0, landingScrollY.current + overflow + 16),
+          animated: true
+        });
+      });
+    }, 100);
+  };
+  chatOpenRef.current = chatOpen;
+  const blockedRef = useRef(false);
+  blockedRef.current = Boolean(detail || jdPrompt);
+  const swipe = useMemo(() => PanResponder.create({
+    onMoveShouldSetPanResponder: (_e, g) => !chatOpenRef.current && !blockedRef.current && shouldClaimOpenAgentMove(g),
+    onPanResponderRelease: (_e, g) => {
+      if (!chatOpenRef.current && !blockedRef.current && isOpenAgentSwipe(g)) {
+        setChatOpen(true);
+      }
+    }
+  }), []);
+  useFocusEffect(useCallback(() => {
+    return () => {
+      setDetail(null);
+      setChatOpen(false);
+      setToolsOpen(false);
+    };
+  }, []));
+  useEffect(() => {
+    onAgentVisibleChange == null ? void 0 : onAgentVisibleChange(chatOpen);
+  }, [chatOpen, onAgentVisibleChange]);
+  useEffect(() => {
+    if (view === "contacts") session.loadContacts();
+    if (view === "replies") session.loadReplies();
+  }, [view]);
+  useEffect(() => {
+    setVisibleCount(PAGE_SIZE);
+  }, [session.searched, session.jobs]);
+  const openJob = useCallback((job) => setDetail(job), []);
+  const runTailor = useCallback(async (job, pastedJd) => {
+    const outcome = await session.tailor(job, pastedJd);
+    if (outcome.status === "needs_jd") {
+      setJdPrompt(job);
+      return;
+    }
+    if (outcome.status === "ok") {
+      setJdPrompt(null);
+      setDetail(null);
+      if (outcome.applicationId) setFocusAppId(outcome.applicationId);
+      setView("applications");
+    }
+  }, [session]);
+  const activeApplications = useMemo(() => session.applications.filter((a) => !a.archived), [session.applications]);
+  const go = (next) => {
+    setView(next);
+    setToolsOpen(false);
+  };
+  const submitSearch = () => {
+    Keyboard.dismiss();
+    setEditSearch(false);
+    setVisibleCount(PAGE_SIZE);
+    session.runSearch(session.form);
+  };
+  const replaySearch = (item) => {
+    Keyboard.dismiss();
+    setEditSearch(false);
+    setVisibleCount(PAGE_SIZE);
+    session.runSearch(item);
+  };
+  const resetSearch = () => {
+    Keyboard.dismiss();
+    setEditSearch(false);
+    setVisibleCount(PAGE_SIZE);
+    setAiPrompt("");
+    session.resetSearch();
+  };
+  const askAgent = (prompt, opts) => {
+    var _a;
+    const text = prompt.trim();
+    Keyboard.dismiss();
+    if (!text && (opts == null ? void 0 : opts.mode) !== "greet") {
+      setAgentSeed(null);
+      setChatOpen(true);
+      return;
+    }
+    setAiPrompt((opts == null ? void 0 : opts.mode) === "greet" ? "" : text);
+    setAgentSeed(__spreadValues(__spreadValues({
+      text,
+      id: `${Date.now()}-${(text || (opts == null ? void 0 : opts.greeting) || (opts == null ? void 0 : opts.desk) || "greet").slice(0, 24)}`,
+      mode: (_a = opts == null ? void 0 : opts.mode) != null ? _a : "send"
+    }, (opts == null ? void 0 : opts.greeting) ? {
+      greeting: opts.greeting
+    } : {}), (opts == null ? void 0 : opts.desk) ? {
+      desk: opts.desk
+    } : {}));
+    setChatOpen(true);
+  };
+  const runStarter = (starter) => {
+    setAiPrompt(starter.label);
+    if (starter.mode === "greet") {
+      askAgent(starter.prompt, {
+        mode: "greet",
+        greeting: starter.greeting,
+        desk: starter.id === "tailor" ? "tailor" : "research"
+      });
+      return;
+    }
+    askAgent(starter.prompt);
+  };
+  const refineSearch = (chip) => {
+    const next = chip.apply(session.form);
+    setVisibleCount(PAGE_SIZE);
+    setEditSearch(false);
+    session.runSearch(next);
+  };
+  const titleFor = (id) => {
+    var _a, _b;
+    if (id === "search") return "Jobs";
+    if (id === "applications") return "Applied";
+    return (_b = (_a = TOOLS.find((t) => t.id === id)) == null ? void 0 : _a.label) != null ? _b : id[0].toUpperCase() + id.slice(1);
+  };
+  if (sessionError) {
+    return /* @__PURE__ */ jsx(View, { style: [styles.fill, {
+      backgroundColor: theme.screen
+    }], children: /* @__PURE__ */ jsxs(View, { style: styles.center, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.pageTitle, {
+        color: theme.ink
+      }], children: "Job Search unavailable" }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.copy, {
+        color: theme.muted
+      }], children: sessionError })
+    ] }) });
+  }
+  if (!token) {
+    return /* @__PURE__ */ jsx(View, { style: [styles.fill, {
+      backgroundColor: theme.screen,
+      alignItems: "center",
+      justifyContent: "center"
+    }], children: /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.accent }) });
+  }
+  const panelTheme = {
+    ink: theme.ink,
+    muted: theme.muted,
+    card: theme.card,
+    border: theme.border
+  };
+  const companiesOn = Boolean(session.form.companies.trim());
+  const toolSelected = TOOLS.some((tool) => tool.id === view);
+  const browsingResults = session.searched;
+  const showSearchForm = !browsingResults || editSearch;
+  const compactTitle = session.form.query.trim() || session.form.companies.trim() || "Jobs";
+  const visibleJobs = session.jobs.slice(0, visibleCount);
+  const hasMore = visibleCount < session.jobs.length;
+  const rolesLabel = session.jobs.length === 0 ? null : `${session.jobs.length.toLocaleString()}${session.jobs.length >= 250 ? "+" : ""} ${session.jobs.length === 1 ? "role" : "roles"}`;
+  const compactSub = [session.form.location.trim() || null, session.form.remote ? "Remote" : null, session.searching && session.jobs.length === 0 ? "Searching\u2026" : rolesLabel].filter(Boolean).join(" \xB7 ");
+  const compactMode = view === "search" && browsingResults && !editSearch;
+  return /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+    backgroundColor: theme.screen
+  }], testID: "job-search-panel", children: [
+    /* @__PURE__ */ jsxs(KeyboardAvoidingView, { style: styles.fill, behavior: Platform.OS === "ios" ? "padding" : void 0, enabled: !chatOpen, children: [
+      /* @__PURE__ */ jsxs(View, { style: [styles.topBar, {
+        backgroundColor: theme.screen
+      }], children: [
+        compactMode ? /* @__PURE__ */ jsxs(View, { style: [styles.compactBar, {
+          backgroundColor: theme.card,
+          borderColor: theme.border
+        }], children: [
+          /* @__PURE__ */ jsxs(Pressable, { onPress: () => setEditSearch(true), style: styles.compactMain, accessibilityRole: "button", accessibilityLabel: "Edit search filters", children: [
+            /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 20, color: theme.accent }),
+            /* @__PURE__ */ jsxs(View, { style: {
+              flex: 1,
+              minWidth: 0
+            }, children: [
+              /* @__PURE__ */ jsx(Text, { style: [styles.compactTitle, {
+                color: theme.ink
+              }], numberOfLines: 1, children: compactTitle }),
+              compactSub ? /* @__PURE__ */ jsx(Text, { style: [styles.compactSub, {
+                color: theme.muted
+              }], numberOfLines: 1, children: compactSub }) : null
+            ] }),
+            /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "tune-variant", size: 18, color: theme.accent })
+          ] }),
+          /* @__PURE__ */ jsx(Pressable, { onPress: resetSearch, hitSlop: 8, accessibilityRole: "button", accessibilityLabel: "Clear search and start over", style: styles.compactClear, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 18, color: theme.muted }) })
+        ] }) : /* @__PURE__ */ jsx(Text, { style: [styles.pageTitle, {
+          color: theme.ink
+        }], children: titleFor(view) }),
+        /* @__PURE__ */ jsxs(View, { style: styles.topActions, children: [
+          /* @__PURE__ */ jsx(Pressable, { onPress: () => setToolsOpen(true), accessibilityRole: "button", accessibilityLabel: "More tools", style: [styles.ghostBtn, {
+            backgroundColor: toolSelected ? theme.accentSoft : theme.chip
+          }], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "dots-horizontal", size: 20, color: toolSelected ? theme.accent : theme.ink }) }),
+          /* @__PURE__ */ jsxs(Pressable, { onPress: () => {
+            Keyboard.dismiss();
+            setChatOpen(true);
+          }, accessibilityRole: "button", accessibilityLabel: "Open job agent", style: [browsingResults ? styles.ghostBtn : styles.agentChip, {
+            backgroundColor: theme.accentSoft
+          }], children: [
+            /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "creation", size: 18, color: theme.accent }),
+            browsingResults ? null : /* @__PURE__ */ jsx(Text, { style: [styles.agentChipLabel, {
+              color: theme.accent
+            }], children: "Agent" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(View, { style: styles.body, children: [
+        view === "search" ? /* @__PURE__ */ jsx(View, { style: styles.searchPane, children: !browsingResults ? /* @__PURE__ */ jsxs(ScrollView, { ref: landingScrollRef, style: styles.landingFill, contentContainerStyle: styles.landingContent, showsVerticalScrollIndicator: false, keyboardShouldPersistTaps: "handled", keyboardDismissMode: Platform.OS === "ios" ? "interactive" : "on-drag", automaticallyAdjustKeyboardInsets: true, scrollEventThrottle: 16, onScroll: (e) => {
+          landingScrollY.current = e.nativeEvent.contentOffset.y;
+        }, children: [
+          /* @__PURE__ */ jsxs(View, { style: styles.searchBlock, children: [
+            /* @__PURE__ */ jsxs(View, { style: [styles.askPanel, {
+              backgroundColor: theme.card,
+              borderColor: theme.border
+            }], children: [
+              /* @__PURE__ */ jsxs(View, { style: styles.askPanelHead, children: [
+                /* @__PURE__ */ jsx(View, { style: [styles.askBadge, {
+                  backgroundColor: theme.accent
+                }], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "creation", size: 16, color: "#FFFFFF" }) }),
+                /* @__PURE__ */ jsxs(View, { style: styles.askHeadCopy, children: [
+                  /* @__PURE__ */ jsx(Text, { style: [styles.askTitle, {
+                    color: theme.ink
+                  }], children: "Ask the agent" }),
+                  /* @__PURE__ */ jsx(Text, { style: [styles.askHint, {
+                    color: theme.muted
+                  }], children: "Describe the role in plain language" })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(View, { style: [styles.askComposer, {
+                backgroundColor: theme.screen,
+                borderColor: theme.border
+              }], children: [
+                /* @__PURE__ */ jsx(TextInput, { value: aiPrompt, onChangeText: setAiPrompt, placeholder: "e.g. remote senior full stack roles", placeholderTextColor: theme.muted, returnKeyType: "send", style: [styles.askComposerField, {
+                  color: theme.ink
+                }], accessibilityLabel: "Ask the job agent", onSubmitEditing: () => askAgent(aiPrompt || "Help me find roles that fit my profile") }),
+                /* @__PURE__ */ jsxs(Pressable, { onPress: () => askAgent(aiPrompt || "Help me find roles that fit my profile"), style: [styles.askComposerBtn, {
+                  backgroundColor: theme.accent
+                }], accessibilityRole: "button", accessibilityLabel: "Ask the agent", children: [
+                  /* @__PURE__ */ jsx(Text, { style: styles.askComposerBtnText, children: "Ask" }),
+                  /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "arrow-right", size: 16, color: "#FFFFFF" })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.aiChipRow, children: AI_STARTERS.map((starter) => /* @__PURE__ */ jsx(Pressable, { onPress: () => runStarter(starter), style: [styles.aiChip, {
+              backgroundColor: theme.card,
+              borderColor: theme.border
+            }], children: /* @__PURE__ */ jsx(Text, { style: [styles.aiChipText, {
+              color: theme.ink
+            }], children: starter.label }) }, starter.id)) }),
+            /* @__PURE__ */ jsxs(View, { style: styles.orRow, children: [
+              /* @__PURE__ */ jsx(View, { style: [styles.orLine, {
+                backgroundColor: theme.border
+              }] }),
+              /* @__PURE__ */ jsx(Text, { style: [styles.orText, {
+                color: theme.muted
+              }], children: "OR SEARCH WITH FILTERS" }),
+              /* @__PURE__ */ jsx(View, { style: [styles.orLine, {
+                backgroundColor: theme.border
+              }] })
+            ] }),
+            /* @__PURE__ */ jsxs(View, { ref: filtersAnchorRef, collapsable: false, style: styles.filtersStack, children: [
+              /* @__PURE__ */ jsxs(View, { style: [styles.searchBar, {
+                backgroundColor: theme.card,
+                borderColor: theme.border
+              }], children: [
+                /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 18, color: theme.muted }),
+                /* @__PURE__ */ jsx(TextInput, { value: session.form.query, onChangeText: (query) => session.setForm(__spreadProps(__spreadValues({}, session.form), {
+                  query
+                })), placeholder: "Keywords \u2014 founding engineer typescript", placeholderTextColor: theme.muted, returnKeyType: "next", onFocus: ensureLandingFieldVisible, style: [styles.searchField, {
+                  color: theme.ink
+                }], accessibilityLabel: "Job keywords" }),
+                session.form.query ? /* @__PURE__ */ jsx(Pressable, { onPress: () => session.setForm(__spreadProps(__spreadValues({}, session.form), {
+                  query: ""
+                })), accessibilityLabel: "Clear search", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close-circle", size: 16, color: theme.muted }) }) : null
+              ] }),
+              /* @__PURE__ */ jsxs(View, { style: [styles.searchBar, {
+                backgroundColor: theme.card,
+                borderColor: theme.border
+              }], children: [
+                /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "office-building-outline", size: 18, color: theme.muted }),
+                /* @__PURE__ */ jsx(TextInput, { value: session.form.companies, onChangeText: (companies) => session.setForm(__spreadProps(__spreadValues({}, session.form), {
+                  companies
+                })), placeholder: "Companies \u2014 stripe, vercel", placeholderTextColor: theme.muted, autoCapitalize: "none", autoCorrect: false, returnKeyType: "next", onFocus: ensureLandingFieldVisible, style: [styles.searchField, {
+                  color: theme.ink
+                }], accessibilityLabel: "Company ATS slugs" }),
+                companiesOn ? /* @__PURE__ */ jsx(Pressable, { onPress: () => session.setForm(__spreadProps(__spreadValues({}, session.form), {
+                  companies: ""
+                })), accessibilityLabel: "Clear companies", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close-circle", size: 16, color: theme.muted }) }) : null
+              ] }),
+              /* @__PURE__ */ jsxs(View, { style: styles.whereRow, children: [
+                /* @__PURE__ */ jsx(JobSearchLocationField, { value: session.form.location, theme, onChangeText: (location) => session.setForm(__spreadProps(__spreadValues({}, session.form), {
+                  location
+                })), onSubmitEditing: submitSearch, onFocus: ensureLandingFieldVisible }),
+                /* @__PURE__ */ jsx(Pressable, { onPress: submitSearch, style: [styles.searchGo, {
+                  backgroundColor: theme.accent
+                }], accessibilityRole: "button", accessibilityLabel: "Search jobs", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 18, color: theme.accentInk }) })
+              ] }),
+              /* @__PURE__ */ jsx(View, { style: styles.remoteRow, children: /* @__PURE__ */ jsxs(View, { style: styles.remoteLeft, children: [
+                /* @__PURE__ */ jsx(Text, { style: [styles.remoteLabel, {
+                  color: theme.ink
+                }], children: "Remote" }),
+                /* @__PURE__ */ jsx(Switch, { value: session.form.remote, onValueChange: (remote) => session.setForm(__spreadProps(__spreadValues({}, session.form), {
+                  remote
+                })), trackColor: {
+                  false: theme.chip,
+                  true: theme.accent
+                }, thumbColor: "#ffffff", ios_backgroundColor: theme.chip, accessibilityLabel: "Remote" })
+              ] }) })
+            ] })
+          ] }),
+          history.length > 0 ? /* @__PURE__ */ jsxs(View, { style: styles.recentBlock, children: [
+            /* @__PURE__ */ jsxs(View, { style: styles.recentHead, children: [
+              /* @__PURE__ */ jsxs(View, { style: styles.recentTitleRow, children: [
+                /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "clock-outline", size: 14, color: theme.muted }),
+                /* @__PURE__ */ jsx(Text, { style: [styles.recentTitle, {
+                  color: theme.muted
+                }], children: "Recent" })
+              ] }),
+              /* @__PURE__ */ jsx(Pressable, { onPress: () => clearSearches(), accessibilityRole: "button", accessibilityLabel: "Clear all recent searches", children: /* @__PURE__ */ jsx(Text, { style: [styles.recentClear, {
+                color: theme.muted
+              }], children: "Clear all" }) })
+            ] }),
+            /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.historyScroll, contentContainerStyle: styles.historyRow, children: history.slice(0, 12).map((item) => {
+              const key = searchKey(item);
+              return /* @__PURE__ */ jsxs(View, { style: [styles.historyChip, {
+                backgroundColor: theme.chip
+              }], children: [
+                /* @__PURE__ */ jsx(Pressable, { onPress: () => replaySearch(item), style: styles.historyChipMain, accessibilityLabel: `Repeat search ${searchChipLabel(item)}`, children: /* @__PURE__ */ jsxs(Text, { style: [styles.historyText, {
+                  color: theme.ink
+                }], numberOfLines: 1, children: [
+                  searchChipLabel(item),
+                  item.hits != null ? ` \xB7 ${item.hits}` : ""
+                ] }) }),
+                /* @__PURE__ */ jsx(Pressable, { onPress: () => removeSearch(key), hitSlop: 8, accessibilityRole: "button", accessibilityLabel: `Forget search ${searchChipLabel(item)}`, style: styles.historyChipClear, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 14, color: theme.muted }) })
+              ] }, key);
+            }) })
+          ] }) : null,
+          /* @__PURE__ */ jsxs(View, { style: styles.tipSection, children: [
+            /* @__PURE__ */ jsx(Text, { style: [styles.tipSectionTitle, {
+              color: theme.muted
+            }], children: "How it works" }),
+            [{
+              icon: "briefcase-search-outline",
+              title: "Search live boards",
+              copy: "Keywords and company ATS slugs pull openings from Greenhouse, Lever, Ashby, and more."
+            }, {
+              icon: "file-document-edit-outline",
+              title: "Tailor in one tap",
+              copy: "Turn a posting into a resume, cover letter, and LinkedIn DM matched to your profile."
+            }, {
+              icon: "clipboard-check-outline",
+              title: "Track what you apply to",
+              copy: "Saved roles and applications stay on the tabs below so follow-ups are easy."
+            }].map((tip) => /* @__PURE__ */ jsxs(View, { style: [styles.tipCard, {
+              backgroundColor: theme.card,
+              borderColor: theme.border
+            }], children: [
+              /* @__PURE__ */ jsx(View, { style: [styles.tipIcon, {
+                backgroundColor: theme.accentSoft
+              }], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: tip.icon, size: 20, color: theme.accent }) }),
+              /* @__PURE__ */ jsxs(View, { style: {
+                flex: 1
+              }, children: [
+                /* @__PURE__ */ jsx(Text, { style: [styles.tipTitle, {
+                  color: theme.ink
+                }], children: tip.title }),
+                /* @__PURE__ */ jsx(Text, { style: [styles.tipCopy, {
+                  color: theme.muted
+                }], children: tip.copy })
+              ] })
+            ] }, tip.title))
+          ] })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          showSearchForm ? /* @__PURE__ */ jsxs(View, { style: styles.searchBlock, children: [
+            /* @__PURE__ */ jsxs(View, { style: [styles.askCompact, {
+              backgroundColor: theme.card,
+              borderColor: theme.border
+            }], children: [
+              /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "creation", size: 18, color: theme.accent }),
+              /* @__PURE__ */ jsx(TextInput, { value: aiPrompt, onChangeText: setAiPrompt, placeholder: "Ask the agent \u2014 describe the role you want", placeholderTextColor: theme.muted, returnKeyType: "send", style: [styles.askCompactField, {
+                color: theme.ink
+              }], accessibilityLabel: "Ask the job agent", onSubmitEditing: () => askAgent(aiPrompt || "Help me find roles that fit my profile") }),
+              /* @__PURE__ */ jsx(Pressable, { onPress: () => askAgent(aiPrompt || "Help me find roles that fit my profile"), style: [styles.askCompactBtn, {
+                backgroundColor: theme.accent
+              }], accessibilityRole: "button", accessibilityLabel: "Ask the agent", children: /* @__PURE__ */ jsx(Text, { style: styles.askCompactBtnText, children: "Ask" }) })
+            ] }),
+            /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.aiChipRow, children: AI_STARTERS.map((starter) => /* @__PURE__ */ jsx(Pressable, { onPress: () => runStarter(starter), style: [styles.aiChip, {
+              backgroundColor: theme.card,
+              borderColor: theme.border
+            }], children: /* @__PURE__ */ jsx(Text, { style: [styles.aiChipText, {
+              color: theme.ink
+            }], children: starter.label }) }, starter.id)) }),
+            /* @__PURE__ */ jsxs(View, { style: styles.orRow, children: [
+              /* @__PURE__ */ jsx(View, { style: [styles.orLine, {
+                backgroundColor: theme.border
+              }] }),
+              /* @__PURE__ */ jsx(Text, { style: [styles.orText, {
+                color: theme.muted
+              }], children: "OR SEARCH WITH FILTERS" }),
+              /* @__PURE__ */ jsx(View, { style: [styles.orLine, {
+                backgroundColor: theme.border
+              }] })
+            ] }),
+            /* @__PURE__ */ jsxs(View, { style: styles.filtersStack, children: [
+              /* @__PURE__ */ jsxs(View, { style: [styles.searchBar, {
+                backgroundColor: theme.card,
+                borderColor: theme.border
+              }], children: [
+                /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 18, color: theme.muted }),
+                /* @__PURE__ */ jsx(TextInput, { value: session.form.query, onChangeText: (query) => session.setForm(__spreadProps(__spreadValues({}, session.form), {
+                  query
+                })), placeholder: "Keywords \u2014 founding engineer typescript", placeholderTextColor: theme.muted, returnKeyType: "next", style: [styles.searchField, {
+                  color: theme.ink
+                }], accessibilityLabel: "Job keywords" }),
+                session.form.query ? /* @__PURE__ */ jsx(Pressable, { onPress: () => session.setForm(__spreadProps(__spreadValues({}, session.form), {
+                  query: ""
+                })), accessibilityLabel: "Clear search", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close-circle", size: 16, color: theme.muted }) }) : null
+              ] }),
+              /* @__PURE__ */ jsxs(View, { style: [styles.searchBar, {
+                backgroundColor: theme.card,
+                borderColor: theme.border
+              }], children: [
+                /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "office-building-outline", size: 18, color: theme.muted }),
+                /* @__PURE__ */ jsx(TextInput, { value: session.form.companies, onChangeText: (companies) => session.setForm(__spreadProps(__spreadValues({}, session.form), {
+                  companies
+                })), placeholder: "Companies \u2014 stripe, vercel", placeholderTextColor: theme.muted, autoCapitalize: "none", autoCorrect: false, returnKeyType: "next", onFocus: ensureLandingFieldVisible, style: [styles.searchField, {
+                  color: theme.ink
+                }], accessibilityLabel: "Company ATS slugs" }),
+                companiesOn ? /* @__PURE__ */ jsx(Pressable, { onPress: () => session.setForm(__spreadProps(__spreadValues({}, session.form), {
+                  companies: ""
+                })), accessibilityLabel: "Clear companies", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close-circle", size: 16, color: theme.muted }) }) : null
+              ] }),
+              /* @__PURE__ */ jsxs(View, { style: styles.whereRow, children: [
+                /* @__PURE__ */ jsx(JobSearchLocationField, { value: session.form.location, theme, onChangeText: (location) => session.setForm(__spreadProps(__spreadValues({}, session.form), {
+                  location
+                })), onSubmitEditing: submitSearch }),
+                /* @__PURE__ */ jsx(Pressable, { onPress: submitSearch, style: [styles.searchGo, {
+                  backgroundColor: theme.accent
+                }], accessibilityRole: "button", accessibilityLabel: "Search jobs", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 18, color: theme.accentInk }) })
+              ] }),
+              /* @__PURE__ */ jsxs(View, { style: styles.remoteRow, children: [
+                /* @__PURE__ */ jsxs(View, { style: styles.remoteLeft, children: [
+                  /* @__PURE__ */ jsx(Text, { style: [styles.remoteLabel, {
+                    color: theme.ink
+                  }], children: "Remote" }),
+                  /* @__PURE__ */ jsx(Switch, { value: session.form.remote, onValueChange: (remote) => session.setForm(__spreadProps(__spreadValues({}, session.form), {
+                    remote
+                  })), trackColor: {
+                    false: theme.chip,
+                    true: theme.accent
+                  }, thumbColor: "#ffffff", ios_backgroundColor: theme.chip, accessibilityLabel: "Remote" })
+                ] }),
+                /* @__PURE__ */ jsx(Pressable, { onPress: () => {
+                  Keyboard.dismiss();
+                  setEditSearch(false);
+                }, style: styles.remoteHide, accessibilityRole: "button", accessibilityLabel: "Hide filters", children: /* @__PURE__ */ jsx(Text, { style: [styles.filterActionText, {
+                  color: theme.accent
+                }], children: "Hide filters" }) })
+              ] })
+            ] })
+          ] }) : null,
+          showSearchForm && history.length > 0 ? /* @__PURE__ */ jsxs(View, { style: styles.recentBlock, children: [
+            /* @__PURE__ */ jsxs(View, { style: styles.recentHead, children: [
+              /* @__PURE__ */ jsxs(View, { style: styles.recentTitleRow, children: [
+                /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "clock-outline", size: 14, color: theme.muted }),
+                /* @__PURE__ */ jsx(Text, { style: [styles.recentTitle, {
+                  color: theme.muted
+                }], children: "Recent" })
+              ] }),
+              /* @__PURE__ */ jsx(Pressable, { onPress: () => clearSearches(), accessibilityRole: "button", accessibilityLabel: "Clear all recent searches", children: /* @__PURE__ */ jsx(Text, { style: [styles.recentClear, {
+                color: theme.muted
+              }], children: "Clear all" }) })
+            ] }),
+            /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, style: styles.historyScroll, contentContainerStyle: styles.historyRow, children: history.slice(0, 8).map((item) => {
+              const key = searchKey(item);
+              return /* @__PURE__ */ jsxs(View, { style: [styles.historyChip, {
+                backgroundColor: theme.chip
+              }], children: [
+                /* @__PURE__ */ jsx(Pressable, { onPress: () => replaySearch(item), style: styles.historyChipMain, accessibilityLabel: `Repeat search ${searchChipLabel(item)}`, children: /* @__PURE__ */ jsxs(Text, { style: [styles.historyText, {
+                  color: theme.ink
+                }], numberOfLines: 1, children: [
+                  searchChipLabel(item),
+                  item.hits != null ? ` \xB7 ${item.hits}` : ""
+                ] }) }),
+                /* @__PURE__ */ jsx(Pressable, { onPress: () => removeSearch(key), hitSlop: 8, accessibilityRole: "button", accessibilityLabel: `Forget search ${searchChipLabel(item)}`, style: styles.historyChipClear, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 14, color: theme.muted }) })
+              ] }, key);
+            }) })
+          ] }) : null,
+          /* @__PURE__ */ jsxs(ScrollView, { style: styles.results, contentContainerStyle: styles.list, keyboardShouldPersistTaps: "handled", children: [
+            session.searching && session.jobs.length === 0 ? /* @__PURE__ */ jsxs(View, { style: styles.center, children: [
+              /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.accent }),
+              /* @__PURE__ */ jsx(Text, { style: [styles.copy, {
+                color: theme.muted,
+                marginTop: 10
+              }], children: "Searching live boards\u2026" })
+            ] }) : null,
+            session.error ? /* @__PURE__ */ jsx(Text, { style: [styles.error, {
+              color: theme.danger
+            }], children: session.error }) : null,
+            session.fallbackNote ? /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+              color: theme.muted
+            }], children: session.fallbackNote }) : null,
+            session.failedProbes.length > 0 ? /* @__PURE__ */ jsxs(Text, { style: [styles.note, {
+              color: theme.muted
+            }], children: [
+              "Some boards failed: ",
+              session.failedProbes.map(([k]) => k).join(", ")
+            ] }) : null,
+            !session.searching && session.searched && session.jobs.length === 0 && !session.error ? /* @__PURE__ */ jsxs(View, { style: styles.center, children: [
+              /* @__PURE__ */ jsx(Text, { style: [styles.emptyTitle, {
+                color: theme.ink
+              }], children: "No matching roles" }),
+              /* @__PURE__ */ jsx(Text, { style: [styles.copy, {
+                color: theme.muted
+              }], children: "Try a broader title, drop the city, or ask the agent to refine." }),
+              /* @__PURE__ */ jsxs(Pressable, { onPress: () => askAgent(`No roles matched "${session.form.query}". Suggest a better search.`), style: [styles.aiSecondary, {
+                backgroundColor: theme.accentSoft,
+                marginTop: 8
+              }], children: [
+                /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "creation", size: 16, color: theme.accent }),
+                /* @__PURE__ */ jsx(Text, { style: [styles.aiSecondaryText, {
+                  color: theme.accent
+                }], children: "Ask agent" })
+              ] })
+            ] }) : null,
+            rolesLabel ? /* @__PURE__ */ jsxs(View, { style: styles.resultMetaRow, children: [
+              /* @__PURE__ */ jsxs(Text, { style: [styles.resultMeta, {
+                color: theme.muted
+              }], children: [
+                /* @__PURE__ */ jsxs(Text, { style: {
+                  color: theme.ink,
+                  fontWeight: "700"
+                }, children: [
+                  session.jobs.length.toLocaleString(),
+                  session.jobs.length >= 250 ? "+" : ""
+                ] }),
+                ` ${session.jobs.length === 1 ? "role" : "roles"}`
+              ] }),
+              /* @__PURE__ */ jsxs(Pressable, { onPress: resetSearch, style: styles.clearSearchBtn, accessibilityRole: "button", accessibilityLabel: "Clear search and start over", children: [
+                /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 16, color: theme.muted }),
+                /* @__PURE__ */ jsx(Text, { style: [styles.filterActionText, {
+                  color: theme.ink
+                }], children: "Clear search" })
+              ] })
+            ] }) : null,
+            session.jobs.length > 0 ? /* @__PURE__ */ jsxs(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.refineRow, children: [
+              REFINE_CHIPS.map((chip) => /* @__PURE__ */ jsx(Pressable, { onPress: () => refineSearch(chip), style: [styles.aiChip, {
+                backgroundColor: theme.chip
+              }], children: /* @__PURE__ */ jsx(Text, { style: [styles.aiChipText, {
+                color: theme.ink
+              }], children: chip.label }) }, chip.id)),
+              /* @__PURE__ */ jsxs(Pressable, { onPress: () => askAgent(`Refine my search for "${session.form.query}"${session.form.location ? ` in ${session.form.location}` : ""}${session.form.remote ? " remote" : ""}. Suggest better keywords and update the list.`), style: [styles.aiChip, {
+                backgroundColor: theme.accentSoft,
+                flexDirection: "row",
+                gap: 4
+              }], children: [
+                /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "creation", size: 13, color: theme.accent }),
+                /* @__PURE__ */ jsx(Text, { style: [styles.aiChipText, {
+                  color: theme.accent
+                }], children: "Refine with agent" })
+              ] })
+            ] }) : null,
+            visibleJobs.map((job) => /* @__PURE__ */ jsx(JobCard, { job, theme, onOpen: () => openJob(job), onTailor: () => void runTailor(job), tailoring: session.tailoringId === job.id }, job.id)),
+            hasMore ? /* @__PURE__ */ jsx(Pressable, { onPress: () => setVisibleCount((n) => n + PAGE_SIZE), style: [styles.loadMore, {
+              backgroundColor: theme.card,
+              borderColor: theme.border
+            }], accessibilityRole: "button", accessibilityLabel: "Load more roles", children: /* @__PURE__ */ jsx(Text, { style: [styles.loadMoreText, {
+              color: theme.accent
+            }], children: "Load more" }) }) : null
+          ] })
+        ] }) }) : null,
+        view === "saved" ? /* @__PURE__ */ jsx(SavedPanel, { theme, onOpen: openJob, onTailor: (job) => void runTailor(job), tailoringId: session.tailoringId }) : null,
+        view === "applications" ? /* @__PURE__ */ jsx(ApplicationsPanel, __spreadProps(__spreadValues({ applications: activeApplications, loading: session.loadingApps, error: session.error, storageConfigured: session.appsStorageConfigured, focusApplicationId: focusAppId }, panelTheme), { accent: theme.accent, accentInk: theme.accentInk, chip: theme.chip, danger: theme.danger, onRefresh: session.refreshApplications, onStatusChange: (app, status) => session.updateStatus(app.id, status), onOpenResume: session.openApplicationResume, onOutreach: (app) => askAgent(`Write a LinkedIn DM for my ${app.role} application at ${app.company} - open with something specific and verifiable.`), onPrepInterview: (app) => {
+          setInterviewFocusId(app.id);
+          setView("interview");
+        }, onFollowUp: session.draftFollowUp, onNegotiate: session.draftNegotiate, onArchive: session.archiveApplication, onApply: session.startApply, onApplyStatus: session.pollApplyStatus })) : null,
+        view === "interview" ? /* @__PURE__ */ jsx(InterviewPanel, __spreadProps(__spreadValues({ applications: activeApplications, error: session.error, focusApplicationId: interviewFocusId }, panelTheme), { accent: theme.accent, accentInk: theme.accentInk, chip: theme.chip, danger: theme.danger, onPrep: session.runInterviewPrep, onPractice: session.runInterviewPractice })) : null,
+        view === "insights" ? /* @__PURE__ */ jsx(InsightsPanel, __spreadProps(__spreadValues({ applications: session.applications, insights: session.insights, generating: session.loadingInsights, error: session.error }, panelTheme), { accent: theme.accent, accentInk: theme.accentInk, onGenerate: () => void session.loadInsights() })) : null,
+        view === "replies" ? /* @__PURE__ */ jsx(RepliesPanel, __spreadProps(__spreadValues({ replies: session.replies, loading: session.loadingReplies, error: session.error }, panelTheme), { accent: theme.accent, accentInk: theme.accentInk, chip: theme.chip, danger: theme.danger, onPaste: session.pasteReply, onClassify: session.classifyReply, onRefresh: session.loadReplies })) : null,
+        view === "contacts" ? /* @__PURE__ */ jsx(ContactsPanel, __spreadProps(__spreadValues({ contacts: session.contacts, loading: session.loadingContacts, storageConfigured: session.contactsStorageConfigured, error: session.error }, panelTheme), { accent: theme.accent, accentInk: theme.accentInk, chip: theme.chip, danger: theme.danger, onSave: session.saveContact, onDelete: session.deleteContact, onRefresh: session.loadContacts })) : null,
+        view === "profile" ? /* @__PURE__ */ jsx(ProfilePanel, __spreadProps(__spreadValues({ profile: session.profile, loading: session.loadingProfile, saving: session.savingProfile, error: session.error }, panelTheme), { accent: theme.accent, accentInk: theme.accentInk, accentSoft: theme.accentSoft, chip: theme.chip, danger: theme.danger, warning: theme.warning, onSave: session.saveProfile, onOpenMasterResume: session.openMasterResume, onImportResume: session.importResume })) : null
+      ] }),
+      /* @__PURE__ */ jsx(View, { style: [styles.tabBar, {
+        backgroundColor: theme.card,
+        borderTopColor: theme.border,
+        paddingBottom: Math.max(insets.bottom, 8)
+      }], children: PRIMARY_TABS.map((tab) => {
+        const selected = view === tab.id;
+        return /* @__PURE__ */ jsxs(Pressable, { onPress: () => go(tab.id), accessibilityRole: "tab", accessibilityState: {
+          selected
+        }, style: styles.tabItem, children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: selected ? tab.iconOn : tab.icon, size: 22, color: selected ? theme.accent : theme.muted }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.tabLabel, {
+            color: selected ? theme.accent : theme.muted
+          }], children: tab.label })
+        ] }, tab.id);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx(Modal, { visible: toolsOpen, animationType: "fade", transparent: true, onRequestClose: () => setToolsOpen(false), children: /* @__PURE__ */ jsx(Pressable, { style: styles.sheetBackdrop, onPress: () => setToolsOpen(false), children: /* @__PURE__ */ jsxs(Pressable, { style: [styles.sheet, {
+      backgroundColor: theme.card,
+      paddingBottom: Math.max(insets.bottom, 16)
+    }], onPress: () => void 0, children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.sheetHandle, {
+        backgroundColor: theme.border
+      }] }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.sheetTitle, {
+        color: theme.ink
+      }], children: "Pipeline tools" }),
+      TOOLS.map((tool) => /* @__PURE__ */ jsxs(Pressable, { onPress: () => go(tool.id), style: [styles.toolRow, {
+        borderColor: theme.border
+      }], children: [
+        /* @__PURE__ */ jsx(View, { style: [styles.toolIcon, {
+          backgroundColor: theme.accentSoft
+        }], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: tool.icon, size: 18, color: theme.accent }) }),
+        /* @__PURE__ */ jsxs(View, { style: {
+          flex: 1
+        }, children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.toolLabel, {
+            color: theme.ink
+          }], children: tool.label }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.toolHint, {
+            color: theme.muted
+          }], children: tool.hint })
+        ] }),
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-right", size: 20, color: theme.muted })
+      ] }, tool.id))
+    ] }) }) }),
+    detail ? /* @__PURE__ */ jsx(JobDetailSheet, { job: detail, onClose: () => setDetail(null), onTailor: () => void runTailor(detail), tailoring: session.tailoringId === detail.id, pkg: session.packageByJob[detail.id], notice: session.notice, theme }) : null,
+    jdPrompt ? /* @__PURE__ */ jsx(JdPastePrompt, { job: jdPrompt, theme, onCancel: () => setJdPrompt(null), onSubmit: (jd) => {
+      const job = jdPrompt;
+      setJdPrompt(null);
+      void runTailor(job, jd);
+    } }) : null,
+    chatOpen || detail ? null : /* @__PURE__ */ jsx(View, __spreadProps(__spreadValues({ style: styles.agentSwipeEdge }, swipe.panHandlers), { accessibilityLabel: "Swipe left from here to open the job agent" })),
+    /* @__PURE__ */ jsx(JobSearchAgentChatPane, { visible: chatOpen, onClose: () => {
+      setChatOpen(false);
+      setAgentSeed(null);
+    }, onClearChat: () => {
+      resetSearch();
+      setAgentSeed(null);
+      setAiPrompt("");
+    }, hostChat, applyFromChat: session.applyFromChat, jobs: session.jobs, onViewJobs: () => {
+      setView("search");
+      setEditSearch(false);
+      setVisibleCount(PAGE_SIZE);
+      setChatOpen(false);
+      setAgentSeed(null);
+    }, onOpenJob: (job) => {
+      setChatOpen(false);
+      setAgentSeed(null);
+      openJob(job);
+    }, seedTurn: agentSeed, isDark, ink: theme.ink, muted: theme.muted, screen: theme.screen, border: theme.border, card: theme.card, accent: theme.accent })
+  ] });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  body: {
+    flex: 1,
+    minHeight: 0
+  },
+  searchPane: {
+    flex: 1,
+    minHeight: 0
+  },
+  center: {
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 28,
+    gap: 8
+  },
+  copy: {
+    fontSize: 14,
+    lineHeight: 20,
+    textAlign: "center"
+  },
+  pageTitle: {
+    fontSize: 28,
+    fontWeight: "800",
+    letterSpacing: -0.6
+  },
+  topBar: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingTop: 4,
+    paddingBottom: 6,
+    flexGrow: 0,
+    flexShrink: 0
+  },
+  topActions: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  ghostBtn: {
+    width: 40,
+    height: 40,
+    borderRadius: 12,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  agentChip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    borderRadius: 12,
+    paddingHorizontal: 12,
+    height: 40
+  },
+  agentChipLabel: {
+    fontSize: 13,
+    fontWeight: "700"
+  },
+  compactBar: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    borderWidth: 1,
+    borderRadius: 16,
+    paddingLeft: 12,
+    paddingRight: 6,
+    paddingVertical: 8,
+    minHeight: 52,
+    marginRight: 8
+  },
+  compactMain: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    minWidth: 0
+  },
+  compactClear: {
+    width: 32,
+    height: 32,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  compactTitle: {
+    fontSize: 15,
+    fontWeight: "700",
+    letterSpacing: -0.2
+  },
+  compactSub: {
+    fontSize: 11,
+    fontWeight: "600",
+    marginTop: 1
+  },
+  filterActionText: {
+    fontSize: 13,
+    fontWeight: "700"
+  },
+  clearSearchBtn: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    paddingVertical: 2
+  },
+  searchBlock: {
+    paddingHorizontal: 16,
+    paddingBottom: 8,
+    gap: 8,
+    flexGrow: 0
+  },
+  filtersStack: {
+    gap: 10
+  },
+  whereRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    zIndex: 6
+  },
+  searchBar: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: 12,
+    paddingHorizontal: 10,
+    height: 40,
+    overflow: "hidden"
+  },
+  searchField: {
+    flex: 1,
+    fontSize: 14,
+    paddingVertical: 0,
+    lineHeight: 18,
+    height: 40
+  },
+  searchGo: {
+    width: 40,
+    height: 40,
+    borderRadius: 12,
+    alignItems: "center",
+    justifyContent: "center",
+    alignSelf: "center",
+    flexShrink: 0
+  },
+  remoteRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    flexWrap: "wrap",
+    paddingHorizontal: 2,
+    paddingTop: 4,
+    paddingBottom: 2,
+    gap: 12
+  },
+  remoteLeft: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    flexGrow: 0,
+    flexShrink: 0
+  },
+  remoteLabel: {
+    fontSize: 14,
+    fontWeight: "700"
+  },
+  remoteHide: {
+    marginLeft: "auto"
+  },
+  historyScroll: {
+    flexGrow: 0,
+    flexShrink: 0
+  },
+  recentBlock: {
+    paddingBottom: 4
+  },
+  recentHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingBottom: 6
+  },
+  recentTitleRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
+  recentTitle: {
+    fontSize: 11,
+    fontWeight: "800",
+    letterSpacing: 0.6,
+    textTransform: "uppercase"
+  },
+  recentClear: {
+    fontSize: 13,
+    fontWeight: "700"
+  },
+  historyRow: {
+    paddingHorizontal: 16,
+    paddingBottom: 8,
+    gap: 8,
+    alignItems: "center"
+  },
+  landingFill: {
+    flex: 1,
+    minHeight: 0
+  },
+  landingContent: {
+    flexGrow: 1,
+    paddingTop: 4,
+    paddingBottom: 32,
+    gap: 12
+  },
+  tipSection: {
+    paddingHorizontal: 16,
+    gap: 10,
+    paddingTop: 4
+  },
+  tipSectionTitle: {
+    fontSize: 11,
+    fontWeight: "800",
+    letterSpacing: 0.6,
+    textTransform: "uppercase",
+    marginBottom: 2
+  },
+  results: {
+    flex: 1,
+    minHeight: 0
+  },
+  askPanel: {
+    borderWidth: 1,
+    borderRadius: 16,
+    padding: 12,
+    gap: 10
+  },
+  askPanelHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  askHeadCopy: {
+    flex: 1,
+    minWidth: 0
+  },
+  askBadge: {
+    width: 34,
+    height: 34,
+    borderRadius: 10,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  askTitle: {
+    fontSize: 15,
+    fontWeight: "800",
+    letterSpacing: -0.3
+  },
+  askHint: {
+    fontSize: 12,
+    marginTop: 1,
+    lineHeight: 16
+  },
+  askComposer: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    borderWidth: 1,
+    borderRadius: 12,
+    paddingLeft: 12,
+    paddingRight: 6,
+    height: 44
+  },
+  askComposerField: {
+    flex: 1,
+    fontSize: 14,
+    paddingVertical: 0,
+    lineHeight: 18
+  },
+  askComposerBtn: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    height: 32,
+    borderRadius: 10,
+    paddingHorizontal: 12
+  },
+  askComposerBtnText: {
+    color: "#FFFFFF",
+    fontSize: 13,
+    fontWeight: "800"
+  },
+  askCompact: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    borderWidth: 1,
+    borderRadius: 14,
+    paddingLeft: 12,
+    paddingRight: 6,
+    minHeight: 48
+  },
+  askCompactField: {
+    flex: 1,
+    fontSize: 15,
+    paddingVertical: 10
+  },
+  askCompactBtn: {
+    borderRadius: 10,
+    paddingHorizontal: 14,
+    paddingVertical: 10
+  },
+  askCompactBtnText: {
+    color: "#FFFFFF",
+    fontSize: 14,
+    fontWeight: "800"
+  },
+  orRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingVertical: 2
+  },
+  orLine: {
+    flex: 1,
+    height: StyleSheet.hairlineWidth
+  },
+  orText: {
+    fontSize: 10,
+    fontWeight: "800",
+    letterSpacing: 0.7
+  },
+  tipCard: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 12,
+    borderWidth: 1,
+    borderRadius: 16,
+    padding: 14
+  },
+  tipIcon: {
+    width: 40,
+    height: 40,
+    borderRadius: 12,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  tipTitle: {
+    fontSize: 15,
+    fontWeight: "800",
+    letterSpacing: -0.2
+  },
+  tipCopy: {
+    fontSize: 13,
+    lineHeight: 18,
+    marginTop: 3
+  },
+  historyChip: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderRadius: 999,
+    paddingLeft: 10,
+    paddingRight: 4,
+    paddingVertical: 5,
+    maxWidth: 260
+  },
+  historyChipMain: {
+    flexShrink: 1,
+    paddingVertical: 2,
+    paddingRight: 4
+  },
+  historyChipClear: {
+    width: 26,
+    height: 26,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  historyText: {
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  list: {
+    paddingHorizontal: 16,
+    paddingBottom: 24,
+    gap: 12
+  },
+  resultMetaRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 12,
+    marginBottom: 2
+  },
+  resultMeta: {
+    fontSize: 13,
+    fontWeight: "600",
+    flexShrink: 1
+  },
+  loadMore: {
+    borderWidth: 1,
+    borderRadius: 14,
+    paddingVertical: 12,
+    alignItems: "center",
+    marginTop: 4
+  },
+  loadMoreText: {
+    fontSize: 14,
+    fontWeight: "700"
+  },
+  aiSecondary: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 6,
+    borderRadius: 12,
+    paddingHorizontal: 14,
+    paddingVertical: 11
+  },
+  aiSecondaryText: {
+    fontSize: 14,
+    fontWeight: "800"
+  },
+  aiChip: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderRadius: 999,
+    borderWidth: 1,
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  aiChipText: {
+    fontSize: 12,
+    fontWeight: "700"
+  },
+  aiChipRow: {
+    gap: 8,
+    paddingVertical: 2
+  },
+  refineRow: {
+    gap: 8,
+    paddingBottom: 2
+  },
+  emptyTitle: {
+    fontSize: 17,
+    fontWeight: "700"
+  },
+  error: {
+    fontSize: 13
+  },
+  note: {
+    fontSize: 12
+  },
+  tabBar: {
+    flexDirection: "row",
+    flexGrow: 0,
+    flexShrink: 0,
+    borderTopWidth: StyleSheet.hairlineWidth,
+    paddingTop: 8
+  },
+  tabItem: {
+    flex: 1,
+    alignItems: "center",
+    gap: 3
+  },
+  tabLabel: {
+    fontSize: 11,
+    fontWeight: "700"
+  },
+  sheetBackdrop: {
+    flex: 1,
+    backgroundColor: "rgba(15,23,42,0.4)",
+    justifyContent: "flex-end"
+  },
+  sheet: {
+    borderTopLeftRadius: 22,
+    borderTopRightRadius: 22,
+    paddingHorizontal: 16,
+    paddingTop: 10
+  },
+  sheetHandle: {
+    alignSelf: "center",
+    width: 40,
+    height: 4,
+    borderRadius: 2,
+    marginBottom: 12
+  },
+  sheetTitle: {
+    fontSize: 18,
+    fontWeight: "800",
+    marginBottom: 8,
+    paddingHorizontal: 4
+  },
+  toolRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    paddingVertical: 12,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  toolIcon: {
+    width: 38,
+    height: 38,
+    borderRadius: 12,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  toolLabel: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  toolHint: {
+    fontSize: 12,
+    marginTop: 1
+  },
+  agentSwipeEdge: {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    bottom: 72,
+    width: 36,
+    zIndex: 9
+  }
+});export{JobSearchExperience,JobSearchExperience as default};//# sourceMappingURL=JobSearchExperience.js.map