@adminide-stack/yantra-mobile 12.0.69-alpha.8 → 12.0.69

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

@@ -0,0 +1,907 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';import {StyleSheet,View,ActivityIndicator,Text,Pressable,ScrollView,Linking,Clipboard}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {STATUS_ORDER,STATUS_LABEL}from'./types.js';const STATUS_TONE = {
+  draft: {
+    bg: "#eceff5",
+    fg: "#5b657a"
+  },
+  submitted: {
+    bg: "rgba(59,130,246,0.12)",
+    fg: "#1d4ed8"
+  },
+  "under-review": {
+    bg: "rgba(14,165,233,0.12)",
+    fg: "#0369a1"
+  },
+  "phone-screen": {
+    bg: "rgba(139,92,246,0.12)",
+    fg: "#6d28d9"
+  },
+  onsite: {
+    bg: "rgba(168,85,247,0.12)",
+    fg: "#7e22ce"
+  },
+  offer: {
+    bg: "rgba(34,197,94,0.12)",
+    fg: "#15803d"
+  },
+  rejected: {
+    bg: "rgba(225,29,72,0.12)",
+    fg: "#be123c"
+  },
+  withdrew: {
+    bg: "#eceff5",
+    fg: "#5b657a"
+  },
+  "no-response": {
+    bg: "rgba(245,158,11,0.14)",
+    fg: "#b45309"
+  }
+};
+function StatusBadge({
+  status
+}) {
+  var _a;
+  const tone = (_a = STATUS_TONE[status]) != null ? _a : STATUS_TONE.draft;
+  return /* @__PURE__ */ jsx(View, { style: [styles.badge, {
+    backgroundColor: tone.bg
+  }], children: /* @__PURE__ */ jsx(Text, { style: [styles.badgeText, {
+    color: tone.fg
+  }], children: STATUS_LABEL[status] }) });
+}
+function Info({
+  label,
+  children,
+  ink,
+  muted
+}) {
+  return /* @__PURE__ */ jsxs(View, { style: styles.infoBlock, children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.infoLabel, {
+      color: muted
+    }], children: label }),
+    /* @__PURE__ */ jsx(View, { children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { style: {
+      color: ink,
+      fontSize: 14,
+      lineHeight: 20
+    }, children }) : children })
+  ] });
+}
+function ApplicationsPanel({
+  applications,
+  loading,
+  error,
+  storageConfigured = true,
+  focusApplicationId,
+  ink,
+  muted,
+  card,
+  border,
+  accent = "#4f46e5",
+  accentInk = "#fcfcfe",
+  chip = "#eceff5",
+  danger = "#e11d48",
+  onRefresh,
+  onStatusChange,
+  onOpenResume,
+  onOutreach,
+  onPrepInterview,
+  onFollowUp,
+  onNegotiate,
+  onArchive,
+  onApply,
+  onApplyStatus
+}) {
+  var _a;
+  const [selectedId, setSelectedId] = useState(null);
+  const selected = (_a = applications.find((a) => a.id === selectedId)) != null ? _a : null;
+  useEffect(() => {
+    if (focusApplicationId) setSelectedId(focusApplicationId);
+  }, [focusApplicationId]);
+  useEffect(() => {
+    if (selectedId && !applications.some((a) => a.id === selectedId)) {
+      setSelectedId(null);
+    }
+  }, [applications, selectedId]);
+  if (selected) {
+    return /* @__PURE__ */ jsx(ApplicationDetail, { app: selected, ink, muted, card, border, accent, accentInk, chip, danger, onBack: () => setSelectedId(null), onStatusChange, onOpenResume, onOutreach, onPrepInterview, onFollowUp, onNegotiate, onArchive, onApply, onApplyStatus });
+  }
+  if (loading && applications.length === 0) {
+    return /* @__PURE__ */ jsx(View, { style: styles.empty, children: /* @__PURE__ */ jsx(ActivityIndicator, { color: accent }) });
+  }
+  if (error && applications.length === 0) {
+    return /* @__PURE__ */ jsxs(View, { style: styles.empty, children: [
+      /* @__PURE__ */ jsx(Text, { style: {
+        color: danger,
+        textAlign: "center"
+      }, children: error }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: onRefresh, children: /* @__PURE__ */ jsx(Text, { style: {
+        color: ink,
+        fontWeight: "700"
+      }, children: "Retry" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.header, {
+      borderBottomColor: border
+    }], children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.headerTitle, {
+        color: ink
+      }], children: "Applications" }),
+      /* @__PURE__ */ jsxs(Text, { style: [styles.headerCount, {
+        color: muted
+      }], children: [
+        applications.length,
+        " tracked"
+      ] }),
+      !storageConfigured ? /* @__PURE__ */ jsx(View, { style: [styles.warnPill, {
+        backgroundColor: "rgba(245,158,11,0.14)"
+      }], children: /* @__PURE__ */ jsx(Text, { style: {
+        color: "#b45309",
+        fontSize: 10,
+        fontWeight: "700"
+      }, children: "not persisted" }) }) : null,
+      /* @__PURE__ */ jsxs(Pressable, { onPress: onRefresh, style: [styles.refreshBtn, {
+        borderColor: border
+      }], accessibilityRole: "button", accessibilityLabel: "Refresh applications", children: [
+        loading ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: muted }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "refresh", size: 14, color: muted }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.refreshText, {
+          color: muted
+        }], children: "Refresh" })
+      ] })
+    ] }),
+    applications.length === 0 ? /* @__PURE__ */ jsxs(View, { style: styles.empty, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.emptyTitle, {
+        color: ink
+      }], children: "Nothing tracked yet" }),
+      /* @__PURE__ */ jsx(Text, { style: {
+        color: muted,
+        textAlign: "center",
+        lineHeight: 20
+      }, children: "Tailor an application from Jobs and it lands here as a draft." })
+    ] }) : /* @__PURE__ */ jsx(ScrollView, { contentContainerStyle: styles.list, children: applications.map((app) => {
+      var _a2, _b;
+      return /* @__PURE__ */ jsxs(Pressable, { onPress: () => setSelectedId(app.id), style: [styles.row, {
+        backgroundColor: card,
+        borderColor: border
+      }], accessibilityRole: "button", accessibilityLabel: `${app.role} at ${app.company}`, children: [
+        /* @__PURE__ */ jsxs(View, { style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 4
+        }, children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.rowCompany, {
+            color: ink
+          }], numberOfLines: 1, children: app.company }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.rowRole, {
+            color: muted
+          }], numberOfLines: 1, children: app.role }),
+          /* @__PURE__ */ jsxs(View, { style: styles.rowMeta, children: [
+            /* @__PURE__ */ jsx(StatusBadge, { status: app.status }),
+            /* @__PURE__ */ jsx(Text, { style: {
+              color: muted,
+              fontSize: 11
+            }, children: (_b = (_a2 = app.updatedAt) == null ? void 0 : _a2.slice(0, 10)) != null ? _b : "" }),
+            app.followUp ? /* @__PURE__ */ jsxs(Text, { style: {
+              color: muted,
+              fontSize: 11
+            }, numberOfLines: 1, children: [
+              "\xB7 ",
+              app.followUp
+            ] }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-right", size: 20, color: muted })
+      ] }, app.id);
+    }) }),
+    /* @__PURE__ */ jsxs(Text, { style: [styles.footer, {
+      color: muted,
+      borderTopColor: border
+    }], children: [
+      "Statuses: ",
+      STATUS_ORDER.map((s) => STATUS_LABEL[s]).join(" \xB7 ")
+    ] })
+  ] });
+}
+function ApplicationDetail({
+  app,
+  ink,
+  muted,
+  card,
+  border,
+  accent,
+  accentInk,
+  chip,
+  danger,
+  onBack,
+  onStatusChange,
+  onOpenResume,
+  onOutreach,
+  onPrepInterview,
+  onFollowUp,
+  onNegotiate,
+  onArchive,
+  onApply,
+  onApplyStatus
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const [openingResume, setOpeningResume] = useState(false);
+  const [resumeNote, setResumeNote] = useState(null);
+  const [resumeUrl, setResumeUrl] = useState(null);
+  const [followUp, setFollowUp] = useState(null);
+  const [followUpBusy, setFollowUpBusy] = useState(false);
+  const [plan, setPlan] = useState(null);
+  const [planBusy, setPlanBusy] = useState(false);
+  const [applyRun, setApplyRun] = useState(null);
+  const [applyStatus, setApplyStatus] = useState(null);
+  const [applyBusy, setApplyBusy] = useState(false);
+  const [applyPolling, setApplyPolling] = useState(false);
+  const [applyNote, setApplyNote] = useState(null);
+  const pkg = app.package;
+  const analysis = app.analysis;
+  const isDraft = Boolean((_a = pkg == null ? void 0 : pkg.coverLetter) == null ? void 0 : _a.startsWith("[DRAFT"));
+  const applyUrl = (_c = app.jdUrl) != null ? _c : (_b = app.posting) == null ? void 0 : _b.url;
+  const openResume = async () => {
+    setOpeningResume(true);
+    setResumeNote(null);
+    setResumeUrl(null);
+    try {
+      const url = await onOpenResume(app);
+      if (!url) {
+        setResumeNote("The resume page could not be opened \u2014 the resume connector returned no URL.");
+        return;
+      }
+      const can = await Linking.canOpenURL(url);
+      if (can) await Linking.openURL(url);
+      else setResumeUrl(url);
+    } catch (err) {
+      setResumeNote(err instanceof Error ? err.message : String(err));
+    } finally {
+      setOpeningResume(false);
+    }
+  };
+  const draftFollowUp = async () => {
+    if (!onFollowUp) return;
+    setFollowUpBusy(true);
+    try {
+      setFollowUp(await onFollowUp(app));
+    } finally {
+      setFollowUpBusy(false);
+    }
+  };
+  const buildPlan = async () => {
+    if (!onNegotiate) return;
+    setPlanBusy(true);
+    try {
+      setPlan(await onNegotiate(app));
+    } finally {
+      setPlanBusy(false);
+    }
+  };
+  const startApply = async () => {
+    var _a2;
+    if (!applyUrl) return;
+    void Linking.openURL(applyUrl);
+    setApplyNote(null);
+    if (!onApply) return;
+    setApplyBusy(true);
+    try {
+      const run = await onApply(app);
+      if (run == null ? void 0 : run.eventId) {
+        setApplyRun(run);
+        setApplyStatus(null);
+      } else {
+        setApplyNote((_a2 = run == null ? void 0 : run.message) != null ? _a2 : "Assisted form-fill is unavailable \u2014 the posting is open; submit there and mark this row submitted.");
+      }
+    } catch (err) {
+      setApplyNote(err instanceof Error ? err.message : String(err));
+    } finally {
+      setApplyBusy(false);
+    }
+  };
+  const refreshApplyStatus = async () => {
+    var _a2;
+    const eventId = (_a2 = applyRun == null ? void 0 : applyRun.eventId) != null ? _a2 : app.applyEventId;
+    if (!eventId || !onApplyStatus) return;
+    setApplyPolling(true);
+    try {
+      setApplyStatus(await onApplyStatus(eventId));
+    } finally {
+      setApplyPolling(false);
+    }
+  };
+  const ActionChip = ({
+    label,
+    icon,
+    onPress,
+    busy,
+    primary,
+    tone,
+    disabled
+  }) => /* @__PURE__ */ jsxs(Pressable, { onPress, disabled: disabled || busy, style: [styles.actionChip, {
+    borderColor: border,
+    backgroundColor: card
+  }, primary && {
+    backgroundColor: accent,
+    borderColor: accent
+  }, tone === "green" && {
+    backgroundColor: "rgba(34,197,94,0.12)",
+    borderColor: "rgba(34,197,94,0.4)"
+  }, (disabled || busy) && styles.disabled], children: [
+    busy ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: primary ? accentInk : muted }) : /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 14, color: primary ? accentInk : tone === "green" ? "#15803d" : muted }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.actionChipText, {
+      color: primary ? accentInk : tone === "green" ? "#15803d" : ink
+    }], children: label })
+  ] });
+  return /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.detailHeader, {
+      borderBottomColor: border
+    }], children: [
+      /* @__PURE__ */ jsxs(Pressable, { onPress: onBack, style: [styles.backBtn, {
+        borderColor: border
+      }], children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "arrow-left", size: 16, color: muted }),
+        /* @__PURE__ */ jsx(Text, { style: {
+          color: muted,
+          fontSize: 12,
+          fontWeight: "700"
+        }, children: "Back" })
+      ] }),
+      /* @__PURE__ */ jsxs(View, { style: {
+        flex: 1,
+        minWidth: 0
+      }, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.detailCompany, {
+          color: ink
+        }], numberOfLines: 1, children: app.company }),
+        /* @__PURE__ */ jsx(Text, { style: {
+          color: muted,
+          fontSize: 13
+        }, numberOfLines: 1, children: app.role })
+      ] }),
+      /* @__PURE__ */ jsx(StatusBadge, { status: app.status }),
+      isDraft ? /* @__PURE__ */ jsx(View, { style: [styles.warnPill, {
+        backgroundColor: "rgba(245,158,11,0.14)"
+      }], children: /* @__PURE__ */ jsx(Text, { style: {
+        color: "#b45309",
+        fontSize: 10,
+        fontWeight: "700"
+      }, children: "Template draft" }) }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.detailBody, children: [
+      /* @__PURE__ */ jsx(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.statusRow, children: STATUS_ORDER.map((status) => {
+        const on = app.status === status;
+        return /* @__PURE__ */ jsx(Pressable, { onPress: () => onStatusChange(app, status), style: [styles.statusChip, {
+          backgroundColor: chip
+        }, on && {
+          backgroundColor: accent
+        }], children: /* @__PURE__ */ jsx(Text, { style: [styles.statusChipText, {
+          color: ink
+        }, on && {
+          color: accentInk
+        }], children: STATUS_LABEL[status] }) }, status);
+      }) }),
+      /* @__PURE__ */ jsxs(View, { style: styles.actionsWrap, children: [
+        /* @__PURE__ */ jsx(ActionChip, { label: "Outreach", icon: "message-text-outline", onPress: () => onOutreach(app) }),
+        onFollowUp && app.status !== "draft" ? /* @__PURE__ */ jsx(ActionChip, { label: "Follow up", icon: "send-outline", onPress: draftFollowUp, busy: followUpBusy }) : null,
+        onNegotiate && app.status === "offer" ? /* @__PURE__ */ jsx(ActionChip, { label: "Negotiate", icon: "handshake-outline", onPress: buildPlan, busy: planBusy, tone: "green" }) : null,
+        onPrepInterview ? /* @__PURE__ */ jsx(ActionChip, { label: app.interview ? "Interview prep" : "Prep interview", icon: "microphone-outline", onPress: () => onPrepInterview(app) }) : null,
+        onArchive ? /* @__PURE__ */ jsx(ActionChip, { label: app.archived ? "Unarchive" : "Archive", icon: "archive-outline", onPress: () => onArchive(app, !app.archived) }) : null,
+        applyUrl ? /* @__PURE__ */ jsx(ActionChip, { label: "Apply", icon: "rocket-launch-outline", onPress: startApply, busy: applyBusy }) : null,
+        app.status === "draft" ? /* @__PURE__ */ jsx(ActionChip, { label: "Mark submitted", icon: "check-circle-outline", onPress: () => onStatusChange(app, "submitted") }) : null,
+        (pkg == null ? void 0 : pkg.resume) ? /* @__PURE__ */ jsx(ActionChip, { label: "Open in Resume Builder", icon: "file-document-outline", onPress: openResume, busy: openingResume, primary: true }) : null
+      ] }),
+      resumeNote || resumeUrl ? /* @__PURE__ */ jsx(View, { style: [styles.noteBanner, {
+        backgroundColor: chip
+      }], children: resumeUrl ? /* @__PURE__ */ jsx(Pressable, { onPress: () => void Linking.openURL(resumeUrl), children: /* @__PURE__ */ jsx(Text, { style: {
+        color: accent,
+        fontWeight: "700"
+      }, children: "Open the resume" }) }) : /* @__PURE__ */ jsx(Text, { style: {
+        color: danger
+      }, children: resumeNote }) }) : null,
+      applyRun || applyNote || app.applyEventId ? /* @__PURE__ */ jsxs(View, { style: [styles.applyPanel, {
+        backgroundColor: `${accent}14`,
+        borderColor: border
+      }], children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.applyTop, children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "rocket-launch-outline", size: 14, color: accent }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.applyTitle, {
+            color: ink
+          }], children: "Apply" }),
+          (applyRun == null ? void 0 : applyRun.eventId) || app.applyEventId ? /* @__PURE__ */ jsxs(Text, { style: {
+            color: muted,
+            fontSize: 10
+          }, children: [
+            "run ",
+            (_e = (_d = applyRun == null ? void 0 : applyRun.eventId) != null ? _d : app.applyEventId) == null ? void 0 : _e.slice(0, 12)
+          ] }) : null,
+          ((_g = (_f = applyStatus == null ? void 0 : applyStatus.runs) == null ? void 0 : _f[0]) == null ? void 0 : _g.status) ? /* @__PURE__ */ jsx(View, { style: [styles.warnPill, {
+            backgroundColor: `${accent}22`
+          }], children: /* @__PURE__ */ jsx(Text, { style: {
+            color: accent,
+            fontSize: 10,
+            fontWeight: "700"
+          }, children: String(applyStatus.runs[0].status) }) }) : null,
+          ((_h = applyRun == null ? void 0 : applyRun.sandboxUrl) != null ? _h : applyStatus == null ? void 0 : applyStatus.sandboxUrl) ? /* @__PURE__ */ jsx(Pressable, { onPress: () => {
+            var _a2;
+            return void Linking.openURL(String((_a2 = applyRun == null ? void 0 : applyRun.sandboxUrl) != null ? _a2 : applyStatus == null ? void 0 : applyStatus.sandboxUrl));
+          }, children: /* @__PURE__ */ jsx(Text, { style: {
+            color: accent,
+            fontSize: 11,
+            fontWeight: "700"
+          }, children: "Review filled form" }) }) : null,
+          onApplyStatus && ((applyRun == null ? void 0 : applyRun.eventId) || app.applyEventId) ? /* @__PURE__ */ jsx(Pressable, { onPress: refreshApplyStatus, disabled: applyPolling, style: {
+            marginLeft: "auto"
+          }, children: applyPolling ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: muted }) : /* @__PURE__ */ jsx(Text, { style: {
+            color: muted,
+            fontSize: 11,
+            fontWeight: "700"
+          }, children: "Check" }) }) : null
+        ] }),
+        /* @__PURE__ */ jsx(Text, { style: {
+          color: muted,
+          fontSize: 11,
+          lineHeight: 16
+        }, children: (_i = applyNote != null ? applyNote : applyRun == null ? void 0 : applyRun.nextStep) != null ? _i : "The runner fills the form and stops before Submit \u2014 you press Submit, then mark this row submitted." })
+      ] }) : null,
+      followUp ? /* @__PURE__ */ jsxs(View, { style: [styles.panelCard, {
+        backgroundColor: card,
+        borderColor: border
+      }], children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.panelHead, children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "send-outline", size: 14, color: accent }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.panelTitle, {
+            color: ink
+          }], children: "Follow-up draft" }),
+          /* @__PURE__ */ jsx(Text, { style: {
+            color: muted,
+            fontSize: 10
+          }, children: followUp.channel }),
+          followUp.timing ? /* @__PURE__ */ jsxs(Text, { style: {
+            color: muted,
+            fontSize: 11
+          }, children: [
+            "\xB7 send ",
+            followUp.timing
+          ] }) : null,
+          /* @__PURE__ */ jsx(Pressable, { onPress: () => Clipboard.setString(followUp.message), style: {
+            marginLeft: "auto"
+          }, children: /* @__PURE__ */ jsx(Text, { style: {
+            color: muted,
+            fontSize: 11,
+            fontWeight: "700"
+          }, children: "Copy" }) })
+        ] }),
+        followUp.subject ? /* @__PURE__ */ jsxs(Text, { style: {
+          color: muted,
+          fontSize: 12
+        }, children: [
+          "Subject: ",
+          followUp.subject
+        ] }) : null,
+        /* @__PURE__ */ jsx(Text, { style: {
+          color: ink,
+          fontSize: 14,
+          lineHeight: 20
+        }, children: followUp.message }),
+        followUp.rationale ? /* @__PURE__ */ jsxs(Text, { style: {
+          color: muted,
+          fontSize: 11,
+          marginTop: 4
+        }, children: [
+          "Why: ",
+          followUp.rationale
+        ] }) : null
+      ] }) : null,
+      plan ? /* @__PURE__ */ jsxs(View, { style: [styles.panelCard, {
+        backgroundColor: card,
+        borderColor: "rgba(34,197,94,0.35)"
+      }], children: [
+        /* @__PURE__ */ jsxs(View, { style: styles.panelHead, children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "handshake-outline", size: 14, color: "#15803d" }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.panelTitle, {
+            color: ink
+          }], children: "Negotiation plan" }),
+          plan.targetRange ? /* @__PURE__ */ jsx(View, { style: [styles.warnPill, {
+            backgroundColor: "rgba(34,197,94,0.12)"
+          }], children: /* @__PURE__ */ jsx(Text, { style: {
+            color: "#15803d",
+            fontSize: 10,
+            fontWeight: "700"
+          }, children: plan.targetRange }) }) : null
+        ] }),
+        plan.marketRead ? /* @__PURE__ */ jsx(Text, { style: {
+          color: muted,
+          fontSize: 12
+        }, children: plan.marketRead }) : null,
+        plan.leverage.length ? /* @__PURE__ */ jsx(Info, { label: "Your leverage", ink, muted, children: plan.leverage.map((l) => /* @__PURE__ */ jsxs(Text, { style: {
+          color: ink,
+          fontSize: 13,
+          lineHeight: 18
+        }, children: [
+          "\xB7 ",
+          l
+        ] }, l)) }) : null,
+        plan.nonSalaryAsks.length ? /* @__PURE__ */ jsx(Info, { label: "Non-salary asks", ink, muted, children: plan.nonSalaryAsks.map((l) => /* @__PURE__ */ jsxs(Text, { style: {
+          color: ink,
+          fontSize: 13,
+          lineHeight: 18
+        }, children: [
+          "\xB7 ",
+          l
+        ] }, l)) }) : null,
+        plan.counterScript ? /* @__PURE__ */ jsx(Info, { label: "Counter script", ink, muted, children: /* @__PURE__ */ jsxs(View, { style: {
+          gap: 6
+        }, children: [
+          /* @__PURE__ */ jsx(Text, { style: {
+            color: ink,
+            fontSize: 13,
+            lineHeight: 18
+          }, children: plan.counterScript }),
+          /* @__PURE__ */ jsx(Pressable, { onPress: () => Clipboard.setString(plan.counterScript), children: /* @__PURE__ */ jsx(Text, { style: {
+            color: muted,
+            fontSize: 11,
+            fontWeight: "700"
+          }, children: "Copy" }) })
+        ] }) }) : null,
+        plan.risks.length ? /* @__PURE__ */ jsx(Info, { label: "Risks", ink, muted, children: plan.risks.map((l) => /* @__PURE__ */ jsxs(Text, { style: {
+          color: danger,
+          fontSize: 13,
+          lineHeight: 18
+        }, children: [
+          "\xB7 ",
+          l
+        ] }, l)) }) : null
+      ] }) : null,
+      /* @__PURE__ */ jsxs(View, { style: [styles.section, {
+        borderColor: border
+      }], children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.sectionTitle, {
+          color: muted
+        }], children: "JD analysis" }),
+        analysis ? /* @__PURE__ */ jsxs(View, { style: {
+          gap: 10
+        }, children: [
+          /* @__PURE__ */ jsxs(View, { style: styles.pillRow, children: [
+            /* @__PURE__ */ jsx(View, { style: [styles.pill, {
+              backgroundColor: `${accent}22`
+            }], children: /* @__PURE__ */ jsx(Text, { style: {
+              color: accent,
+              fontSize: 11,
+              fontWeight: "700"
+            }, children: analysis.roleType }) }),
+            analysis.keywords.map((k) => /* @__PURE__ */ jsx(View, { style: [styles.pill, {
+              backgroundColor: chip
+            }], children: /* @__PURE__ */ jsx(Text, { style: {
+              color: muted,
+              fontSize: 11
+            }, children: k }) }, k))
+          ] }),
+          /* @__PURE__ */ jsx(Info, { label: "Angle", ink, muted, children: analysis.coverLetterAngle }),
+          /* @__PURE__ */ jsx(Info, { label: "They care about", ink, muted, children: analysis.employerPriorities.map((p) => /* @__PURE__ */ jsxs(Text, { style: {
+            color: ink,
+            fontSize: 13,
+            lineHeight: 18
+          }, children: [
+            "\xB7 ",
+            p
+          ] }, p)) }),
+          /* @__PURE__ */ jsx(Info, { label: "Your strongest evidence", ink, muted, children: analysis.strongestEvidence.map((p) => /* @__PURE__ */ jsxs(Text, { style: {
+            color: ink,
+            fontSize: 13,
+            lineHeight: 18
+          }, children: [
+            "\xB7 ",
+            p
+          ] }, p)) }),
+          /* @__PURE__ */ jsx(Info, { label: "Honest gaps", ink, muted, children: analysis.gaps.map((p) => /* @__PURE__ */ jsxs(Text, { style: {
+            color: ink,
+            fontSize: 13,
+            lineHeight: 18
+          }, children: [
+            "\xB7 ",
+            p
+          ] }, p)) }),
+          analysis.visaNotes ? /* @__PURE__ */ jsx(Info, { label: "Visa notes", ink, muted, children: analysis.visaNotes }) : null,
+          app.jdUrl ? /* @__PURE__ */ jsx(Pressable, { onPress: () => void Linking.openURL(app.jdUrl), children: /* @__PURE__ */ jsx(Text, { style: {
+            color: accent,
+            fontWeight: "700",
+            fontSize: 12
+          }, children: "Job description \u2197" }) }) : null
+        ] }) : /* @__PURE__ */ jsx(Text, { style: {
+          color: muted
+        }, children: "No analysis captured for this application." }),
+        app.notes ? /* @__PURE__ */ jsx(Info, { label: "Notes", ink, muted, children: app.notes }) : null
+      ] }),
+      /* @__PURE__ */ jsxs(View, { style: [styles.section, {
+        borderColor: border
+      }], children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.sectionTitle, {
+          color: muted
+        }], children: "Application package" }),
+        pkg ? /* @__PURE__ */ jsxs(View, { style: {
+          gap: 10
+        }, children: [
+          ((_j = pkg.whyIFit) == null ? void 0 : _j.length) ? /* @__PURE__ */ jsx(Info, { label: "Why I fit (form bullets)", ink, muted, children: pkg.whyIFit.map((b) => /* @__PURE__ */ jsxs(Text, { style: {
+            color: ink,
+            fontSize: 13,
+            lineHeight: 18
+          }, children: [
+            "\xB7 ",
+            b
+          ] }, b)) }) : null,
+          pkg.linkedinDm ? /* @__PURE__ */ jsx(Info, { label: "LinkedIn DM (\u226460 words)", ink, muted, children: /* @__PURE__ */ jsx(View, { style: [styles.quote, {
+            backgroundColor: chip
+          }], children: /* @__PURE__ */ jsx(Text, { style: {
+            color: ink,
+            fontSize: 13,
+            lineHeight: 18
+          }, children: pkg.linkedinDm }) }) }) : null,
+          pkg.coverLetter ? /* @__PURE__ */ jsx(Info, { label: "Cover letter", ink, muted, children: /* @__PURE__ */ jsx(View, { style: [styles.quote, {
+            borderColor: border,
+            borderWidth: 1
+          }], children: /* @__PURE__ */ jsx(Text, { style: {
+            color: ink,
+            fontSize: 13,
+            lineHeight: 18
+          }, children: pkg.coverLetter }) }) }) : null,
+          pkg.resumeMarkdown ? /* @__PURE__ */ jsx(Info, { label: "Tailored resume (markdown)", ink, muted, children: /* @__PURE__ */ jsx(View, { style: [styles.quote, {
+            borderColor: border,
+            borderWidth: 1,
+            maxHeight: 280
+          }], children: /* @__PURE__ */ jsx(ScrollView, { nestedScrollEnabled: true, children: /* @__PURE__ */ jsx(Text, { style: {
+            color: ink,
+            fontSize: 12,
+            lineHeight: 17
+          }, children: pkg.resumeMarkdown }) }) }) }) : null,
+          /* @__PURE__ */ jsxs(View, { style: styles.linkRow, children: [
+            pkg.resumeUrl ? /* @__PURE__ */ jsx(Pressable, { onPress: () => void Linking.openURL(pkg.resumeUrl), children: /* @__PURE__ */ jsx(Text, { style: {
+              color: accent,
+              fontSize: 12,
+              fontWeight: "700"
+            }, children: "resume.md \u2197" }) }) : null,
+            pkg.resumeHtmlUrl ? /* @__PURE__ */ jsx(Pressable, { onPress: () => void Linking.openURL(pkg.resumeHtmlUrl), children: /* @__PURE__ */ jsx(Text, { style: {
+              color: accent,
+              fontSize: 12,
+              fontWeight: "700"
+            }, children: "resume.html \u2197" }) }) : null,
+            pkg.coverLetterUrl ? /* @__PURE__ */ jsx(Pressable, { onPress: () => void Linking.openURL(pkg.coverLetterUrl), children: /* @__PURE__ */ jsx(Text, { style: {
+              color: accent,
+              fontSize: 12,
+              fontWeight: "700"
+            }, children: "cover-letter.md \u2197" }) }) : null
+          ] })
+        ] }) : /* @__PURE__ */ jsx(Text, { style: {
+          color: muted
+        }, children: "No package yet \u2014 run Tailor & apply from a job card, or ask the agent to tailor this role." })
+      ] })
+    ] })
+  ] });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    flexWrap: "wrap"
+  },
+  headerTitle: {
+    fontSize: 15,
+    fontWeight: "800"
+  },
+  headerCount: {
+    fontSize: 12,
+    fontWeight: "600"
+  },
+  warnPill: {
+    borderRadius: 999,
+    paddingHorizontal: 8,
+    paddingVertical: 3
+  },
+  refreshBtn: {
+    marginLeft: "auto",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    borderWidth: 1,
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 6
+  },
+  refreshText: {
+    fontSize: 12,
+    fontWeight: "700"
+  },
+  list: {
+    padding: 16,
+    gap: 10,
+    paddingBottom: 24
+  },
+  empty: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 24,
+    gap: 10
+  },
+  emptyTitle: {
+    fontSize: 16,
+    fontWeight: "800"
+  },
+  row: {
+    borderWidth: 1,
+    borderRadius: 16,
+    padding: 14,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  rowCompany: {
+    fontSize: 15,
+    fontWeight: "800"
+  },
+  rowRole: {
+    fontSize: 13
+  },
+  rowMeta: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: 6,
+    marginTop: 2
+  },
+  badge: {
+    borderRadius: 999,
+    paddingHorizontal: 8,
+    paddingVertical: 3
+  },
+  badgeText: {
+    fontSize: 11,
+    fontWeight: "700"
+  },
+  footer: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    fontSize: 11,
+    lineHeight: 15
+  },
+  detailHeader: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  backBtn: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    borderWidth: 1,
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 6
+  },
+  detailCompany: {
+    fontSize: 16,
+    fontWeight: "800"
+  },
+  detailBody: {
+    padding: 14,
+    gap: 14,
+    paddingBottom: 40
+  },
+  statusRow: {
+    gap: 6
+  },
+  statusChip: {
+    borderRadius: 999,
+    paddingHorizontal: 10,
+    paddingVertical: 6
+  },
+  statusChipText: {
+    fontSize: 11,
+    fontWeight: "700"
+  },
+  actionsWrap: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 8
+  },
+  actionChip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 4,
+    borderWidth: 1,
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 8
+  },
+  actionChipText: {
+    fontSize: 12,
+    fontWeight: "700"
+  },
+  disabled: {
+    opacity: 0.4
+  },
+  noteBanner: {
+    borderRadius: 12,
+    padding: 10
+  },
+  applyPanel: {
+    borderWidth: 1,
+    borderRadius: 14,
+    padding: 12,
+    gap: 6
+  },
+  applyTop: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: 6
+  },
+  applyTitle: {
+    fontSize: 12,
+    fontWeight: "800"
+  },
+  panelCard: {
+    borderWidth: 1,
+    borderRadius: 14,
+    padding: 12,
+    gap: 8
+  },
+  panelHead: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: 6
+  },
+  panelTitle: {
+    fontSize: 12,
+    fontWeight: "800"
+  },
+  section: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+    paddingTop: 14,
+    gap: 10
+  },
+  sectionTitle: {
+    fontSize: 11,
+    fontWeight: "800",
+    letterSpacing: 0.6,
+    textTransform: "uppercase"
+  },
+  infoBlock: {
+    gap: 4
+  },
+  infoLabel: {
+    fontSize: 11,
+    fontWeight: "700",
+    letterSpacing: 0.4,
+    textTransform: "uppercase"
+  },
+  pillRow: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6
+  },
+  pill: {
+    borderRadius: 999,
+    paddingHorizontal: 8,
+    paddingVertical: 3
+  },
+  quote: {
+    borderRadius: 10,
+    padding: 10
+  },
+  linkRow: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 12
+  }
+});export{ApplicationsPanel};//# sourceMappingURL=ApplicationsPanel.js.map