npm - pcm-agents - Versions diffs - 1.0.13 → 1.0.15-beta.0 - Mend

pcm-agents 1.0.13 → 1.0.15-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (292) hide show

package/dist/pcm-agents/p-625e9780.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as e,g as i,h as o}from"./p-Bq0K-WqZ.js";import{a as n,c as s,v as a,s as r}from"./p-ByEgYF-N.js";import{E as l}from"./p-C0FYX2-Z.js";import{S as c}from"./p-rxXtS1Gd.js";import{f as d}from"./p-DNAYpcs3.js";import"./p-Bs-zO1WZ.js";const p="职位生成";const h="职位需求信息";const u="切换输入";const g="职位名称";const b="请输入职位名称";const f="";const x="下一步";const m="上一步";const v="生成JD";const w="处理中...";const y="AI 正在分析职位信息";const k="请稍候...";const j="AI 推荐标签";const C="月薪范围";const z="福利待遇";const I="学历要求";const S="JD信息";const T="请按照下方提示格式输入职位需求信息";const F="输入格式参考:";const D={jobTitle:"• 职位名称 - 明确定义职位的名称",salary:"• 薪资范围 - 明确该岗位的月薪或年薪",benefits:"• 福利待遇 - 该职位的福利待遇,如:五险一金、年休假、下午茶等",responsibilities:"• 工作职责 - 描述工作内容",qualifications:"• 任职资格 - 包括学历、经验和技术要求",location:"• 工作地点与性质 - 全职/兼职、远程/办公室"};const E="所有内容均由AI生成仅供参考";const _="中央网信办生成式人工智能服务备案号";const B="Hunan-PinCaiMao-202412310003";const P="正在加载对话...";const R={"3k_5k":"3k-5k","5k_8k":"5k-8k","8k_12k":"8k-12k","12k_15k":"12k-15k","15k_20k":"15k-20k",above_20k:"20k以上"};const A={insurance:"五险一金",bonus:"年终奖",paidLeave:"带薪年假",overtimePay:"加班补贴",mealAllowance:"餐补",transportAllowance:"交通补贴",holidayBenefits:"节日福利",teamBuilding:"团队建设"};const N={college:"大专",bachelor:"本科",master:"硕士",doctor:"博士",noLimit:"学历不限"};const q="历史会话";const J={loading:"加载中...",noHistory:"暂无历史会话"};const L={enterJobName:"请输入职位名称",enterJobInfo:"请输入职位需求信息"};const H={jobName:"职位名称",salaryRange:"薪资范围",benefits:"福利待遇",education:"学历要求"};var M={modalTitle:p,jobRequirementInfo:h,toggleInput:u,jobName:g,jobNamePlaceholder:b,required:f,nextStep:x,prevStep:m,generateJD:v,processing:w,aiAnalyzing:y,pleaseWait:k,aiRecommendedTags:j,salaryRange:C,benefits:z,education:I,jdInfo:S,jdInfoPlaceholder:T,inputGuideTitle:F,inputGuide:D,aiDisclaimer:E,beianLabel:_,beianNumber:B,loadingConversation:P,salaryRanges:R,benefitsList:A,educationList:N,historyConversations:q,history:J,alerts:L,jobInfoFields:H};const O="Job Description Generator";const $="Job Requirement Information";const G="Toggle Input";const W="Job Title";const V="Please enter job title";const Y="";const Q="Next Step";const X="Previous Step";const Z="Generate JD";const U="Processing...";const K="AI is analyzing job information";const tt="Please wait...";const et="AI Recommended Tags";const it="Monthly Salary Range";const ot="Benefits";const nt="Education Requirements";const st="JD Information";const at="Please enter job requirement information according to the format below";const rt="Input Format Reference:";const lt={jobTitle:"• Job Title - Clearly define the position name",salary:"• Salary Range - Specify monthly or annual salary for this position",benefits:"• Benefits - Benefits for this position, such as: five insurances and one fund, annual leave, afternoon tea, etc.",responsibilities:"• Job Responsibilities - Describe the work content",qualifications:"• Qualifications - Including education, experience and technical requirements",location:"• Location & Nature - Full-time/Part-time, Remote/Office"};const ct="All content is AI-generated and for reference only";const dt="Cyberspace Administration of China Generative AI Service Registration Number";const pt="Hunan-PinCaiMao-202412310003";const ht="Loading conversation...";const ut={"3k_5k":"3k-5k","5k_8k":"5k-8k","8k_12k":"8k-12k","12k_15k":"12k-15k","15k_20k":"15k-20k",above_20k:"20k+"};const gt={insurance:"Five insurances and one fund",bonus:"Year-end bonus",paidLeave:"Paid annual leave",overtimePay:"Overtime allowance",mealAllowance:"Meal allowance",transportAllowance:"Transport allowance",holidayBenefits:"Holiday benefits",teamBuilding:"Team building"};const bt={college:"College",bachelor:"Bachelor",master:"Master",doctor:"Doctor",noLimit:"No limit"};const ft="History";const xt={loading:"Loading...",noHistory:"No history conversations"};const mt={enterJobName:"Please enter job title",enterJobInfo:"Please enter job requirement information"};const vt={jobName:"Job Title",salaryRange:"Salary Range",benefits:"Benefits",education:"Education Requirements"};var wt={modalTitle:O,jobRequirementInfo:$,toggleInput:G,jobName:W,jobNamePlaceholder:V,required:Y,nextStep:Q,prevStep:X,generateJD:Z,processing:U,aiAnalyzing:K,pleaseWait:tt,aiRecommendedTags:et,salaryRange:it,benefits:ot,education:nt,jdInfo:st,jdInfoPlaceholder:at,inputGuideTitle:rt,inputGuide:lt,aiDisclaimer:ct,beianLabel:dt,beianNumber:pt,loadingConversation:ht,salaryRanges:ut,benefitsList:gt,educationList:bt,historyConversations:ft,history:xt,alerts:mt,jobInfoFields:vt};const yt=".input-mode-toggle{display:flex;align-items:center;margin-bottom:16px}.input-mode-toggle span{color:#333;margin-right:12px}.toggle-button{display:flex;align-items:center;background:none;border:none;color:#2E6EDF;cursor:pointer;font-size:14px;padding:4px 8px}.toggle-button svg{margin-right:4px}.toggle-button:disabled{opacity:0.5;cursor:not-allowed}.structured-input{width:100%}.job-name-input{margin-bottom:20px}.job-name-input label{display:block;margin-bottom:8px;font-weight:500;color:#333}.job-name-input input{width:95%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#f9f9f9}.job-name-input input:focus{outline:none;border-color:#2E6EDF;box-shadow:0 0 0 2px rgba(46, 110, 223, 0.2)}.required{color:#f56c6c}.button-container{display:flex;justify-content:center;margin-top:24px;gap:12px;max-width:100%;box-sizing:border-box;flex-wrap:wrap}.next-button{background-color:#2E6EDF;color:white}.next-button:hover{background-color:#2457b8}.next-button:disabled{background-color:#a0c0e8;cursor:not-allowed}.prev-button{background-color:#f0f0f0 !important;color:#333 !important}.prev-button:hover{background-color:#e0e0e0}.tag-selection{width:100%}.tag-selection-content{width:100%}.section-title{font-weight:600;color:#333;margin-bottom:12px;font-size:16px}.ai-tags-section,.basic-tags-section{margin-bottom:24px}.tag-group{margin-bottom:16px}.tag-title{color:#555;margin-bottom:8px;font-weight:500}.tag-container{display:flex;flex-wrap:wrap;gap:8px;max-width:100%;box-sizing:border-box}.tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:4px;background-color:#f5f5f5;border:1px solid #e0e0e0;color:#333;font-size:13px;cursor:pointer;transition:all 0.2s;max-width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag:hover{background-color:#e8e8e8}.tag-selected{background-color:#e6f0ff;border-color:#2E6EDF;color:#2E6EDF}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;background-color:#f9f9f9;border-radius:8px;margin:20px 0;max-width:100%;box-sizing:border-box}.loading-spinner{width:40px;height:40px;border:3px solid rgba(46, 110, 223, 0.2);border-radius:50%;border-top-color:#2E6EDF;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{text-align:center;color:#333;font-weight:500}.loading-subtext{color:#888;font-size:14px;margin-top:4px}.free-input{width:100%}.textarea-container{margin-bottom:16px}.textarea-container label{display:block;margin-bottom:8px;font-weight:500;color:#333}.textarea-container textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;resize:vertical;background-color:#f9f9f9;min-height:150px;width:100%;padding:12px 16px;margin-bottom:20px;max-width:100%;box-sizing:border-box;word-wrap:break-word}.textarea-container textarea:focus{outline:none;border-color:#2E6EDF;box-shadow:0 0 0 2px rgba(46, 110, 223, 0.2)}.voice-textarea-wrapper{position:relative}.voice-textarea-wrapper textarea{padding-bottom:52px}.voice-input-entry{position:absolute;right:12px;bottom:32px;z-index:1}.input-guide{background-color:#f5f7fa;border-radius:4px;padding:12px 16px;margin-bottom:20px;max-width:100%;box-sizing:border-box;word-wrap:break-word}.guide-title{font-weight:500;color:#333;margin-bottom:8px}.guide-content{color:#666;font-size:13px;max-width:100%;word-wrap:break-word}.guide-content div{margin-bottom:4px}@media (max-width: 768px){.tag-container{gap:7px}.tag{padding:4px 8px;font-size:12px}}@media (max-width: 480px){.button-container{flex-direction:column;align-items:center}.next-button,.prev-button,.submit-button{width:100%;margin-bottom:8px}.tag{max-width:calc(50% - 8px)}}.tag-selection,.tag-selection-content,.ai-tags-section,.basic-tags-section,.structured-input,.free-input{max-width:100%;box-sizing:border-box}";const kt='.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;z-index:1000;overflow-y:auto}.fullscreen-overlay{padding:0;background-color:rgba(0, 0, 0, 0.7);position:absolute;width:100%;height:auto}.modal-container{background-color:#fff;border-radius:8px;width:100%;display:flex;flex-direction:column;position:relative;margin:3vh auto auto auto;transition:all 0.3s ease-out;overflow:hidden}.modal-container.fullscreen{width:100%;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;max-height:100%}.pc-layout{width:80%;max-width:600px;min-width:320px}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:10px 0px 0px 0px}.modal-container.fullscreen{width:100%;height:100%;max-height:100%;border-radius:16px 16px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;height:50px;border-bottom:1px solid #e8e8e8;flex-shrink:0}.header-left{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#333}.header-icon{width:24px;height:24px}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}.close-button:hover{background-color:rgba(0, 0, 0, 0.04)}.close-button span{font-size:24px;line-height:1;color:#999}.close-button:hover span{color:#666}.upload-area{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px;cursor:pointer}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px;text-align:center;white-space:normal;word-wrap:break-word;word-break:break-all;line-height:1.4}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s;min-width:30px;min-height:30px}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background:linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;overflow-y:auto}.input-container h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#333;text-align:center}.jd-input-section{margin-bottom:20px}.jd-input-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.job-description-textarea{width:calc(100% - 16px);border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}.job-description-textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.resume-upload-section{margin-bottom:20px;width:100%;display:flex;flex-direction:column}.resume-upload-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.interview-settings-section{margin-bottom:24px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.settings-row{margin-bottom:20px}.settings-row:last-child{margin-bottom:0}.settings-label{display:block;font-weight:500;color:#333;margin-bottom:12px;font-size:14px}.question-number-section{width:100%}.slider-container{display:flex;align-items:center;gap:12px}.question-slider{flex:1;height:6px;background:#ddd;outline:none;border-radius:3px;-webkit-appearance:none;appearance:none}.question-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.question-slider::-moz-range-thumb{width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.slider-value{font-weight:600;color:#0D75FB;font-size:14px;min-width:30px;text-align:center}.analysis-toggle-section{width:100%}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}input:checked+.toggle-slider{background-color:#0D75FB}input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-text{font-size:14px;color:#666;font-weight:500}.submit-button{margin-top:10px;padding:10px 30px;background:#0D75FB;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:400px;align-self:center}.submit-button:hover{background-color:#40a9ff}.submit-button:disabled{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.25);cursor:not-allowed}.ai-disclaimer{margin-top:16px;text-align:center;font-size:12px;color:#999;line-height:1.5}.ai-disclaimer p{margin:4px 0}.beian-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.ai-disclaimer a{color:#666;text-decoration:none;transition:color 0.2s ease}.ai-disclaimer a:hover{color:#1890ff;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--pcm-primary-color, #1890ff);animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:var(--pcm-text-color, #333)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.header-history-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:#bbb;cursor:pointer;font-size:13px;font-family:inherit;line-height:1;transition:all 0.2s ease;flex-shrink:0;white-space:nowrap}.header-history-button svg{width:16px;height:16px;display:block;flex-shrink:0}.header-history-button:hover{background-color:rgba(0, 0, 0, 0.04);color:#666}.header-history-button:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-drawer-content{height:100%;display:flex;flex-direction:column}.conversation-list{flex:1;overflow-y:auto;padding:8px 0}.loading-conversations,.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.loading-conversations .loading-spinner-small{margin-bottom:12px}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0 8px 4px 8px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent}.conversation-item:hover{background:#f5f5f5}.conversation-info{flex:1;min-width:0}.conversation-title{font-size:14px;font-weight:500;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#8c8c8c}.conversation-time{flex-shrink:0}.message-count{flex-shrink:0}.conversation-status{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.conversation-status.completed{background:#f6ffed;color:#52c41a}.conversation-status.running{background:#fff7e6;color:#fa8c16}.header-history-entry{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:4px 8px;border:none;border-radius:4px;background:#e6f7ff;color:#1890ff;cursor:pointer;font-size:12px;font-family:inherit;line-height:1;white-space:nowrap;transition:all 0.2s ease}.header-history-entry:hover{background:#bae7ff;color:#0958d9;transform:translateY(-1px)}.header-history-entry:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 16px;border-top:1px solid #f0f0f0}.history-pagination-button{min-width:72px;padding:6px 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#595959;cursor:pointer;font-size:12px;transition:all 0.2s ease}.history-pagination-button:hover:not(:disabled){border-color:#1890ff;color:#1890ff;background:#e6f7ff}.history-pagination-button:disabled{border-color:#f0f0f0;color:#bfbfbf;background:#fafafa;cursor:not-allowed}.history-pagination-info{flex:1;text-align:center;color:#8c8c8c;font-size:12px}';const jt=":host{font-size:16px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight:normal;font-style:normal;font-variant:normal;line-height:1.5;letter-spacing:normal;word-spacing:normal;color:#333;text-align:left;text-indent:0;text-transform:none;white-space:normal;word-wrap:normal;word-break:normal;visibility:visible;list-style:none;list-style-image:none;list-style-position:outside;list-style-type:disc;border-collapse:separate;border-spacing:0;caption-side:top;empty-cells:show;table-layout:auto;quotes:auto;cursor:auto;direction:ltr;orphans:2;widows:2;page-break-inside:auto;text-decoration:none;text-shadow:none;box-sizing:border-box;writing-mode:horizontal-tb;text-orientation:mixed}";const Ct=class{constructor(i){t(this,i);this.modalClosed=e(this,"modalClosed");this.streamComplete=e(this,"streamComplete");this.conversationStart=e(this,"conversationStart");this.interviewComplete=e(this,"interviewComplete");this.tokenInvalid=e(this,"tokenInvalid");this.someErrorEvent=e(this,"someErrorEvent")}modalTitle="职位生成";locale="zh";token;isOpen=false;modalClosed;icon;zIndex=1e3;isShowHeader=true;isNeedClose=true;conversationId;defaultQuery="请帮我生成职位信息";fullscreen=false;customInputs={};showWorkspaceHistory=false;showInputHistory=false;showSaveJdButton=false;saveJdButtonText="保存职位";streamComplete;conversationStart;interviewComplete;tokenInvalid;someErrorEvent;filePreviewMode="drawer";showChatModal=false;isHistoryDrawerOpen=false;historyConversations=[];isLoadingConversations=false;historyConversationCursorStack=[""];historyConversationPageIndex=0;hasMoreHistoryConversations=false;get hostElement(){return i(this)}strings;inputMode="structured";step="input";jobName="";freeInputText="";isLoading=false;isSubmitting=false;isVoiceInputActive=false;tagGroups=[];shuffledTagGroups=[];selectedAITags={};selectedTags={salary:"",benefits:[],education:""};tokenInvalidListener;removeErrorListener;_historyConversationPageSize=20;handleTokenChange(t){if(t&&t!==n.getToken()){n.setToken(t)}}async componentWillLoad(){this.strings=this.locale==="en"?wt:M;if(this.zIndex){s.setItem("modal-zIndex",this.zIndex)}if(this.token){n.setToken(this.token)}a(this.token);this.tokenInvalidListener=()=>{this.tokenInvalid.emit()};this.removeErrorListener=l.addErrorListener((t=>{this.someErrorEvent.emit(t)}));document.addEventListener("pcm-token-invalid",this.tokenInvalidListener)}disconnectedCallback(){document.removeEventListener("pcm-token-invalid",this.tokenInvalidListener);if(this.removeErrorListener){this.removeErrorListener()}}getSalaryRanges(){return[{text:this.strings.salaryRanges["3k_5k"],value:"3k_5k"},{text:this.strings.salaryRanges["5k_8k"],value:"5k_8k"},{text:this.strings.salaryRanges["8k_12k"],value:"8k_12k"},{text:this.strings.salaryRanges["12k_15k"],value:"12k_15k"},{text:this.strings.salaryRanges["15k_20k"],value:"15k_20k"},{text:this.strings.salaryRanges.above_20k,value:"above_20k"}]}getBenefits(){return[{text:this.strings.benefitsList.insurance,value:"五险一金"},{text:this.strings.benefitsList.bonus,value:"年终奖"},{text:this.strings.benefitsList.paidLeave,value:"带薪年假"},{text:this.strings.benefitsList.overtimePay,value:"加班补贴"},{text:this.strings.benefitsList.mealAllowance,value:"餐补"},{text:this.strings.benefitsList.transportAllowance,value:"交通补贴"},{text:this.strings.benefitsList.holidayBenefits,value:"节日福利"},{text:this.strings.benefitsList.teamBuilding,value:"团队建设"}]}getEducationRequirements(){return[{text:this.strings.educationList.college,value:"大专"},{text:this.strings.educationList.bachelor,value:"本科"},{text:this.strings.educationList.master,value:"硕士"},{text:this.strings.educationList.doctor,value:"博士"},{text:this.strings.educationList.noLimit,value:"学历不限"}]}handleClose=()=>{this.modalClosed.emit()};loadHistoryConversations=async(t,e)=>{this.isLoadingConversations=true;const i=await d(this.getBotId(),"pcm-jd-modal",t,this._historyConversationPageSize);const o=this.historyConversationCursorStack.slice(0,e+1);if(i.hasMore&&i.nextCursor){o[e+1]=i.nextCursor}this.historyConversationCursorStack=o;this.historyConversationPageIndex=e;this.historyConversations=i.items;this.hasMoreHistoryConversations=i.hasMore;this.isLoadingConversations=false};handleInputHistoryClick=async()=>{this.isHistoryDrawerOpen=true;this.historyConversationCursorStack=[""];await this.loadHistoryConversations("",0)};handleHistoryConversationPageChange=async t=>{if(t==="prev"){if(this.historyConversationPageIndex===0){return}const t=this.historyConversationPageIndex-1;const e=this.historyConversationCursorStack[t]\|\|"";await this.loadHistoryConversations(e,t);return}if(!this.hasMoreHistoryConversations){return}const e=this.historyConversationPageIndex+1;const i=this.historyConversationCursorStack[e];if(!i){return}await this.loadHistoryConversations(i,e)};handleSelectConversation=t=>{this.conversationId=t;this.isHistoryDrawerOpen=false;this.showChatModal=true};handleToggleInput=()=>{if(this.isVoiceInputActive)return;this.inputMode=this.inputMode==="structured"?"free":"structured"};handleJobNameChange=t=>{const e=t.target;this.jobName=e.value};handleFreeInputChange=t=>{const e=t.target;this.freeInputText=e.value};handleVoiceRecognized=t=>{const e=this.hostElement.shadowRoot?.querySelector("#free-input-text");const i=e?.selectionStart??this.freeInputText.length;const o=this.freeInputText.substring(0,i);const n=this.freeInputText.substring(i);const s=o.length>0&&!/\s$/.test(o)?" ":"";this.freeInputText=`${o}${s}${t.detail}${n}`;requestAnimationFrame((()=>{if(!e)return;const o=i+s.length+t.detail.length;e.focus();e.setSelectionRange(o,o)}))};handleVoiceStatusChange=t=>{this.isVoiceInputActive=t.detail!=="idle"};handleVoiceInputError=t=>{this.someErrorEvent.emit(t.detail)};handleNextStep=async()=>{if(!this.jobName.trim()){alert(this.strings.alerts.enterJobName);return}this.step="review";await this.handlePositionAnalysis(this.jobName)};handlePrevStep=()=>{this.step="input"};async handlePositionAnalysis(t){if(!t.trim())return;this.isLoading=true;try{const e=await r({url:"/sdk/v1/chat/workflow/block-run",method:"POST",data:{inputs:{input_info:t,locale:this.locale},bot_id:"59322522667307008",workflow_code:"generate_jd_tags"}});if(e.success&&e.data?.data.outputs?.text){try{let t=e.data.data.outputs.text.trim();const i=t.match(/```json\s([\s\S]?)\s```/);if(i){t=i[1].trim()}const o=JSON.parse(t);this.tagGroups=o.tagGroup\|\|[];const n={};const s=(o.tagGroup\|\|[]).map((t=>{const e=[...t.defaultTags\|\|[],...t.optionalTags\|\|[]];for(let t=e.length-1;t>0;t--){const i=Math.floor(Math.random()(t+1));[e[t],e[i]]=[e[i],e[t]]}if(t.defaultTags&&t.defaultTags.length>0){n[t.dimensionName]=[...t.defaultTags]}return{dimensionName:t.dimensionName,tags:e}}));this.shuffledTagGroups=s;this.selectedAITags=n}catch(t){c.captureError(t,{action:"handlePositionAnalysis",component:"pcm-jd-modal",title:"解析前置标签时错误"});this.someErrorEvent.emit({error:t,message:"解析前置标签时错误"})}}}catch(t){console.error("工作流运行错误:",t)}finally{this.isLoading=false}}handleTagClick=(t,e)=>{if(t==="benefits"){const t=[...this.selectedTags.benefits];const i=t.includes(e)?t.filter((t=>t!==e)):[...t,e];this.selectedTags={...this.selectedTags,benefits:i}}else{this.selectedTags={...this.selectedTags,[t]:this.selectedTags[t]===e?"":e}}};handleAITagClick=(t,e)=>{const i=this.selectedAITags[t]\|\|[];const o=i.includes(e)?i.filter((t=>t!==e)):[...i,e];this.selectedAITags={...this.selectedAITags,[t]:o}};handleSubmitStructured=async()=>{this.isSubmitting=true;try{let t="";if(this.selectedTags.salary){const e=this.getSalaryRanges().find((t=>t.value===this.selectedTags.salary));if(e){t=e.text}}const e=this.selectedTags.benefits.join("、");let i="";if(this.selectedTags.education){const t=this.getEducationRequirements().find((t=>t.value===this.selectedTags.education));if(t){i=t.text}}let o=`${this.strings.jobInfoFields.jobName}：${this.jobName}\n`;if(t){o+=`${this.strings.jobInfoFields.salaryRange}：${t}\n`}if(e){o+=`${this.strings.jobInfoFields.benefits}：${e}\n`}if(i){o+=`${this.strings.jobInfoFields.education}：${i}\n`}Object.entries(this.selectedAITags).forEach((([t,e])=>{if(e.length>0){o+=`${t}：${e.join("、")}\n`}}));this.showChatModal=true;this.jobDescription=o}catch(t){console.error("提交结构化数据时出错:",t);c.captureError(t,{action:"handleSubmitStructured",component:"pcm-jd-modal",title:"提交数据时出错"});this.someErrorEvent.emit({error:t,message:"提交数据时出错，请重试"})}finally{this.isSubmitting=false}};handleSubmitFree=async()=>{if(!this.freeInputText.trim()){alert(this.strings.alerts.enterJobInfo);return}this.isSubmitting=true;try{this.jobDescription=this.freeInputText;this.showChatModal=true}catch(t){console.error("提交自由输入数据时出错:",t);c.captureError(t,{action:"handleSubmitFree",component:"pcm-jd-modal",title:"提交数据时出错"});this.someErrorEvent.emit({error:t,message:"提交数据时出错，请重试"})}finally{this.isSubmitting=false}};jobDescription="";getBotId(){const t=this.locale\|\|this.hostElement?.lang\|\|"zh";const e={zh:"3022316191018873",en:"8164748078835713"};return e[t]\|\|e["zh"]}async handleIsOpenChange(t){if(!t){this.showChatModal=false;this.jobDescription="";this.jobName="";this.freeInputText="";this.isVoiceInputActive=false;this.step="input";this.inputMode="structured";this.tagGroups=[];this.shuffledTagGroups=[];this.selectedAITags={};this.selectedTags={salary:"",benefits:[],education:""}}else{if(this.customInputs&&this.customInputs.job_info){this.jobDescription=this.customInputs.job_info;this.inputMode="free";this.freeInputText=this.customInputs.job_info}await a(this.token);if(this.conversationId){this.showChatModal=true}}}renderTagGroup(t,e,i){return o("div",{class:"tag-group"},o("div",{class:"tag-title"},t),o("div",{class:"tag-container"},e.map((t=>{const e=i==="benefits"?this.selectedTags.benefits.includes(t.value):this.selectedTags[i]===t.value;return o("div",{class:{tag:true,"tag-selected":e},onClick:()=>this.handleTagClick(i,t.value)},t.text)}))))}renderAITagGroups(){return o("div",{class:"ai-tag-groups"},this.shuffledTagGroups.map((t=>o("div",{class:"tag-group"},o("div",{class:"tag-title"},t.dimensionName),o("div",{class:"tag-container"},t.tags.map((e=>{const i=(this.selectedAITags[t.dimensionName]\|\|[]).includes(e);return o("div",{class:{tag:true,"tag-selected":i},onClick:()=>this.handleAITagClick(t.dimensionName,e)},e)})))))))}renderLoadingState(){return o("div",{class:"loading-container"},o("div",{class:"loading-spinner"}),o("div",{class:"loading-text"},o("div",null,this.strings.aiAnalyzing),o("div",{class:"loading-subtext"},this.strings.pleaseWait)))}render(){if(!this.isOpen)return null;const t={zIndex:String(this.zIndex)};const e={"modal-container":true,fullscreen:this.fullscreen,"pc-layout":true};const i={"modal-overlay":true,"fullscreen-overlay":this.fullscreen};const n=this.conversationId&&!this.showChatModal;return o("div",{class:i,style:t},o("div",{class:e},this.isShowHeader&&o("div",{class:"modal-header"},o("div",{class:"header-left"},this.icon&&o("img",{src:this.icon,class:"header-icon",alt:"应用图标"}),o("div",null,this.modalTitle),this.showInputHistory&&o("button",{type:"button",class:"header-history-entry",onClick:this.handleInputHistoryClick,title:this.strings?.historyConversations},this.strings?.historyConversations)),this.isNeedClose&&o("button",{class:"close-button",onClick:this.handleClose},o("span",null,"×"))),this.showInputHistory&&o("components-drawer",{isOpen:this.isHistoryDrawerOpen,drawerTitle:this.strings?.historyConversations,width:"400px",onClosed:()=>{this.isHistoryDrawerOpen=false}},o("div",{class:"history-drawer-content"},o("div",{class:"conversation-list"},this.isLoadingConversations?o("div",{class:"loading-conversations"},o("div",{class:"loading-spinner-small"}),o("p",null,this.strings?.history?.loading)):this.historyConversations.length===0?o("div",{class:"empty-conversations"},o("p",null,this.strings?.history?.noHistory)):this.historyConversations.map((t=>o("div",{key:t.id,class:"conversation-item",onClick:()=>this.handleSelectConversation(t.id)},o("div",{class:"conversation-info"},o("div",{class:"conversation-title"},t.name),o("div",{class:"conversation-meta"},o("span",{class:"conversation-time"},t.timeDisplay),t.message_count>0&&o("span",{class:"message-count"},t.message_count,"条消息"),t.status&&o("span",{class:{"conversation-status":true,completed:t.status==="结束",running:t.status==="进行中"}},t.status))))))),!this.isLoadingConversations&&(this.historyConversationPageIndex>0\|\|this.hasMoreHistoryConversations)&&o("div",{class:"history-pagination"},o("button",{type:"button",class:"history-pagination-button",disabled:this.historyConversationPageIndex===0,onClick:()=>this.handleHistoryConversationPageChange("prev")},"上一页"),o("span",{class:"history-pagination-info"},"第 ",this.historyConversationPageIndex+1," 页"),o("button",{type:"button",class:"history-pagination-button",disabled:!this.hasMoreHistoryConversations,onClick:()=>this.handleHistoryConversationPageChange("next")},"下一页")))),!this.showChatModal&&!this.conversationId&&true&&o("div",{class:"input-container"},o("div",{class:"input-mode-toggle"},o("span",null,this.strings.jobRequirementInfo),o("button",{class:"toggle-button",onClick:this.handleToggleInput,disabled:this.isLoading\|\|this.isVoiceInputActive},o("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor"},o("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 6h16M4 12h16M4 18h16"})),this.strings.toggleInput)),this.inputMode==="structured"&&o("div",{class:"structured-input"},this.step==="input"&&o("div",{class:"job-name-input"},o("label",{htmlFor:"job-name"},this.strings.jobName," ",o("span",{class:"required"},this.strings.required)),o("input",{id:"job-name",type:"text",placeholder:this.strings.jobNamePlaceholder,value:this.jobName,onInput:this.handleJobNameChange,disabled:this.isLoading}),o("div",{class:"button-container"},o("button",{class:"submit-button next-button",onClick:this.handleNextStep,disabled:!this.jobName.trim()\|\|this.isLoading},this.strings.nextStep))),this.step==="review"&&o("div",{class:"tag-selection"},this.isLoading?this.renderLoadingState():o("div",{class:"tag-selection-content"},this.tagGroups.length>0&&o("div",{class:"ai-tags-section"},o("div",{class:"section-title"},this.strings.aiRecommendedTags),this.renderAITagGroups()),this.tagGroups.length>0&&o("div",{class:"basic-tags-section"},this.renderTagGroup(this.strings.salaryRange,this.getSalaryRanges(),"salary"),this.renderTagGroup(this.strings.benefits,this.getBenefits(),"benefits"),this.renderTagGroup(this.strings.education,this.getEducationRequirements(),"education")),o("div",{class:"button-container"},o("button",{class:"submit-button prev-button",onClick:this.handlePrevStep},this.strings.prevStep),o("button",{class:"submit-button",onClick:this.handleSubmitStructured,disabled:this.isSubmitting},this.isSubmitting?this.strings.processing:this.strings.generateJD))))),this.inputMode==="free"&&o("div",{class:"free-input"},o("div",{class:"textarea-container"},o("label",{htmlFor:"free-input-text"},this.strings.jdInfo," ",o("span",{class:"required"},this.strings.required)),o("div",{class:"voice-textarea-wrapper"},o("textarea",{id:"free-input-text",placeholder:this.strings.jdInfoPlaceholder,rows:8,value:this.freeInputText,onInput:this.handleFreeInputChange,disabled:this.isVoiceInputActive}),o("div",{class:"voice-input-entry"},o("components-voice-input-btn",{locale:this.locale==="en"?"en":"zh",disabled:this.isSubmitting,onVoiceRecognized:this.handleVoiceRecognized,onVoiceStatusChange:this.handleVoiceStatusChange,onSomeErrorEvent:this.handleVoiceInputError})))),o("div",{class:"input-guide"},o("div",{class:"guide-title"},this.strings.inputGuideTitle),o("div",{class:"guide-content"},o("div",null,this.strings.inputGuide.jobTitle),o("div",null,this.strings.inputGuide.salary),o("div",null,this.strings.inputGuide.benefits),o("div",null,this.strings.inputGuide.responsibilities),o("div",null,this.strings.inputGuide.qualifications),o("div",null,this.strings.inputGuide.location))),o("div",{class:"button-container"},o("button",{class:"submit-button",onClick:this.handleSubmitFree,disabled:!this.freeInputText.trim()\|\|this.isSubmitting\|\|this.isVoiceInputActive},this.isSubmitting?this.strings.processing:this.strings.generateJD))),o("div",{class:"ai-disclaimer"},o("p",null,this.strings.aiDisclaimer),o("p",{class:"beian-info"},o("span",null,this.strings.beianLabel),"：",o("a",{href:"https://www.pincaimao.com",target:"_blank",rel:"noopener noreferrer"},this.strings.beianNumber)))),n&&o("div",{class:"loading-container"},o("div",{class:"loading-spinner"}),o("p",{class:"loading-text"},this.strings.loadingConversation)),this.showChatModal&&o("div",null,o("pcm-app-chat-modal",{locale:this.locale,isOpen:true,modalTitle:this.modalTitle,icon:this.icon,isShowHeader:this.isShowHeader,isNeedClose:this.isNeedClose,fullscreen:this.fullscreen,showWorkspaceHistory:this.showWorkspaceHistory,botId:this.getBotId(),conversationId:this.conversationId,defaultQuery:this.defaultQuery,filePreviewMode:this.filePreviewMode,customInputs:{...this.customInputs,job_info:this.customInputs?.job_info\|\|this.jobDescription},interviewMode:"text",showSaveJdButton:this.showSaveJdButton,saveJdButtonText:this.saveJdButtonText}))))}static get watchers(){return{token:["handleTokenChange"],isOpen:["handleIsOpenChange"]}}};Ct.style=yt+(kt+jt);export{Ct as pcm_jd_modal};
2	+ //# sourceMappingURL=p-625e9780.entry.js.map

package/dist/pcm-agents/p-625e9780.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["pcmJdModalCss","globalCss","hostCss","PcmJdModal","modalTitle","locale","token","isOpen","modalClosed","icon","zIndex","isShowHeader","isNeedClose","conversationId","defaultQuery","fullscreen","customInputs","showWorkspaceHistory","showInputHistory","showSaveJdButton","saveJdButtonText","streamComplete","conversationStart","interviewComplete","tokenInvalid","someErrorEvent","filePreviewMode","showChatModal","isHistoryDrawerOpen","historyConversations","isLoadingConversations","historyConversationCursorStack","historyConversationPageIndex","hasMoreHistoryConversations","strings","inputMode","step","jobName","freeInputText","isLoading","isSubmitting","isVoiceInputActive","tagGroups","shuffledTagGroups","selectedAITags","selectedTags","salary","benefits","education","tokenInvalidListener","removeErrorListener","_historyConversationPageSize","handleTokenChange","newToken","authStore","getToken","setToken","componentWillLoad","this","stringsEn","stringsZh","configStore","setItem","verifyApiKey","emit","ErrorEventBus","addErrorListener","errorDetail","document","addEventListener","disconnectedCallback","removeEventListener","getSalaryRanges","text","salaryRanges","value","above_20k","getBenefits","benefitsList","insurance","bonus","paidLeave","overtimePay","mealAllowance","transportAllowance","holidayBenefits","teamBuilding","getEducationRequirements","educationList","college","bachelor","master","doctor","noLimit","handleClose","loadHistoryConversations","async","lastId","pageIndex","result","fetchHistoryConversations","getBotId","nextCursorStack","slice","hasMore","nextCursor","items","handleInputHistoryClick","handleHistoryConversationPageChange","direction","previousPageIndex","previousCursor","nextPageIndex","handleSelectConversation","id","handleToggleInput","handleJobNameChange","event","input","target","handleFreeInputChange","textarea","handleVoiceRecognized","hostElement","shadowRoot","querySelector","cursorPosition","selectionStart","length","beforeCursor","substring","afterCursor","spacer","test","detail","requestAnimationFrame","newPosition","focus","setSelectionRange","handleVoiceStatusChange","handleVoiceInputError","handleNextStep","trim","alert","alerts","enterJobName","handlePositionAnalysis","handlePrevStep","response","sendHttpRequest","url","method","data","inputs","input_info","bot_id","workflow_code","success","outputs","jsonText","markdownJsonMatch","match","parsedOutput","JSON","parse","tagGroup","initialSelectedTags","shuffled","map","group","allTags","defaultTags","optionalTags","i","j","Math","floor","random","dimensionName","tags","error","SentryReporter","captureError","action","component","title","message","console","handleTagClick","category","currentTags","newTags","includes","filter","t","handleAITagClick","tag","handleSubmitStructured","salaryRange","range","find","r","selectedBenefits","join","edu","e","jobInfo","jobInfoFields","Object","entries","forEach","dimension","jobDescription","handleSubmitFree","enterJobInfo","currentLocale","lang","botIdMap","zh","en","handleIsOpenChange","newValue","job_info","renderTagGroup","options","h","class","option","isSelected","onClick","renderAITagGroups","renderLoadingState","aiAnalyzing","pleaseWait","render","modalStyle","String","containerClass","overlayClass","style","src","alt","type","drawerTitle","width","onClosed","history","loading","noHistory","conversation","key","name","timeDisplay","message_count","status","completed","running","disabled","jobRequirementInfo","viewBox","height","fill","stroke","d","toggleInput","htmlFor","required","placeholder","jobNamePlaceholder","onInput","nextStep","aiRecommendedTags","prevStep","processing","generateJD","jdInfo","jdInfoPlaceholder","rows","onVoiceRecognized","onVoiceStatusChange","onSomeErrorEvent","inputGuideTitle","inputGuide","jobTitle","responsibilities","qualifications","location","aiDisclaimer","beianLabel","href","rel","beianNumber","loadingConversation","botId","interviewMode"],"sources":["src/components/pcm-jd-modal/pcm-jd-modal.css?tag=pcm-jd-modal&encapsulation=shadow","src/global/global.css?tag=pcm-jd-modal&encapsulation=shadow","src/global/host.css?tag=pcm-jd-modal&encapsulation=shadow","src/components/pcm-jd-modal/pcm-jd-modal.tsx"],"sourcesContent":["/* 输入模式切换 */\r\n.input-mode-toggle {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 16px;\r\n}\r\n \r\n.input-mode-toggle span {\r\n color: #333;\r\n margin-right: 12px;\r\n}\r\n \r\n.toggle-button {\r\n display: flex;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n color: #2E6EDF;\r\n cursor: pointer;\r\n font-size: 14px;\r\n padding: 4px 8px;\r\n}\r\n \r\n.toggle-button svg {\r\n margin-right: 4px;\r\n}\r\n \r\n.toggle-button:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n}\r\n \r\n/* 结构化输入模式 */\r\n.structured-input {\r\n width: 100%;\r\n}\r\n \r\n.job-name-input {\r\n margin-bottom: 20px;\r\n}\r\n \r\n.job-name-input label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: #333;\r\n}\r\n \r\n.job-name-input input {\r\n width: 95%;\r\n padding: 10px 12px;\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n background-color: #f9f9f9;\r\n}\r\n\r\n.job-name-input input:focus {\r\n outline: none;\r\n border-color: #2E6EDF;\r\n box-shadow: 0 0 0 2px rgba(46, 110, 223, 0.2);\r\n}\r\n\r\n.required {\r\n color: #f56c6c;\r\n}\r\n\r\n/* 按钮容器 */\r\n.button-container {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 24px;\r\n gap: 12px;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n flex-wrap: wrap;\r\n}\r\n\r\n\r\n.next-button {\r\n background-color: #2E6EDF;\r\n color: white;\r\n}\r\n\r\n.next-button:hover {\r\n background-color: #2457b8;\r\n}\r\n\r\n.next-button:disabled {\r\n background-color: #a0c0e8;\r\n cursor: not-allowed;\r\n}\r\n\r\n.prev-button {\r\n background-color: #f0f0f0 !important;\r\n color: #333 !important;\r\n}\r\n\r\n.prev-button:hover {\r\n background-color: #e0e0e0;\r\n}\r\n\r\n/* 标签选择 */\r\n.tag-selection {\r\n width: 100%;\r\n}\r\n\r\n.tag-selection-content {\r\n width: 100%;\r\n}\r\n\r\n.section-title {\r\n font-weight: 600;\r\n color: #333;\r\n margin-bottom: 12px;\r\n font-size: 16px;\r\n}\r\n\r\n.ai-tags-section, .basic-tags-section {\r\n margin-bottom: 24px;\r\n}\r\n\r\n.tag-group {\r\n margin-bottom: 16px;\r\n}\r\n\r\n.tag-title {\r\n color: #555;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n}\r\n\r\n.tag-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n}\r\n\r\n.tag {\r\n display: inline-flex;\r\n align-items: center;\r\n padding: 6px 12px;\r\n border-radius: 4px;\r\n background-color: #f5f5f5;\r\n border: 1px solid #e0e0e0;\r\n color: #333;\r\n font-size: 13px;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.tag:hover {\r\n background-color: #e8e8e8;\r\n}\r\n\r\n.tag-selected {\r\n background-color: #e6f0ff;\r\n border-color: #2E6EDF;\r\n color: #2E6EDF;\r\n}\r\n\r\n/* 加载状态 */\r\n.loading-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px 0;\r\n background-color: #f9f9f9;\r\n border-radius: 8px;\r\n margin: 20px 0;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n}\r\n\r\n.loading-spinner {\r\n width: 40px;\r\n height: 40px;\r\n border: 3px solid rgba(46, 110, 223, 0.2);\r\n border-radius: 50%;\r\n border-top-color: #2E6EDF;\r\n animation: spin 1s linear infinite;\r\n margin-bottom: 16px;\r\n}\r\n\r\n@keyframes spin {\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n.loading-text {\r\n text-align: center;\r\n color: #333;\r\n font-weight: 500;\r\n}\r\n\r\n.loading-subtext {\r\n color: #888;\r\n font-size: 14px;\r\n margin-top: 4px;\r\n}\r\n\r\n/* 自由输入模式 */\r\n.free-input {\r\n width: 100%;\r\n}\r\n\r\n.textarea-container {\r\n margin-bottom: 16px;\r\n}\r\n\r\n.textarea-container label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: #333;\r\n}\r\n\r\n.textarea-container textarea {\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n resize: vertical;\r\n background-color: #f9f9f9;\r\n min-height: 150px;\r\n width: 100%;\r\n padding: 12px 16px;\r\n margin-bottom: 20px;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n word-wrap: break-word;\r\n}\r\n\r\n.textarea-container textarea:focus {\r\n outline: none;\r\n border-color: #2E6EDF;\r\n box-shadow: 0 0 0 2px rgba(46, 110, 223, 0.2);\r\n}\r\n\r\n.voice-textarea-wrapper {\r\n position: relative;\r\n}\r\n\r\n.voice-textarea-wrapper textarea {\r\n padding-bottom: 52px;\r\n}\r\n\r\n.voice-input-entry {\r\n position: absolute;\r\n right: 12px;\r\n bottom: 32px;\r\n z-index: 1;\r\n}\r\n\r\n.input-guide {\r\n background-color: #f5f7fa;\r\n border-radius: 4px;\r\n padding: 12px 16px;\r\n margin-bottom: 20px;\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n word-wrap: break-word;\r\n}\r\n\r\n.guide-title {\r\n font-weight: 500;\r\n color: #333;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.guide-content {\r\n color: #666;\r\n font-size: 13px;\r\n max-width: 100%;\r\n word-wrap: break-word;\r\n}\r\n\r\n.guide-content div {\r\n margin-bottom: 4px;\r\n}\r\n\r\n\r\n/* 响应式调整 */\r\n@media (max-width: 768px) {\r\n \r\n .tag-container {\r\n gap: 7px;\r\n }\r\n \r\n .tag {\r\n padding: 4px 8px;\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .button-container {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .next-button, .prev-button, .submit-button {\r\n width: 100%;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .tag {\r\n max-width: calc(50% - 8px);\r\n }\r\n}\r\n\r\n.tag-selection, \r\n.tag-selection-content,\r\n.ai-tags-section, \r\n.basic-tags-section,\r\n.structured-input,\r\n.free-input {\r\n max-width: 100%;\r\n box-sizing: border-box;\r\n}","/* 模态框基础样式 */\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n z-index: 1000;\r\n overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n padding: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n /* 改为基于父组件的全屏 */\r\n position: absolute;\r\n width: 100%;\r\n height: auto;\r\n}\r\n\r\n.modal-container {\r\n background-color: #fff;\r\n border-radius: 8px;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n margin: 3vh auto auto auto;\r\n transition: all 0.3s ease-out;\r\n overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n width: 100%;\r\n max-width: none;\r\n height: 100%;\r\n border-radius: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n width: 80%;\r\n max-width: 600px;\r\n min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n .pc-layout {\r\n width: 95%;\r\n }\r\n\r\n .modal-overlay {\r\n padding: 10px 0px 0px 0px;\r\n }\r\n\r\n .modal-container.fullscreen {\r\n /* 移动端也基于父组件尺寸 */\r\n width: 100%;\r\n height: 100%;\r\n max-height: 100%;\r\n border-radius: 16px 16px 0 0;\r\n /* 保留安全区域支持 */\r\n padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 4px 16px;\r\n height: 50px;\r\n border-bottom: 1px solid #e8e8e8;\r\n flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #333;\r\n}\r\n\r\n.header-icon {\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.close-button {\r\n background: transparent;\r\n border: none;\r\n cursor: pointer;\r\n padding: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n font-size: 24px;\r\n line-height: 1;\r\n color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n cursor: pointer;\r\n width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n background: rgba(0, 0, 0, 0.02);\r\n border: 1px dashed #d9d9d9;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n margin-top: 8px;\r\n width: 50px;\r\n height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n margin: 4px 0;\r\n color: #332F39;\r\n font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n font-size: 14px;\r\n color: #949AA5;\r\n margin-top: 8px;\r\n padding: 0px 10px;\r\n text-align: center;\r\n white-space: normal;\r\n word-wrap: break-word;\r\n word-break: break-all;\r\n line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n position: relative;\r\n padding: 16px;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 8px;\r\n transition: border-color 0.3s;\r\n cursor: pointer;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex: 1;\r\n min-width: 0;\r\n overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n color: #0D75FB;\r\n flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n font-weight: 500;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n background: transparent;\r\n border: none;\r\n color: #94a3b8;\r\n cursor: pointer;\r\n font-size: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 4px;\r\n margin-left: 8px;\r\n border-radius: 4px;\r\n transition: all 0.2s;\r\n min-width: 30px;\r\n min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n background-color: #f1f5f9;\r\n color: #475569;\r\n}\r\n\r\n.file-input {\r\n display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n height: calc(100% - 50px);\r\n background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n /* 减去header高度 */\r\n overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n margin-top: 0;\r\n margin-bottom: 20px;\r\n font-size: 18px;\r\n color: #333;\r\n text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n width: calc(100% - 16px);\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n resize: vertical;\r\n font-family: inherit;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n transition: border-color 0.3s;\r\n padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n outline: none;\r\n border-color: #1890ff;\r\n box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n margin-bottom: 20px;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n margin-bottom: 24px;\r\n padding: 20px;\r\n background-color: #f8f9fa;\r\n border-radius: 8px;\r\n border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n display: block;\r\n font-weight: 500;\r\n color: #333;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n width: 100%;\r\n}\r\n\r\n.slider-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n flex: 1;\r\n height: 6px;\r\n background: #ddd;\r\n outline: none;\r\n border-radius: 3px;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 20px;\r\n height: 20px;\r\n background: #0D75FB;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n width: 20px;\r\n height: 20px;\r\n background: #0D75FB;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n border: none;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n font-weight: 600;\r\n color: #0D75FB;\r\n font-size: 14px;\r\n min-width: 30px;\r\n text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n position: relative;\r\n display: inline-block;\r\n width: 44px;\r\n height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n position: absolute;\r\n cursor: pointer;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: #ccc;\r\n transition: 0.3s;\r\n border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n position: absolute;\r\n content: \"\";\r\n height: 18px;\r\n width: 18px;\r\n left: 3px;\r\n bottom: 3px;\r\n background-color: white;\r\n transition: 0.3s;\r\n border-radius: 50%;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n font-size: 14px;\r\n color: #666;\r\n font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n margin-top: 10px;\r\n padding: 10px 30px;\r\n background: #0D75FB;\r\n color: white;\r\n border: none;\r\n border-radius: 4px;\r\n font-size: 16px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n width: 100%;\r\n max-width: 400px;\r\n align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n background-color: rgba(0,0,0,0.04);\r\n color: rgba(0,0,0,0.25);\r\n cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n margin-top: 16px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: #999;\r\n line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n color: #666;\r\n text-decoration: none;\r\n transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n color: #1890ff;\r\n text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n padding: 24px;\r\n }\r\n \r\n .loading-spinner {\r\n width: 40px;\r\n height: 40px;\r\n border: 4px solid rgba(0, 0, 0, 0.1);\r\n border-radius: 50%;\r\n border-top-color: var(--pcm-primary-color, #1890ff);\r\n animation: spin 1s linear infinite;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .loading-text {\r\n font-size: 16px;\r\n color: var(--pcm-text-color, #333);\r\n }\r\n \r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n padding: 4px 8px;\r\n border: none;\r\n border-radius: 4px;\r\n background: transparent;\r\n color: #bbb;\r\n cursor: pointer;\r\n font-size: 13px;\r\n font-family: inherit;\r\n line-height: 1;\r\n transition: all 0.2s ease;\r\n flex-shrink: 0;\r\n white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n width: 16px;\r\n height: 16px;\r\n display: block;\r\n flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n background-color: rgba(0, 0, 0, 0.04);\r\n color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n outline: 2px solid rgba(13, 117, 251, 0.35);\r\n outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n flex: 1;\r\n overflow-y: auto;\r\n padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px 20px;\r\n color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 12px 16px;\r\n margin: 0 8px 4px 8px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #262626;\r\n margin-bottom: 4px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 12px;\r\n color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n padding: 2px 6px;\r\n border-radius: 4px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n background: #f6ffed;\r\n color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n background: #fff7e6;\r\n color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-left: 8px;\r\n padding: 4px 8px;\r\n border: none;\r\n border-radius: 4px;\r\n background: #e6f7ff;\r\n color: #1890ff;\r\n cursor: pointer;\r\n font-size: 12px;\r\n font-family: inherit;\r\n line-height: 1;\r\n white-space: nowrap;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n background: #bae7ff;\r\n color: #0958d9;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n outline: 2px solid rgba(13, 117, 251, 0.35);\r\n outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 12px 16px 16px;\r\n border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n min-width: 72px;\r\n padding: 6px 12px;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 6px;\r\n background: #fff;\r\n color: #595959;\r\n cursor: pointer;\r\n font-size: 12px;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n border-color: #1890ff;\r\n color: #1890ff;\r\n background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n border-color: #f0f0f0;\r\n color: #bfbfbf;\r\n background: #fafafa;\r\n cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n flex: 1;\r\n text-align: center;\r\n color: #8c8c8c;\r\n font-size: 12px;\r\n}\r\n \r\n",":host {\r\n /* 字体相关属性 */\r\n font-size: 16px;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n font-weight: normal;\r\n font-style: normal;\r\n font-variant: normal;\r\n line-height: 1.5;\r\n letter-spacing: normal;\r\n word-spacing: normal;\r\n \r\n /* 文本相关属性 */\r\n color: #333; /* 重置文字颜色，避免继承外部的red */\r\n text-align: left;\r\n text-indent: 0;\r\n text-transform: none;\r\n white-space: normal;\r\n word-wrap: normal;\r\n word-break: normal;\r\n \r\n /* 可见性 */\r\n visibility: visible;\r\n \r\n /* 列表相关 */\r\n list-style: none;\r\n list-style-image: none;\r\n list-style-position: outside;\r\n list-style-type: disc;\r\n \r\n /* 表格相关 */\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n caption-side: top;\r\n empty-cells: show;\r\n table-layout: auto;\r\n \r\n /* 引用 */\r\n quotes: auto;\r\n \r\n /* 光标 */\r\n cursor: auto;\r\n \r\n /* 文本方向 */\r\n direction: ltr;\r\n \r\n /* 打印相关 */\r\n orphans: 2;\r\n widows: 2;\r\n page-break-inside: auto;\r\n \r\n /* 其他可能被继承的属性 */\r\n text-decoration: none;\r\n text-shadow: none;\r\n \r\n /* 确保组件有独立的盒模型 */\r\n box-sizing: border-box;\r\n \r\n /* 重置一些可能影响布局的继承属性 */\r\n writing-mode: horizontal-tb;\r\n text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { sendHttpRequest, verifyApiKey } from '../../utils/utils';\r\nimport { ConversationStartEventData, InterviewCompleteEventData, StreamCompleteEventData } from '../../components';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store';\r\nimport { configStore } from '../../../store/config.store';\r\nimport { SentryReporter } from '../../utils/sentry-reporter';\r\nimport stringsZh from './pcm-jd-modal.i18n.zh.json';\r\nimport stringsEn from './pcm-jd-modal.i18n.en.json';\r\nimport { ConversationItem } from '../../interfaces/chat';\r\nimport { fetchHistoryConversations } from '../../utils/conversation-utils';\r\n\r\n/**\r\n * 职位生成组件\r\n */\r\n\r\n@Component({\r\n tag: 'pcm-jd-modal',\r\n styleUrls: ['pcm-jd-modal.css', '../../global/global.css', '../../global/host.css'],\r\n shadow: true,\r\n})\r\nexport class PcmJdModal {\r\n /**\r\n * 模态框标题\r\n */\r\n @Prop() modalTitle: string = '职位生成';\r\n\r\n /**\r\n * 语言设置\r\n */\r\n @Prop() locale: string = 'zh';\r\n\r\n /**\r\n * SDK鉴权密钥\r\n */\r\n @Prop({ attribute: 'token' }) token!: string;\r\n\r\n /**\r\n * 是否显示聊天模态框\r\n */\r\n @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n /**\r\n * 当点击模态框关闭时触发\r\n */\r\n @Event() modalClosed: EventEmitter<void>;\r\n\r\n /**\r\n * 应用图标URL\r\n */\r\n @Prop() icon?: string;\r\n\r\n /**\r\n * 聊天框的页面层级\r\n */\r\n @Prop() zIndex?: number = 1000;\r\n\r\n /**\r\n * 是否展示顶部标题栏\r\n */\r\n @Prop() isShowHeader: boolean = true;\r\n\r\n /**\r\n * 是否展示右上角的关闭按钮\r\n */\r\n @Prop() isNeedClose: boolean = true;\r\n\r\n /**\r\n * 会话ID，传入继续对话，否则创建新会话\r\n */\r\n @Prop({ mutable: true }) conversationId?: string;\r\n\r\n /**\r\n * 默认查询文本\r\n */\r\n @Prop() defaultQuery: string = '请帮我生成职位信息';\r\n\r\n /**\r\n * 是否以全屏模式打开。全屏范围基于父容器，而非浏览器视口；移动端建议设置为 true\r\n */\r\n @Prop() fullscreen: boolean = false;\r\n\r\n /**\r\n * 自定义输入参数，传入 customInputs.job_info 时，会切换到自由输入模式并填充 JD 信息<br>\r\n */\r\n @Prop() customInputs: Record<string, string> = {};\r\n\r\n /**\r\n * 是否显示工作区历史会话按钮\r\n */\r\n @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n /**\r\n * 是否在上传界面显示历史会话按钮\r\n */\r\n @Prop() showInputHistory: boolean = false;\r\n\r\n /**\r\n * 是否显示”保存职位”按钮（仅JD助手智能体生效）\r\n */\r\n @Prop() showSaveJdButton: boolean = false;\r\n\r\n /**\r\n * 保存职位按钮文本\r\n */\r\n @Prop() saveJdButtonText: string = '保存职位';\r\n\r\n /**\r\n * 流式输出完成事件\r\n */\r\n @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n /**\r\n * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n */\r\n @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n /**\r\n * 当聊天完成时触发\r\n */\r\n @Event() interviewComplete: EventEmitter<InterviewCompleteEventData>;\r\n\r\n /**\r\n * SDK密钥验证失败事件\r\n */\r\n @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n /**\r\n * 错误事件\r\n */\r\n @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n /**\r\n * 附件预览模式\r\n * 'drawer': 在右侧抽屉中预览\r\n * 'window': 在新窗口中打开\r\n */\r\n @Prop() filePreviewMode: 'drawer' | 'window' = 'drawer';\r\n\r\n @State() showChatModal: boolean = false;\r\n @State() isHistoryDrawerOpen: boolean = false;\r\n @State() historyConversations: ConversationItem[] = [];\r\n @State() isLoadingConversations: boolean = false;\r\n @State() historyConversationCursorStack: string[] = [''];\r\n @State() historyConversationPageIndex: number = 0;\r\n @State() hasMoreHistoryConversations: boolean = false;\r\n\r\n // 使用 @Element 装饰器获取组件的 host 元素\r\n @Element() hostElement: HTMLElement;\r\n\r\n // 国际化字符串\r\n @State() strings: any;\r\n\r\n // 输入模式：structured(点选模式) 或 free(表单模式)\r\n @State() inputMode: 'structured' | 'free' = 'structured';\r\n\r\n // 步骤：input(输入职位名称) 或 review(选择标签)\r\n @State() step: 'input' | 'review' = 'input';\r\n\r\n // 职位名称\r\n @State() jobName: string = '';\r\n\r\n // 自由输入模式的文本\r\n @State() freeInputText: string = '';\r\n\r\n // 是否正在加载标签\r\n @State() isLoading: boolean = false;\r\n\r\n // 是否正在提交\r\n @State() isSubmitting: boolean = false;\r\n\r\n // 是否正在录音或识别语音\r\n @State() isVoiceInputActive: boolean = false;\r\n\r\n // 标签组\r\n @State() tagGroups: { dimensionName: string; defaultTags: string[]; optionalTags: string[] }[] = [];\r\n\r\n // 洗牌后的标签组\r\n @State() shuffledTagGroups: { dimensionName: string; tags: string[] }[] = [];\r\n\r\n // 选中的AI标签\r\n @State() selectedAITags: { [key: string]: string[] } = {};\r\n\r\n // 选中的基础标签\r\n @State() selectedTags: {\r\n salary: string;\r\n benefits: string[];\r\n education: string;\r\n } = {\r\n salary: '',\r\n benefits: [],\r\n education: ''\r\n };\r\n\r\n\r\n private tokenInvalidListener: () => void;\r\n private removeErrorListener: () => void;\r\n private readonly _historyConversationPageSize: number = 20;\r\n\r\n @Watch('token')\r\n handleTokenChange(newToken: string) {\r\n // 当传入的 token 变化时，更新 authStore 中的 token\r\n if (newToken && newToken !== authStore.getToken()) {\r\n authStore.setToken(newToken);\r\n }\r\n }\r\n\r\n\r\n async componentWillLoad() {\r\n // 加载国际化字符串\r\n this.strings = this.locale === 'en' ? stringsEn : stringsZh;\r\n\r\n // 将 zIndex 存入配置缓存\r\n if (this.zIndex) {\r\n configStore.setItem('modal-zIndex', this.zIndex);\r\n }\r\n if (this.token) {\r\n authStore.setToken(this.token);\r\n }\r\n verifyApiKey(this.token);\r\n\r\n // 添加全局token无效事件监听器\r\n this.tokenInvalidListener = () => {\r\n this.tokenInvalid.emit();\r\n };\r\n\r\n // 添加全局错误监听\r\n this.removeErrorListener = ErrorEventBus.addErrorListener((errorDetail) => {\r\n this.someErrorEvent.emit(errorDetail);\r\n });\r\n document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n }\r\n\r\n disconnectedCallback() {\r\n // 组件销毁时移除事件监听器\r\n document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n\r\n // 移除错误监听器\r\n if (this.removeErrorListener) {\r\n this.removeErrorListener();\r\n }\r\n }\r\n\r\n\r\n // 薪资范围选项\r\n private getSalaryRanges() {\r\n return [\r\n { text: this.strings.salaryRanges['3k_5k'], value: '3k_5k' },\r\n { text: this.strings.salaryRanges['5k_8k'], value: '5k_8k' },\r\n { text: this.strings.salaryRanges['8k_12k'], value: '8k_12k' },\r\n { text: this.strings.salaryRanges['12k_15k'], value: '12k_15k' },\r\n { text: this.strings.salaryRanges['15k_20k'], value: '15k_20k' },\r\n { text: this.strings.salaryRanges.above_20k, value: 'above_20k' },\r\n ];\r\n }\r\n\r\n // 福利待遇选项\r\n private getBenefits() {\r\n return [\r\n { text: this.strings.benefitsList.insurance, value: '五险一金' },\r\n { text: this.strings.benefitsList.bonus, value: '年终奖' },\r\n { text: this.strings.benefitsList.paidLeave, value: '带薪年假' },\r\n { text: this.strings.benefitsList.overtimePay, value: '加班补贴' },\r\n { text: this.strings.benefitsList.mealAllowance, value: '餐补' },\r\n { text: this.strings.benefitsList.transportAllowance, value: '交通补贴' },\r\n { text: this.strings.benefitsList.holidayBenefits, value: '节日福利' },\r\n { text: this.strings.benefitsList.teamBuilding, value: '团队建设' },\r\n ];\r\n }\r\n\r\n // 学历要求选项\r\n private getEducationRequirements() {\r\n return [\r\n { text: this.strings.educationList.college, value: '大专' },\r\n { text: this.strings.educationList.bachelor, value: '本科' },\r\n { text: this.strings.educationList.master, value: '硕士' },\r\n { text: this.strings.educationList.doctor, value: '博士' },\r\n { text: this.strings.educationList.noLimit, value: '学历不限' },\r\n ];\r\n }\r\n\r\n private handleClose = () => {\r\n this.modalClosed.emit();\r\n };\r\n\r\n private loadHistoryConversations = async (lastId: string, pageIndex: number): Promise<void> => {\r\n this.isLoadingConversations = true;\r\n const result = await fetchHistoryConversations(this.getBotId(), 'pcm-jd-modal', lastId, this._historyConversationPageSize);\r\n const nextCursorStack = this.historyConversationCursorStack.slice(0, pageIndex + 1);\r\n\r\n if (result.hasMore && result.nextCursor) {\r\n nextCursorStack[pageIndex + 1] = result.nextCursor;\r\n }\r\n\r\n this.historyConversationCursorStack = nextCursorStack;\r\n this.historyConversationPageIndex = pageIndex;\r\n this.historyConversations = result.items;\r\n this.hasMoreHistoryConversations = result.hasMore;\r\n this.isLoadingConversations = false;\r\n };\r\n\r\n private handleInputHistoryClick = async () => {\r\n this.isHistoryDrawerOpen = true;\r\n this.historyConversationCursorStack = [''];\r\n await this.loadHistoryConversations('', 0);\r\n };\r\n\r\n private handleHistoryConversationPageChange = async (direction: 'prev' | 'next'): Promise<void> => {\r\n if (direction === 'prev') {\r\n if (this.historyConversationPageIndex === 0) {\r\n return;\r\n }\r\n\r\n const previousPageIndex = this.historyConversationPageIndex - 1;\r\n const previousCursor = this.historyConversationCursorStack[previousPageIndex] || '';\r\n await this.loadHistoryConversations(previousCursor, previousPageIndex);\r\n return;\r\n }\r\n\r\n if (!this.hasMoreHistoryConversations) {\r\n return;\r\n }\r\n\r\n const nextPageIndex = this.historyConversationPageIndex + 1;\r\n const nextCursor = this.historyConversationCursorStack[nextPageIndex];\r\n if (!nextCursor) {\r\n return;\r\n }\r\n\r\n await this.loadHistoryConversations(nextCursor, nextPageIndex);\r\n };\r\n\r\n private handleSelectConversation = (id: string) => {\r\n this.conversationId = id;\r\n this.isHistoryDrawerOpen = false;\r\n this.showChatModal = true;\r\n };\r\n\r\n private handleToggleInput = () => {\r\n if (this.isVoiceInputActive) return;\r\n this.inputMode = this.inputMode === 'structured' ? 'free' : 'structured';\r\n };\r\n\r\n private handleJobNameChange = (event: Event) => {\r\n const input = event.target as HTMLInputElement;\r\n this.jobName = input.value;\r\n };\r\n\r\n private handleFreeInputChange = (event: Event) => {\r\n const textarea = event.target as HTMLTextAreaElement;\r\n this.freeInputText = textarea.value;\r\n };\r\n\r\n private handleVoiceRecognized = (event: CustomEvent<string>): void => {\r\n const textarea = this.hostElement.shadowRoot?.querySelector('#free-input-text') as HTMLTextAreaElement | null;\r\n const cursorPosition = textarea?.selectionStart ?? this.freeInputText.length;\r\n const beforeCursor = this.freeInputText.substring(0, cursorPosition);\r\n const afterCursor = this.freeInputText.substring(cursorPosition);\r\n const spacer = beforeCursor.length > 0 && !/\\s$/.test(beforeCursor) ? ' ' : '';\r\n\r\n this.freeInputText = `${beforeCursor}${spacer}${event.detail}${afterCursor}`;\r\n\r\n requestAnimationFrame((): void => {\r\n if (!textarea) return;\r\n const newPosition = cursorPosition + spacer.length + event.detail.length;\r\n textarea.focus();\r\n textarea.setSelectionRange(newPosition, newPosition);\r\n });\r\n };\r\n\r\n private handleVoiceStatusChange = (event: CustomEvent<'idle' | 'recording' | 'converting'>): void => {\r\n this.isVoiceInputActive = event.detail !== 'idle';\r\n };\r\n\r\n private handleVoiceInputError = (event: CustomEvent<ErrorEventDetail>): void => {\r\n this.someErrorEvent.emit(event.detail);\r\n };\r\n\r\n private handleNextStep = async () => {\r\n if (!this.jobName.trim()) {\r\n alert(this.strings.alerts.enterJobName);\r\n return;\r\n }\r\n\r\n this.step = 'review';\r\n await this.handlePositionAnalysis(this.jobName);\r\n };\r\n\r\n private handlePrevStep = () => {\r\n this.step = 'input';\r\n };\r\n\r\n private async handlePositionAnalysis(jobName: string) {\r\n if (!jobName.trim()) return;\r\n\r\n this.isLoading = true;\r\n\r\n try {\r\n const response = await sendHttpRequest({\r\n url: '/sdk/v1/chat/workflow/block-run',\r\n method: 'POST',\r\n data: {\r\n inputs: {\r\n input_info: jobName,\r\n locale: this.locale\r\n },\r\n bot_id: \"59322522667307008\",\r\n workflow_code: \"generate_jd_tags\"\r\n }\r\n });\r\n\r\n if (response.success && response.data?.data.outputs?.text) {\r\n try {\r\n // 兼容纯JSON和Markdown格式的JSON (```json ... ```)\r\n let jsonText = response.data.data.outputs.text.trim();\r\n const markdownJsonMatch = jsonText.match(/```json\\s*([\\s\\S]*?)\\s*```/);\r\n if (markdownJsonMatch) {\r\n jsonText = markdownJsonMatch[1].trim();\r\n }\r\n const parsedOutput = JSON.parse(jsonText);\r\n this.tagGroups = parsedOutput.tagGroup || [];\r\n\r\n // 自动选中所有默认标签\r\n const initialSelectedTags: { [key: string]: string[] } = {};\r\n\r\n // 洗牌处理标签\r\n const shuffled = (parsedOutput.tagGroup || []).map(group => {\r\n // 将默认标签和可选标签合并\r\n const allTags = [...(group.defaultTags || []), ...(group.optionalTags || [])];\r\n\r\n // Fisher-Yates 洗牌算法打乱标签顺序\r\n for (let i = allTags.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [allTags[i], allTags[j]] = [allTags[j], allTags[i]];\r\n }\r\n\r\n // 设置默认选中的标签\r\n if (group.defaultTags && group.defaultTags.length > 0) {\r\n initialSelectedTags[group.dimensionName] = [...group.defaultTags];\r\n }\r\n\r\n return {\r\n dimensionName: group.dimensionName,\r\n tags: allTags\r\n };\r\n });\r\n\r\n this.shuffledTagGroups = shuffled;\r\n this.selectedAITags = initialSelectedTags;\r\n } catch (error) {\r\n SentryReporter.captureError(error, {\r\n action: 'handlePositionAnalysis',\r\n component: 'pcm-jd-modal',\r\n title: '解析前置标签时错误'\r\n });\r\n this.someErrorEvent.emit({\r\n error: error,\r\n message: '解析前置标签时错误'\r\n });\r\n }\r\n }\r\n } catch (error) {\r\n console.error('工作流运行错误:', error);\r\n } finally {\r\n this.isLoading = false;\r\n }\r\n }\r\n\r\n private handleTagClick = (category: 'salary' | 'benefits' | 'education', value: string) => {\r\n if (category === 'benefits') {\r\n const currentTags = [...this.selectedTags.benefits];\r\n const newTags = currentTags.includes(value)\r\n ? currentTags.filter(t => t !== value)\r\n : [...currentTags, value];\r\n\r\n this.selectedTags = {\r\n ...this.selectedTags,\r\n benefits: newTags\r\n };\r\n } else {\r\n this.selectedTags = {\r\n ...this.selectedTags,\r\n [category]: this.selectedTags[category] === value ? '' : value\r\n };\r\n }\r\n };\r\n\r\n private handleAITagClick = (dimensionName: string, tag: string) => {\r\n const currentTags = this.selectedAITags[dimensionName] || [];\r\n const newTags = currentTags.includes(tag)\r\n ? currentTags.filter(t => t !== tag)\r\n : [...currentTags, tag];\r\n\r\n this.selectedAITags = {\r\n ...this.selectedAITags,\r\n [dimensionName]: newTags\r\n };\r\n };\r\n\r\n private handleSubmitStructured = async () => {\r\n this.isSubmitting = true;\r\n\r\n try {\r\n // 处理薪资范围标签\r\n let salaryRange = '';\r\n if (this.selectedTags.salary) {\r\n const range = this.getSalaryRanges().find(r => r.value === this.selectedTags.salary);\r\n if (range) {\r\n salaryRange = range.text;\r\n }\r\n }\r\n\r\n // 处理福利待遇标签\r\n const selectedBenefits = this.selectedTags.benefits.join('、');\r\n\r\n // 处理学历要求标签\r\n let education = '';\r\n if (this.selectedTags.education) {\r\n const edu = this.getEducationRequirements().find(e => e.value === this.selectedTags.education);\r\n if (edu) {\r\n education = edu.text;\r\n }\r\n }\r\n\r\n // 构建职位描述\r\n let jobInfo = `${this.strings.jobInfoFields.jobName}：${this.jobName}\\n`;\r\n\r\n if (salaryRange) {\r\n jobInfo += `${this.strings.jobInfoFields.salaryRange}：${salaryRange}\\n`;\r\n }\r\n\r\n if (selectedBenefits) {\r\n jobInfo += `${this.strings.jobInfoFields.benefits}：${selectedBenefits}\\n`;\r\n }\r\n\r\n if (education) {\r\n jobInfo += `${this.strings.jobInfoFields.education}：${education}\\n`;\r\n }\r\n\r\n // 添加AI标签\r\n Object.entries(this.selectedAITags).forEach(([dimension, tags]) => {\r\n if (tags.length > 0) {\r\n jobInfo += `${dimension}：${tags.join('、')}\\n`;\r\n }\r\n });\r\n\r\n // 显示聊天模态框\r\n this.showChatModal = true;\r\n this.jobDescription = jobInfo;\r\n } catch (error) {\r\n console.error('提交结构化数据时出错:', error);\r\n SentryReporter.captureError(error, {\r\n action: 'handleSubmitStructured',\r\n component: 'pcm-jd-modal',\r\n title: '提交数据时出错'\r\n });\r\n this.someErrorEvent.emit({\r\n error: error,\r\n message: '提交数据时出错，请重试'\r\n });\r\n } finally {\r\n this.isSubmitting = false;\r\n }\r\n };\r\n\r\n private handleSubmitFree = async () => {\r\n if (!this.freeInputText.trim()) {\r\n alert(this.strings.alerts.enterJobInfo);\r\n return;\r\n }\r\n\r\n this.isSubmitting = true;\r\n\r\n try {\r\n // 直接使用自由输入的文本作为职位描述\r\n this.jobDescription = this.freeInputText;\r\n\r\n // 显示聊天模态框\r\n this.showChatModal = true;\r\n } catch (error) {\r\n console.error('提交自由输入数据时出错:', error);\r\n SentryReporter.captureError(error, {\r\n action: 'handleSubmitFree',\r\n component: 'pcm-jd-modal',\r\n title: '提交数据时出错'\r\n });\r\n this.someErrorEvent.emit({\r\n error: error,\r\n message: '提交数据时出错，请重试'\r\n });\r\n } finally {\r\n this.isSubmitting = false;\r\n }\r\n };\r\n\r\n @State() jobDescription: string = '';\r\n\r\n // 根据语言获取对应的botId\r\n private getBotId(): string {\r\n const currentLocale = this.locale || this.hostElement?.lang || 'zh';\r\n const botIdMap: Record<string, string> = {\r\n 'zh': '3022316191018873',\r\n 'en': '8164748078835713'\r\n };\r\n return botIdMap[currentLocale] || botIdMap['zh'];\r\n }\r\n\r\n @Watch('isOpen')\r\n async handleIsOpenChange(newValue: boolean) {\r\n if (!newValue) {\r\n // 重置状态\r\n this.showChatModal = false;\r\n this.jobDescription = '';\r\n this.jobName = '';\r\n this.freeInputText = '';\r\n this.isVoiceInputActive = false;\r\n this.step = 'input';\r\n this.inputMode = 'structured';\r\n this.tagGroups = [];\r\n this.shuffledTagGroups = [];\r\n this.selectedAITags = {};\r\n this.selectedTags = {\r\n salary: '',\r\n benefits: [],\r\n education: ''\r\n };\r\n } else {\r\n if (this.customInputs && this.customInputs.job_info) {\r\n this.jobDescription = this.customInputs.job_info;\r\n // 如果有 job_info，直接切换到自由输入模式并填充内容\r\n this.inputMode = 'free';\r\n this.freeInputText = this.customInputs.job_info;\r\n }\r\n await verifyApiKey(this.token);\r\n if (this.conversationId) {\r\n // 如果有会话ID，直接显示聊天模态框\r\n this.showChatModal = true;\r\n }\r\n }\r\n }\r\n\r\n\r\n // 渲染标签组\r\n private renderTagGroup(title: string, options: { text: string, value: string }[], category: 'salary' | 'benefits' | 'education') {\r\n return (\r\n <div class=\"tag-group\">\r\n <div class=\"tag-title\">{title}</div>\r\n <div class=\"tag-container\">\r\n {options.map(option => {\r\n const isSelected = category === 'benefits'\r\n ? this.selectedTags.benefits.includes(option.value)\r\n : this.selectedTags[category] === option.value;\r\n\r\n return (\r\n <div\r\n class={{\r\n 'tag': true,\r\n 'tag-selected': isSelected\r\n }}\r\n onClick={() => this.handleTagClick(category, option.value)}\r\n >\r\n {option.text}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n // 渲染AI标签组\r\n private renderAITagGroups() {\r\n return (\r\n <div class=\"ai-tag-groups\">\r\n {this.shuffledTagGroups.map(group => (\r\n <div class=\"tag-group\">\r\n <div class=\"tag-title\">{group.dimensionName}</div>\r\n <div class=\"tag-container\">\r\n {group.tags.map(tag => {\r\n const isSelected = (this.selectedAITags[group.dimensionName] || []).includes(tag);\r\n return (\r\n <div\r\n class={{\r\n 'tag': true,\r\n 'tag-selected': isSelected\r\n }}\r\n onClick={() => this.handleAITagClick(group.dimensionName, tag)}\r\n >\r\n {tag}\r\n </div>\r\n );\r\n })}\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n );\r\n }\r\n\r\n // 渲染加载状态\r\n private renderLoadingState() {\r\n return (\r\n <div class=\"loading-container\">\r\n <div class=\"loading-spinner\"></div>\r\n <div class=\"loading-text\">\r\n <div>{this.strings.aiAnalyzing}</div>\r\n <div class=\"loading-subtext\">{this.strings.pleaseWait}</div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n render() {\r\n if (!this.isOpen) return null;\r\n\r\n const modalStyle = {\r\n zIndex: String(this.zIndex)\r\n };\r\n\r\n const containerClass = {\r\n 'modal-container': true,\r\n 'fullscreen': this.fullscreen,\r\n 'pc-layout': true,\r\n };\r\n\r\n const overlayClass = {\r\n 'modal-overlay': true,\r\n 'fullscreen-overlay': this.fullscreen\r\n };\r\n\r\n // 显示加载状态\r\n const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n // 修正这里的逻辑，确保当 customInputs.job_info 存在时不隐藏输入区域，而是显示自由输入模式\r\n const hideJdInput = false;\r\n\r\n return (\r\n <div class={overlayClass} style={modalStyle}>\r\n <div class={containerClass}>\r\n {this.isShowHeader && (\r\n <div class=\"modal-header\">\r\n <div class=\"header-left\">\r\n {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n <div>{this.modalTitle}</div>\r\n {this.showInputHistory && (\r\n <button type=\"button\" class=\"header-history-entry\" onClick={this.handleInputHistoryClick} title={this.strings?.historyConversations}>\r\n {this.strings?.historyConversations}\r\n </button>\r\n )}\r\n </div>\r\n {this.isNeedClose && (\r\n <button class=\"close-button\" onClick={this.handleClose}>\r\n <span>×</span>\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/* 历史会话抽屉 */}\r\n {this.showInputHistory && (\r\n <components-drawer\r\n isOpen={this.isHistoryDrawerOpen}\r\n drawerTitle={this.strings?.historyConversations}\r\n width=\"400px\"\r\n onClosed={() => { this.isHistoryDrawerOpen = false; }}\r\n >\r\n <div class=\"history-drawer-content\">\r\n <div class=\"conversation-list\">\r\n {this.isLoadingConversations ? (\r\n <div class=\"loading-conversations\">\r\n <div class=\"loading-spinner-small\"></div>\r\n <p>{this.strings?.history?.loading}</p>\r\n </div>\r\n ) : this.historyConversations.length === 0 ? (\r\n <div class=\"empty-conversations\">\r\n <p>{this.strings?.history?.noHistory}</p>\r\n </div>\r\n ) : (\r\n this.historyConversations.map(conversation => (\r\n <div\r\n key={conversation.id}\r\n class=\"conversation-item\"\r\n onClick={() => this.handleSelectConversation(conversation.id)}\r\n >\r\n <div class=\"conversation-info\">\r\n <div class=\"conversation-title\">{conversation.name}</div>\r\n <div class=\"conversation-meta\">\r\n <span class=\"conversation-time\">{conversation.timeDisplay}</span>\r\n {conversation.message_count > 0 && (\r\n <span class=\"message-count\">{conversation.message_count}条消息</span>\r\n )}\r\n {conversation.status && (\r\n <span class={{\r\n 'conversation-status': true,\r\n 'completed': conversation.status === '结束',\r\n 'running': conversation.status === '进行中',\r\n }}>\r\n {conversation.status}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n ))\r\n )}\r\n </div>\r\n {!this.isLoadingConversations && (this.historyConversationPageIndex > 0 || this.hasMoreHistoryConversations) && (\r\n <div class=\"history-pagination\">\r\n <button\r\n type=\"button\"\r\n class=\"history-pagination-button\"\r\n disabled={this.historyConversationPageIndex === 0}\r\n onClick={() => this.handleHistoryConversationPageChange('prev')}\r\n >\r\n 上一页\r\n </button>\r\n <span class=\"history-pagination-info\">第 {this.historyConversationPageIndex + 1} 页</span>\r\n <button\r\n type=\"button\"\r\n class=\"history-pagination-button\"\r\n disabled={!this.hasMoreHistoryConversations}\r\n onClick={() => this.handleHistoryConversationPageChange('next')}\r\n >\r\n 下一页\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n </components-drawer>\r\n )}\r\n\r\n {/* 输入界面 - 仅在不显示聊天模态框且没有会话ID时显示 */}\r\n {!this.showChatModal && !this.conversationId && !hideJdInput && (\r\n <div class=\"input-container\">\r\n {/* 输入模式切换 */}\r\n <div class=\"input-mode-toggle\">\r\n <span>{this.strings.jobRequirementInfo}</span>\r\n <button\r\n class=\"toggle-button\"\r\n onClick={this.handleToggleInput}\r\n disabled={this.isLoading || this.isVoiceInputActive}\r\n >\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\r\n </svg>\r\n {this.strings.toggleInput}\r\n </button>\r\n </div>\r\n\r\n {/* 结构化输入模式 */}\r\n {this.inputMode === 'structured' && (\r\n <div class=\"structured-input\">\r\n {/* 第一步：输入职位名称 */}\r\n {this.step === 'input' && (\r\n <div class=\"job-name-input\">\r\n <label htmlFor=\"job-name\">\r\n {this.strings.jobName} <span class=\"required\">{this.strings.required}</span>\r\n </label>\r\n <input\r\n id=\"job-name\"\r\n type=\"text\"\r\n placeholder={this.strings.jobNamePlaceholder}\r\n value={this.jobName}\r\n onInput={this.handleJobNameChange}\r\n disabled={this.isLoading}\r\n />\r\n <div class=\"button-container\">\r\n <button\r\n class=\"submit-button next-button\"\r\n onClick={this.handleNextStep}\r\n disabled={!this.jobName.trim() || this.isLoading}\r\n >\r\n {this.strings.nextStep}\r\n </button>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {/* 第二步：选择标签 */}\r\n {this.step === 'review' && (\r\n <div class=\"tag-selection\">\r\n {this.isLoading ? (\r\n this.renderLoadingState()\r\n ) : (\r\n <div class=\"tag-selection-content\">\r\n {/* AI推荐标签 */}\r\n {this.tagGroups.length > 0 && (\r\n <div class=\"ai-tags-section\">\r\n <div class=\"section-title\">{this.strings.aiRecommendedTags}</div>\r\n {this.renderAITagGroups()}\r\n </div>\r\n )}\r\n\r\n {/* 基础标签 */}\r\n {this.tagGroups.length > 0 && (\r\n <div class=\"basic-tags-section\">\r\n {this.renderTagGroup(this.strings.salaryRange, this.getSalaryRanges(), 'salary')}\r\n {this.renderTagGroup(this.strings.benefits, this.getBenefits(), 'benefits')}\r\n {this.renderTagGroup(this.strings.education, this.getEducationRequirements(), 'education')}\r\n </div>\r\n )}\r\n\r\n <div class=\"button-container\">\r\n <button\r\n class=\"submit-button prev-button\"\r\n onClick={this.handlePrevStep}\r\n >\r\n {this.strings.prevStep}\r\n </button>\r\n <button\r\n class=\"submit-button\"\r\n onClick={this.handleSubmitStructured}\r\n disabled={this.isSubmitting}\r\n >\r\n {this.isSubmitting ? this.strings.processing : this.strings.generateJD}\r\n </button>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/* 自由输入模式 */}\r\n {this.inputMode === 'free' && (\r\n <div class=\"free-input\">\r\n <div class=\"textarea-container\">\r\n <label htmlFor=\"free-input-text\">\r\n {this.strings.jdInfo} <span class=\"required\">{this.strings.required}</span>\r\n </label>\r\n <div class=\"voice-textarea-wrapper\">\r\n <textarea\r\n id=\"free-input-text\"\r\n placeholder={this.strings.jdInfoPlaceholder}\r\n rows={8}\r\n value={this.freeInputText}\r\n onInput={this.handleFreeInputChange}\r\n disabled={this.isVoiceInputActive}\r\n ></textarea>\r\n <div class=\"voice-input-entry\">\r\n <components-voice-input-btn\r\n locale={this.locale === 'en' ? 'en' : 'zh'}\r\n disabled={this.isSubmitting}\r\n onVoiceRecognized={this.handleVoiceRecognized}\r\n onVoiceStatusChange={this.handleVoiceStatusChange}\r\n onSomeErrorEvent={this.handleVoiceInputError}\r\n ></components-voice-input-btn>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"input-guide\">\r\n <div class=\"guide-title\">{this.strings.inputGuideTitle}</div>\r\n <div class=\"guide-content\">\r\n <div>{this.strings.inputGuide.jobTitle}</div>\r\n <div>{this.strings.inputGuide.salary}</div>\r\n <div>{this.strings.inputGuide.benefits}</div>\r\n <div>{this.strings.inputGuide.responsibilities}</div>\r\n <div>{this.strings.inputGuide.qualifications}</div>\r\n <div>{this.strings.inputGuide.location}</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"button-container\">\r\n <button\r\n class=\"submit-button\"\r\n onClick={this.handleSubmitFree}\r\n disabled={!this.freeInputText.trim() || this.isSubmitting || this.isVoiceInputActive}\r\n >\r\n {this.isSubmitting ? this.strings.processing : this.strings.generateJD}\r\n </button>\r\n </div>\r\n </div>\r\n )}\r\n\r\n <div class=\"ai-disclaimer\">\r\n <p>{this.strings.aiDisclaimer}</p>\r\n <p class=\"beian-info\">\r\n <span>{this.strings.beianLabel}</span>：\r\n <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">{this.strings.beianNumber}</a>\r\n </p>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n {isLoading && (\r\n <div class=\"loading-container\">\r\n <div class=\"loading-spinner\"></div>\r\n <p class=\"loading-text\">{this.strings.loadingConversation}</p>\r\n </div>\r\n )}\r\n\r\n {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n {this.showChatModal && (\r\n <div>\r\n <pcm-app-chat-modal\r\n locale={this.locale}\r\n isOpen={true}\r\n modalTitle={this.modalTitle}\r\n icon={this.icon}\r\n isShowHeader={this.isShowHeader}\r\n isNeedClose={this.isNeedClose}\r\n fullscreen={this.fullscreen}\r\n showWorkspaceHistory={this.showWorkspaceHistory}\r\n botId={this.getBotId()}\r\n conversationId={this.conversationId}\r\n defaultQuery={this.defaultQuery}\r\n filePreviewMode={this.filePreviewMode}\r\n customInputs={{\r\n ...this.customInputs,\r\n job_info: this.customInputs?.job_info || this.jobDescription\r\n }}\r\n interviewMode=\"text\"\r\n showSaveJdButton={this.showSaveJdButton}\r\n saveJdButtonText={this.saveJdButtonText}\r\n ></pcm-app-chat-modal>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n} \r\n"],"mappings":"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","ignoreList":[]}

package/dist/pcm-agents/p-8e898292.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as e,g as i,h as o}from"./p-Bq0K-WqZ.js";import{a as n,v as s,c as a}from"./p-ByEgYF-N.js";import{E as r}from"./p-C0FYX2-Z.js";import{M as l}from"./p-D39f_W8k.js";import{f as p}from"./p-DNAYpcs3.js";import"./p-rxXtS1Gd.js";import"./p-Bs-zO1WZ.js";const d='.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;z-index:1000;overflow-y:auto}.fullscreen-overlay{padding:0;background-color:rgba(0, 0, 0, 0.7);position:absolute;width:100%;height:auto}.modal-container{background-color:#fff;border-radius:8px;width:100%;display:flex;flex-direction:column;position:relative;margin:3vh auto auto auto;transition:all 0.3s ease-out;overflow:hidden}.modal-container.fullscreen{width:100%;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;max-height:100%}.pc-layout{width:80%;max-width:600px;min-width:320px}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:10px 0px 0px 0px}.modal-container.fullscreen{width:100%;height:100%;max-height:100%;border-radius:16px 16px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;height:50px;border-bottom:1px solid #e8e8e8;flex-shrink:0}.header-left{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#333}.header-icon{width:24px;height:24px}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}.close-button:hover{background-color:rgba(0, 0, 0, 0.04)}.close-button span{font-size:24px;line-height:1;color:#999}.close-button:hover span{color:#666}.upload-area{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px;cursor:pointer}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px;text-align:center;white-space:normal;word-wrap:break-word;word-break:break-all;line-height:1.4}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s;min-width:30px;min-height:30px}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background:linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;overflow-y:auto}.input-container h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#333;text-align:center}.jd-input-section{margin-bottom:20px}.jd-input-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.job-description-textarea{width:calc(100% - 16px);border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}.job-description-textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.resume-upload-section{margin-bottom:20px;width:100%;display:flex;flex-direction:column}.resume-upload-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.interview-settings-section{margin-bottom:24px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.settings-row{margin-bottom:20px}.settings-row:last-child{margin-bottom:0}.settings-label{display:block;font-weight:500;color:#333;margin-bottom:12px;font-size:14px}.question-number-section{width:100%}.slider-container{display:flex;align-items:center;gap:12px}.question-slider{flex:1;height:6px;background:#ddd;outline:none;border-radius:3px;-webkit-appearance:none;appearance:none}.question-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.question-slider::-moz-range-thumb{width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.slider-value{font-weight:600;color:#0D75FB;font-size:14px;min-width:30px;text-align:center}.analysis-toggle-section{width:100%}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}input:checked+.toggle-slider{background-color:#0D75FB}input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-text{font-size:14px;color:#666;font-weight:500}.submit-button{margin-top:10px;padding:10px 30px;background:#0D75FB;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:400px;align-self:center}.submit-button:hover{background-color:#40a9ff}.submit-button:disabled{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.25);cursor:not-allowed}.ai-disclaimer{margin-top:16px;text-align:center;font-size:12px;color:#999;line-height:1.5}.ai-disclaimer p{margin:4px 0}.beian-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.ai-disclaimer a{color:#666;text-decoration:none;transition:color 0.2s ease}.ai-disclaimer a:hover{color:#1890ff;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--pcm-primary-color, #1890ff);animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:var(--pcm-text-color, #333)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.header-history-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:#bbb;cursor:pointer;font-size:13px;font-family:inherit;line-height:1;transition:all 0.2s ease;flex-shrink:0;white-space:nowrap}.header-history-button svg{width:16px;height:16px;display:block;flex-shrink:0}.header-history-button:hover{background-color:rgba(0, 0, 0, 0.04);color:#666}.header-history-button:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-drawer-content{height:100%;display:flex;flex-direction:column}.conversation-list{flex:1;overflow-y:auto;padding:8px 0}.loading-conversations,.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.loading-conversations .loading-spinner-small{margin-bottom:12px}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0 8px 4px 8px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent}.conversation-item:hover{background:#f5f5f5}.conversation-info{flex:1;min-width:0}.conversation-title{font-size:14px;font-weight:500;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#8c8c8c}.conversation-time{flex-shrink:0}.message-count{flex-shrink:0}.conversation-status{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.conversation-status.completed{background:#f6ffed;color:#52c41a}.conversation-status.running{background:#fff7e6;color:#fa8c16}.header-history-entry{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:4px 8px;border:none;border-radius:4px;background:#e6f7ff;color:#1890ff;cursor:pointer;font-size:12px;font-family:inherit;line-height:1;white-space:nowrap;transition:all 0.2s ease}.header-history-entry:hover{background:#bae7ff;color:#0958d9;transform:translateY(-1px)}.header-history-entry:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 16px;border-top:1px solid #f0f0f0}.history-pagination-button{min-width:72px;padding:6px 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#595959;cursor:pointer;font-size:12px;transition:all 0.2s ease}.history-pagination-button:hover:not(:disabled){border-color:#1890ff;color:#1890ff;background:#e6f7ff}.history-pagination-button:disabled{border-color:#f0f0f0;color:#bfbfbf;background:#fafafa;cursor:not-allowed}.history-pagination-info{flex:1;text-align:center;color:#8c8c8c;font-size:12px}';const c=".plan-type-section{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.plan-type-section label{font-weight:600;color:#333;margin-bottom:8px}.plan-type-options{display:flex;border:1px solid #d9d9d9;border-radius:6px;overflow:hidden}.plan-type-option{flex:1;border:none;border-right:1px solid #d9d9d9;padding:7px 8px;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;transition:background-color 0.2s,\r\n color 0.2s;background-color:#fff}.plan-type-option:last-child{border-right:none}.plan-type-option:hover{background-color:#f0f7ff}.plan-type-option.selected{background-color:#1890ff}.plan-type-option.selected .option-icon,.plan-type-option.selected .option-label{color:#fff}.option-icon{display:flex;align-items:center;justify-content:center}.option-icon img{height:18px;width:auto}.option-label{font-size:13px;font-weight:500;color:#555;white-space:nowrap}.resume-upload-section{display:flex;flex-direction:column;gap:8px}.resume-upload-section label{font-weight:600;color:#333;margin-bottom:8px}.dynamic-form-section{margin-top:20px;margin-bottom:20px}.form-fields{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-weight:600;color:#333;font-size:14px}.form-input{padding:10px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:all 0.3s;outline:none}.form-input:hover{border-color:#40a9ff}.form-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.1)}.form-input::placeholder{color:#bfbfbf}.form-hint{font-size:12px;color:#8c8c8c;line-height:1.5;margin-top:-8px;padding:8px 12px;background-color:#f5f5f5;border-radius:4px;border-left:3px solid #1890ff}";const h=":host{font-size:16px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight:normal;font-style:normal;font-variant:normal;line-height:1.5;letter-spacing:normal;word-spacing:normal;color:#333;text-align:left;text-indent:0;text-transform:none;white-space:normal;word-wrap:normal;word-break:normal;visibility:visible;list-style:none;list-style-image:none;list-style-position:outside;list-style-type:disc;border-collapse:separate;border-spacing:0;caption-side:top;empty-cells:show;table-layout:auto;quotes:auto;cursor:auto;direction:ltr;orphans:2;widows:2;page-break-inside:auto;text-decoration:none;text-shadow:none;box-sizing:border-box;writing-mode:horizontal-tb;text-orientation:mixed}";const f=class{constructor(i){t(this,i);this.modalClosed=e(this,"modalClosed");this.uploadSuccess=e(this,"uploadSuccess");this.streamComplete=e(this,"streamComplete");this.conversationStart=e(this,"conversationStart");this.planningComplete=e(this,"planningComplete");this.tokenInvalid=e(this,"tokenInvalid");this.someErrorEvent=e(this,"someErrorEvent")}modalTitle="职业规划助手";token;isOpen=false;modalClosed;icon;zIndex=1e3;isShowHeader=true;isNeedClose=true;conversationId;defaultQuery="请开始规划";fullscreen=false;customInputs={};showWorkspaceHistory=false;showInputHistory=false;mobileUploadAble=false;uploadSuccess;streamComplete;conversationStart;planningComplete;tokenInvalid;someErrorEvent;filePreviewMode="drawer";isUploading=false;uploadedFileInfo=null;showChatModal=false;isSubmitting=false;selectedPlanType="初入职场";isHistoryDrawerOpen=false;historyConversations=[];isLoadingConversations=false;historyConversationCursorStack=[""];historyConversationPageIndex=0;hasMoreHistoryConversations=false;targetPosition="";industryName="";jobPosition="";timePeriod="";get hostElement(){return i(this)}tokenInvalidListener;removeErrorListener;_historyConversationPageSize=20;pcmUploadRef;handleTokenChange(t){if(t&&t!==n.getToken()){n.setToken(t)}}async handleIsOpenChange(t){if(!t){this.showChatModal=false}else{if(this.customInputs&&this.customInputs.type){const t=this.customInputs.type;if(t==="转型建议"\|\|t==="晋升路径"\|\|t==="初入职场"){this.selectedPlanType=t}}await s(this.token);if(this.conversationId\|\|(this.customInputs?.file_url\|\|this.customInputs?.resume_content)&&this.customInputs?.type){this.showChatModal=true}}}componentWillLoad(){if(this.zIndex){a.setItem("modal-zIndex",this.zIndex)}if(this.token){n.setToken(this.token)}s(this.token);this.tokenInvalidListener=()=>{this.tokenInvalid.emit()};this.removeErrorListener=r.addErrorListener((t=>{this.someErrorEvent.emit(t)}));document.addEventListener("pcm-token-invalid",this.tokenInvalidListener)}disconnectedCallback(){document.removeEventListener("pcm-token-invalid",this.tokenInvalidListener);if(this.removeErrorListener){this.removeErrorListener()}}handleClose=()=>{this.modalClosed.emit()};loadHistoryConversations=async(t,e)=>{this.isLoadingConversations=true;const i=await p("121182005294690304","pcm-zygh-v2-modal",t,this._historyConversationPageSize);const o=this.historyConversationCursorStack.slice(0,e+1);if(i.hasMore&&i.nextCursor){o[e+1]=i.nextCursor}this.historyConversationCursorStack=o;this.historyConversationPageIndex=e;this.historyConversations=i.items;this.hasMoreHistoryConversations=i.hasMore;this.isLoadingConversations=false};handleInputHistoryClick=async()=>{this.isHistoryDrawerOpen=true;this.historyConversationCursorStack=[""];await this.loadHistoryConversations("",0)};handleHistoryConversationPageChange=async t=>{if(t==="prev"){if(this.historyConversationPageIndex===0){return}const t=this.historyConversationPageIndex-1;const e=this.historyConversationCursorStack[t]\|\|"";await this.loadHistoryConversations(e,t);return}if(!this.hasMoreHistoryConversations){return}const e=this.historyConversationPageIndex+1;const i=this.historyConversationCursorStack[e];if(!i){return}await this.loadHistoryConversations(i,e)};handleSelectConversation=t=>{this.conversationId=t;this.isHistoryDrawerOpen=false;this.showChatModal=true};handlePlanTypeChange=t=>{this.selectedPlanType=t;this.targetPosition="";this.industryName="";this.jobPosition="";this.timePeriod=""};handleStartPlanning=async()=>{if(!this.customInputs?.file_url&&!this.customInputs?.resume_content&&!this.uploadedFileInfo){l.info("请上传简历");return}if(await(this.pcmUploadRef?.getIsUploading?.())){l.info("文件上传中，请稍后");return}this.isSubmitting=true;this.showChatModal=true;this.isSubmitting=false};handlePlanningComplete=t=>{this.planningComplete.emit({...t.detail,type:this.selectedPlanType})};getPlanTypeIcon=t=>{const e=this.selectedPlanType===t;const i="https://pcm-pub-1351162788.cos.ap-guangzhou.myqcloud.com/sdk/image/";const o={初入职场:"i_entry_level",晋升路径:"i_promotion",转型建议:"i_transition"};return`${i}${o[t]}${e?"_actived":""}.png`};render(){if(!this.isOpen)return null;const t={zIndex:String(this.zIndex)};const e={"modal-container":true,fullscreen:this.fullscreen,"pc-layout":true};const i={"modal-overlay":true,"fullscreen-overlay":this.fullscreen};const n=this.conversationId&&!this.showChatModal;const s=Boolean(this.customInputs&&(this.customInputs.file_url\|\|this.customInputs.resume_content));const a=Boolean((this.customInputs?.file_url\|\|this.customInputs?.resume_content)&&this.customInputs?.type);return o("div",{class:i,style:t},o("div",{class:e},this.isShowHeader&&o("div",{class:"modal-header"},o("div",{class:"header-left"},this.icon&&o("img",{src:this.icon,class:"header-icon",alt:"应用图标"}),o("div",null,this.modalTitle),this.showInputHistory&&o("button",{type:"button",class:"header-history-entry",onClick:this.handleInputHistoryClick,title:"历史会话"},"历史会话")),this.isNeedClose&&o("button",{class:"close-button",onClick:this.handleClose},o("span",null,"×"))),this.showInputHistory&&o("components-drawer",{isOpen:this.isHistoryDrawerOpen,drawerTitle:"历史会话",width:"400px",onClosed:()=>{this.isHistoryDrawerOpen=false}},o("div",{class:"history-drawer-content"},o("div",{class:"conversation-list"},this.isLoadingConversations?o("div",{class:"loading-conversations"},o("div",{class:"loading-spinner-small"}),o("p",null,"加载中...")):this.historyConversations.length===0?o("div",{class:"empty-conversations"},o("p",null,"暂无历史会话")):this.historyConversations.map((t=>o("div",{key:t.id,class:"conversation-item",onClick:()=>this.handleSelectConversation(t.id)},o("div",{class:"conversation-info"},o("div",{class:"conversation-title"},t.name),o("div",{class:"conversation-meta"},o("span",{class:"conversation-time"},t.timeDisplay),t.message_count>0&&o("span",{class:"message-count"},t.message_count,"条消息"),t.status&&o("span",{class:{"conversation-status":true,completed:t.status==="结束",running:t.status==="进行中"}},t.status))))))),!this.isLoadingConversations&&(this.historyConversationPageIndex>0\|\|this.hasMoreHistoryConversations)&&o("div",{class:"history-pagination"},o("button",{type:"button",class:"history-pagination-button",disabled:this.historyConversationPageIndex===0,onClick:()=>this.handleHistoryConversationPageChange("prev")},"上一页"),o("span",{class:"history-pagination-info"},"第 ",this.historyConversationPageIndex+1," 页"),o("button",{type:"button",class:"history-pagination-button",disabled:!this.hasMoreHistoryConversations,onClick:()=>this.handleHistoryConversationPageChange("next")},"下一页")))),!this.showChatModal&&!this.conversationId&&!a&&o("div",{class:"input-container"},o("div",{class:"plan-type-section"},o("label",null,"选择建议类型"),o("div",{class:"plan-type-options"},o("div",{class:`plan-type-option ${this.selectedPlanType==="初入职场"?"selected":""}`,onClick:()=>this.handlePlanTypeChange("初入职场")},o("div",{class:"option-icon"},o("img",{src:this.getPlanTypeIcon("初入职场"),alt:"初入职场"})),o("div",{class:"option-label"},"初入职场")),o("div",{class:`plan-type-option ${this.selectedPlanType==="晋升路径"?"selected":""}`,onClick:()=>this.handlePlanTypeChange("晋升路径")},o("div",{class:"option-icon"},o("img",{src:this.getPlanTypeIcon("晋升路径"),alt:"晋升路径"})),o("div",{class:"option-label"},"晋升路径")),o("div",{class:`plan-type-option ${this.selectedPlanType==="转型建议"?"selected":""}`,onClick:()=>this.handlePlanTypeChange("转型建议")},o("div",{class:"option-icon"},o("img",{src:this.getPlanTypeIcon("转型建议"),alt:"转型建议"})),o("div",{class:"option-label"},"转型建议")))),o("div",{class:"dynamic-form-section"},this.selectedPlanType==="初入职场"&&o("div",{class:"form-fields"},o("div",{class:"form-field"},o("label",null,"感兴趣的行业"),o("input",{type:"text",class:"form-input",placeholder:"请输入您感兴趣的行业",value:this.industryName,onInput:t=>this.industryName=t.target.value})),o("div",{class:"form-field"},o("label",null,"感兴趣的职位"),o("input",{type:"text",class:"form-input",placeholder:"请输入您感兴趣的职位",value:this.jobPosition,onInput:t=>this.jobPosition=t.target.value})),o("div",{class:"form-hint"},"为确保职业规划报告的准确性,推荐您至少填写其中一项")),this.selectedPlanType==="转型建议"&&o("div",{class:"form-fields"},o("div",{class:"form-field"},o("label",null,"感兴趣的行业"),o("input",{type:"text",class:"form-input",placeholder:"请输入您感兴趣的行业",value:this.industryName,onInput:t=>this.industryName=t.target.value})),o("div",{class:"form-field"},o("label",null,"感兴趣的职位"),o("input",{type:"text",class:"form-input",placeholder:"请输入您感兴趣的职位",value:this.jobPosition,onInput:t=>this.jobPosition=t.target.value})),o("div",{class:"form-hint"},"为确保职业规划报告的准确性,推荐您至少填写其中一项"),o("div",{class:"form-field"},o("label",null,"期望转型时间"),o("input",{type:"text",class:"form-input",placeholder:"请输入您期望的转型时间",value:this.timePeriod,onInput:t=>this.timePeriod=t.target.value}))),this.selectedPlanType==="晋升路径"&&o("div",{class:"form-fields"},o("div",{class:"form-field"},o("label",null,"晋升目标岗位"),o("input",{type:"text",class:"form-input",placeholder:"请输入您的晋升目标岗位",value:this.targetPosition,onInput:t=>this.targetPosition=t.target.value})),o("div",{class:"form-hint"},"为确保职业规划报告的准确性,建议您填写晋升目标岗位名称"))),!s&&o("div",{class:"resume-upload-section"},o("label",null,"上传简历"),o("components-upload",{ref:t=>this.pcmUploadRef=t,maxFileSize:1510241024,multiple:false,mobileUploadAble:this.mobileUploadAble,acceptFileSuffixList:[".txt",".md",".pdf",".docx",".doc"],uploadParams:{tags:["resume"]},onUploadChange:t=>{const e=t.detail??[];this.uploadedFileInfo=e[0];this.uploadSuccess.emit(this.uploadedFileInfo)}})),o("button",{class:"submit-button",disabled:!this.customInputs?.file_url&&!this.customInputs?.resume_content&&!this.uploadedFileInfo\|\|this.isUploading\|\|this.isSubmitting,onClick:this.handleStartPlanning},this.isUploading?"上传中...":this.isSubmitting?"处理中...":"开始规划"),o("div",{class:"ai-disclaimer"},o("p",null,"所有内容均由AI生成仅供参考"),o("p",{class:"beian-info"},o("span",null,"中央网信办生成式人工智能服务备案号"),"：",o("a",{href:"https://www.pincaimao.com",target:"_blank",rel:"noopener noreferrer"},"Hunan-PinCaiMao-202412310003")))),n&&o("div",{class:"loading-container"},o("div",{class:"loading-spinner"}),o("p",{class:"loading-text"},"正在加载对话...")),this.showChatModal&&o("div",null,o("pcm-app-chat-modal",{isOpen:true,modalTitle:this.modalTitle,icon:this.icon,isShowHeader:this.isShowHeader,isNeedClose:this.isNeedClose,showWorkspaceHistory:this.showWorkspaceHistory,botId:"121182005294690304",fullscreen:this.fullscreen,conversationId:this.conversationId,defaultQuery:this.defaultQuery,filePreviewMode:this.filePreviewMode,customInputs:{...this.customInputs,file_url:this.customInputs?.file_url\|\|this.uploadedFileInfo?.cos_key,file_name:this.customInputs?.file_name\|\|this.uploadedFileInfo?.file_name,type:this.selectedPlanType,...this.industryName?{industry_name:this.industryName}:{},...this.targetPosition\|\|this.jobPosition?{target_position:this.targetPosition\|\|this.jobPosition}:{},...this.timePeriod?{time_period:this.timePeriod}:{}},interviewMode:"text",onInterviewComplete:this.handlePlanningComplete}))))}static get watchers(){return{token:["handleTokenChange"],isOpen:["handleIsOpenChange"]}}};f.style=d+(c+h);export{f as pcm_zygh_v2_modal};
2	+ //# sourceMappingURL=p-8e898292.entry.js.map

package/dist/pcm-agents/p-8e898292.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["globalCss","pcmZyghV2ModalCss","hostCss","ZyghV2Modal","modalTitle","token","isOpen","modalClosed","icon","zIndex","isShowHeader","isNeedClose","conversationId","defaultQuery","fullscreen","customInputs","showWorkspaceHistory","showInputHistory","mobileUploadAble","uploadSuccess","streamComplete","conversationStart","planningComplete","tokenInvalid","someErrorEvent","filePreviewMode","isUploading","uploadedFileInfo","showChatModal","isSubmitting","selectedPlanType","isHistoryDrawerOpen","historyConversations","isLoadingConversations","historyConversationCursorStack","historyConversationPageIndex","hasMoreHistoryConversations","targetPosition","industryName","jobPosition","timePeriod","tokenInvalidListener","removeErrorListener","_historyConversationPageSize","pcmUploadRef","handleTokenChange","newToken","authStore","getToken","setToken","handleIsOpenChange","newValue","this","type","verifyApiKey","file_url","resume_content","componentWillLoad","configStore","setItem","emit","ErrorEventBus","addErrorListener","errorDetail","document","addEventListener","disconnectedCallback","removeEventListener","handleClose","loadHistoryConversations","async","lastId","pageIndex","result","fetchHistoryConversations","nextCursorStack","slice","hasMore","nextCursor","items","handleInputHistoryClick","handleHistoryConversationPageChange","direction","previousPageIndex","previousCursor","nextPageIndex","handleSelectConversation","id","handlePlanTypeChange","handleStartPlanning","Message","info","getIsUploading","handlePlanningComplete","event","detail","getPlanTypeIcon","isSelected","baseUrl","iconMap","render","modalStyle","String","containerClass","overlayClass","isLoading","hideResumeUpload","Boolean","hasFileAndType","h","class","style","src","alt","onClick","title","drawerTitle","width","onClosed","length","map","conversation","key","name","timeDisplay","message_count","status","completed","running","disabled","placeholder","value","onInput","e","target","ref","el","maxFileSize","multiple","acceptFileSuffixList","uploadParams","tags","onUploadChange","href","rel","botId","cos_key","file_name","industry_name","target_position","time_period","interviewMode","onInterviewComplete"],"sources":["src/global/global.css?tag=pcm-zygh-v2-modal&encapsulation=shadow","src/components/pcm-zygh-v2-modal/pcm-zygh-v2-modal.css?tag=pcm-zygh-v2-modal&encapsulation=shadow","src/global/host.css?tag=pcm-zygh-v2-modal&encapsulation=shadow","src/components/pcm-zygh-v2-modal/pcm-zygh-v2-modal.tsx"],"sourcesContent":["/* 模态框基础样式 */\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n z-index: 1000;\r\n overflow-y: auto;\r\n}\r\n\r\n/* 全屏模式下的overlay样式 - 改为基于父组件 */\r\n.fullscreen-overlay {\r\n padding: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n /* 改为基于父组件的全屏 */\r\n position: absolute;\r\n width: 100%;\r\n height: auto;\r\n}\r\n\r\n.modal-container {\r\n background-color: #fff;\r\n border-radius: 8px;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n margin: 3vh auto auto auto;\r\n transition: all 0.3s ease-out;\r\n overflow: hidden;\r\n}\r\n\r\n/* 全屏模式样式 - 改为基于父组件 */\r\n.modal-container.fullscreen {\r\n width: 100%;\r\n max-width: none;\r\n height: 100%;\r\n border-radius: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 100%;\r\n}\r\n\r\n/* PC端布局 */\r\n.pc-layout {\r\n width: 80%;\r\n max-width: 600px;\r\n min-width: 320px;\r\n}\r\n\r\n/* 响应式布局 */\r\n@media screen and (max-width: 768px) {\r\n .pc-layout {\r\n width: 95%;\r\n }\r\n\r\n .modal-overlay {\r\n padding: 10px 0px 0px 0px;\r\n }\r\n\r\n .modal-container.fullscreen {\r\n /* 移动端也基于父组件尺寸 */\r\n width: 100%;\r\n height: 100%;\r\n max-height: 100%;\r\n border-radius: 16px 16px 0 0;\r\n /* 保留安全区域支持 */\r\n padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n }\r\n}\r\n\r\n/* 模态框头部样式 */\r\n.modal-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 4px 16px;\r\n height: 50px;\r\n border-bottom: 1px solid #e8e8e8;\r\n flex-shrink: 0;\r\n}\r\n\r\n.header-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #333;\r\n}\r\n\r\n.header-icon {\r\n width: 24px;\r\n height: 24px;\r\n}\r\n\r\n.close-button {\r\n background: transparent;\r\n border: none;\r\n cursor: pointer;\r\n padding: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 4px;\r\n}\r\n\r\n.close-button:hover {\r\n background-color: rgba(0, 0, 0, 0.04);\r\n}\r\n\r\n.close-button span {\r\n font-size: 24px;\r\n line-height: 1;\r\n color: #999;\r\n}\r\n\r\n.close-button:hover span {\r\n color: #666;\r\n}\r\n\r\n\r\n/* 文件上传区域通用样式 */\r\n.upload-area {\r\n cursor: pointer;\r\n width: 100%;\r\n}\r\n\r\n\r\n.upload-placeholder {\r\n transition: all 0.3s ease;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n background: rgba(0, 0, 0, 0.02);\r\n border: 1px dashed #d9d9d9;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n}\r\n\r\n.upload-placeholder:hover {\r\n border: 1px dashed #1890ff;\r\n}\r\n\r\n.upload-placeholder img {\r\n margin-top: 8px;\r\n width: 50px;\r\n height: 50px;\r\n}\r\n\r\n.upload-placeholder .upload-text {\r\n margin: 4px 0;\r\n color: #332F39;\r\n font-size: 14px;\r\n}\r\n\r\n.upload-placeholder .upload-hint {\r\n font-size: 14px;\r\n color: #949AA5;\r\n margin-top: 8px;\r\n padding: 0px 10px;\r\n text-align: center;\r\n white-space: normal;\r\n word-wrap: break-word;\r\n word-break: break-all;\r\n line-height: 1.4;\r\n}\r\n\r\n\r\n/* 文件项样式 */\r\n.file-item {\r\n position: relative;\r\n padding: 16px;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 8px;\r\n transition: border-color 0.3s;\r\n cursor: pointer;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.file-item:hover {\r\n border-color: #0D75FB;\r\n}\r\n\r\n.file-item-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex: 1;\r\n min-width: 0;\r\n overflow: hidden;\r\n}\r\n\r\n.file-icon {\r\n color: #0D75FB;\r\n flex-shrink: 0;\r\n}\r\n\r\n.file-name {\r\n font-weight: 500;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n max-width: calc(100% - 50px);\r\n}\r\n\r\n.remove-file {\r\n background: transparent;\r\n border: none;\r\n color: #94a3b8;\r\n cursor: pointer;\r\n font-size: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 4px;\r\n margin-left: 8px;\r\n border-radius: 4px;\r\n transition: all 0.2s;\r\n min-width: 30px;\r\n min-height: 30px;\r\n}\r\n\r\n.remove-file:hover {\r\n background-color: #f1f5f9;\r\n color: #475569;\r\n}\r\n\r\n.file-input {\r\n display: none;\r\n}\r\n\r\n\r\n\r\n/* 输入容器样式 */\r\n.input-container {\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n height: calc(100% - 50px);\r\n background: linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;\r\n /* 减去header高度 */\r\n overflow-y: auto;\r\n}\r\n\r\n.input-container h3 {\r\n margin-top: 0;\r\n margin-bottom: 20px;\r\n font-size: 18px;\r\n color: #333;\r\n text-align: center;\r\n}\r\n\r\n/* JD输入区域样式 */\r\n.jd-input-section {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.jd-input-section label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: #333;\r\n}\r\n\r\n.job-description-textarea {\r\n width: calc(100% - 16px);\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n resize: vertical;\r\n font-family: inherit;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n transition: border-color 0.3s;\r\n padding: 8px;\r\n}\r\n\r\n.job-description-textarea:focus {\r\n outline: none;\r\n border-color: #1890ff;\r\n box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\r\n}\r\n\r\n/* 简历上传区域样式 */\r\n.resume-upload-section {\r\n margin-bottom: 20px;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.resume-upload-section label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: #333;\r\n}\r\n\r\n/* 面试设置区域 */\r\n.interview-settings-section {\r\n margin-bottom: 24px;\r\n padding: 20px;\r\n background-color: #f8f9fa;\r\n border-radius: 8px;\r\n border: 1px solid #e9ecef;\r\n}\r\n\r\n.settings-row {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.settings-row:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.settings-label {\r\n display: block;\r\n font-weight: 500;\r\n color: #333;\r\n margin-bottom: 12px;\r\n font-size: 14px;\r\n}\r\n\r\n/* 题目数量滑块样式 */\r\n.question-number-section {\r\n width: 100%;\r\n}\r\n\r\n.slider-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n\r\n.question-slider {\r\n flex: 1;\r\n height: 6px;\r\n background: #ddd;\r\n outline: none;\r\n border-radius: 3px;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n}\r\n\r\n.question-slider::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 20px;\r\n height: 20px;\r\n background: #0D75FB;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.question-slider::-moz-range-thumb {\r\n width: 20px;\r\n height: 20px;\r\n background: #0D75FB;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n border: none;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.slider-value {\r\n font-weight: 600;\r\n color: #0D75FB;\r\n font-size: 14px;\r\n min-width: 30px;\r\n text-align: center;\r\n}\r\n\r\n/* 开关样式 */\r\n.analysis-toggle-section {\r\n width: 100%;\r\n}\r\n\r\n.toggle-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n\r\n.toggle-switch {\r\n position: relative;\r\n display: inline-block;\r\n width: 44px;\r\n height: 24px;\r\n}\r\n\r\n.toggle-switch input {\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n}\r\n\r\n.toggle-slider {\r\n position: absolute;\r\n cursor: pointer;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: #ccc;\r\n transition: 0.3s;\r\n border-radius: 24px;\r\n}\r\n\r\n.toggle-slider:before {\r\n position: absolute;\r\n content: \"\";\r\n height: 18px;\r\n width: 18px;\r\n left: 3px;\r\n bottom: 3px;\r\n background-color: white;\r\n transition: 0.3s;\r\n border-radius: 50%;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\ninput:checked + .toggle-slider {\r\n background-color: #0D75FB;\r\n}\r\n\r\ninput:checked + .toggle-slider:before {\r\n transform: translateX(20px);\r\n}\r\n\r\n.toggle-text {\r\n font-size: 14px;\r\n color: #666;\r\n font-weight: 500;\r\n}\r\n\r\n/* 提交按钮通用样式 */\r\n.submit-button {\r\n margin-top: 10px;\r\n padding: 10px 30px;\r\n background: #0D75FB;\r\n color: white;\r\n border: none;\r\n border-radius: 4px;\r\n font-size: 16px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n width: 100%;\r\n max-width: 400px;\r\n align-self: center;\r\n}\r\n\r\n.submit-button:hover {\r\n background-color: #40a9ff;\r\n}\r\n\r\n.submit-button:disabled {\r\n background-color: rgba(0,0,0,0.04);\r\n color: rgba(0,0,0,0.25);\r\n cursor: not-allowed;\r\n}\r\n\r\n\r\n\r\n/* AI免责声明和备案信息样式 */\r\n.ai-disclaimer {\r\n margin-top: 16px;\r\n text-align: center;\r\n font-size: 12px;\r\n color: #999;\r\n line-height: 1.5;\r\n}\r\n\r\n.ai-disclaimer p {\r\n margin: 4px 0;\r\n}\r\n\r\n.beian-info {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 4px;\r\n}\r\n\r\n.ai-disclaimer a {\r\n color: #666;\r\n text-decoration: none;\r\n transition: color 0.2s ease;\r\n}\r\n\r\n.ai-disclaimer a:hover {\r\n color: #1890ff;\r\n text-decoration: underline;\r\n}\r\n\r\n/* 添加加载状态的样式 */\r\n.loading-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100%;\r\n padding: 24px;\r\n }\r\n \r\n .loading-spinner {\r\n width: 40px;\r\n height: 40px;\r\n border: 4px solid rgba(0, 0, 0, 0.1);\r\n border-radius: 50%;\r\n border-top-color: var(--pcm-primary-color, #1890ff);\r\n animation: spin 1s linear infinite;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .loading-text {\r\n font-size: 16px;\r\n color: var(--pcm-text-color, #333);\r\n }\r\n \r\n @keyframes spin {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(360deg); }\r\n }\r\n\r\n/* 历史会话按钮 */\r\n.header-history-button {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n padding: 4px 8px;\r\n border: none;\r\n border-radius: 4px;\r\n background: transparent;\r\n color: #bbb;\r\n cursor: pointer;\r\n font-size: 13px;\r\n font-family: inherit;\r\n line-height: 1;\r\n transition: all 0.2s ease;\r\n flex-shrink: 0;\r\n white-space: nowrap;\r\n}\r\n\r\n.header-history-button svg {\r\n width: 16px;\r\n height: 16px;\r\n display: block;\r\n flex-shrink: 0;\r\n}\r\n\r\n.header-history-button:hover {\r\n background-color: rgba(0, 0, 0, 0.04);\r\n color: #666;\r\n}\r\n\r\n.header-history-button:focus-visible {\r\n outline: 2px solid rgba(13, 117, 251, 0.35);\r\n outline-offset: 2px;\r\n}\r\n\r\n/* 历史会话抽屉内容 */\r\n.history-drawer-content {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.conversation-list {\r\n flex: 1;\r\n overflow-y: auto;\r\n padding: 8px 0;\r\n}\r\n\r\n.loading-conversations,\r\n.empty-conversations {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 40px 20px;\r\n color: #999;\r\n}\r\n\r\n.loading-conversations .loading-spinner-small {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.conversation-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 12px 16px;\r\n margin: 0 8px 4px 8px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n border: 1px solid transparent;\r\n}\r\n\r\n.conversation-item:hover {\r\n background: #f5f5f5;\r\n}\r\n\r\n.conversation-info {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.conversation-title {\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #262626;\r\n margin-bottom: 4px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n.conversation-meta {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 12px;\r\n color: #8c8c8c;\r\n}\r\n\r\n.conversation-time {\r\n flex-shrink: 0;\r\n}\r\n\r\n.message-count {\r\n flex-shrink: 0;\r\n}\r\n\r\n.conversation-status {\r\n padding: 2px 6px;\r\n border-radius: 4px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n}\r\n\r\n.conversation-status.completed {\r\n background: #f6ffed;\r\n color: #52c41a;\r\n}\r\n\r\n.conversation-status.running {\r\n background: #fff7e6;\r\n color: #fa8c16;\r\n}\r\n\r\n.header-history-entry {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-left: 8px;\r\n padding: 4px 8px;\r\n border: none;\r\n border-radius: 4px;\r\n background: #e6f7ff;\r\n color: #1890ff;\r\n cursor: pointer;\r\n font-size: 12px;\r\n font-family: inherit;\r\n line-height: 1;\r\n white-space: nowrap;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.header-history-entry:hover {\r\n background: #bae7ff;\r\n color: #0958d9;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.header-history-entry:focus-visible {\r\n outline: 2px solid rgba(13, 117, 251, 0.35);\r\n outline-offset: 2px;\r\n}\r\n\r\n.history-pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 12px 16px 16px;\r\n border-top: 1px solid #f0f0f0;\r\n}\r\n\r\n.history-pagination-button {\r\n min-width: 72px;\r\n padding: 6px 12px;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 6px;\r\n background: #fff;\r\n color: #595959;\r\n cursor: pointer;\r\n font-size: 12px;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.history-pagination-button:hover:not(:disabled) {\r\n border-color: #1890ff;\r\n color: #1890ff;\r\n background: #e6f7ff;\r\n}\r\n\r\n.history-pagination-button:disabled {\r\n border-color: #f0f0f0;\r\n color: #bfbfbf;\r\n background: #fafafa;\r\n cursor: not-allowed;\r\n}\r\n\r\n.history-pagination-info {\r\n flex: 1;\r\n text-align: center;\r\n color: #8c8c8c;\r\n font-size: 12px;\r\n}\r\n \r\n",".plan-type-section {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.plan-type-section label {\r\n font-weight: 600;\r\n color: #333;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.plan-type-options {\r\n display: flex;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 6px;\r\n overflow: hidden;\r\n}\r\n\r\n.plan-type-option {\r\n flex: 1;\r\n border: none;\r\n border-right: 1px solid #d9d9d9;\r\n padding: 7px 8px;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 5px;\r\n transition:\r\n background-color 0.2s,\r\n color 0.2s;\r\n background-color: #fff;\r\n}\r\n\r\n.plan-type-option:last-child {\r\n border-right: none;\r\n}\r\n\r\n.plan-type-option:hover {\r\n background-color: #f0f7ff;\r\n}\r\n\r\n.plan-type-option.selected {\r\n background-color: #1890ff;\r\n}\r\n\r\n.plan-type-option.selected .option-icon,\r\n.plan-type-option.selected .option-label {\r\n color: #fff;\r\n}\r\n\r\n.option-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.option-icon img {\r\n height: 18px;\r\n width: auto;\r\n}\r\n\r\n.option-label {\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #555;\r\n white-space: nowrap;\r\n}\r\n\r\n.resume-upload-section {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.resume-upload-section label {\r\n font-weight: 600;\r\n color: #333;\r\n margin-bottom: 8px;\r\n}\r\n\r\n/* 动态表单样式 */\r\n.dynamic-form-section {\r\n margin-top: 20px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.form-fields {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n}\r\n\r\n.form-field {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.form-field label {\r\n font-weight: 600;\r\n color: #333;\r\n font-size: 14px;\r\n}\r\n\r\n.form-input {\r\n padding: 10px 12px;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n transition: all 0.3s;\r\n outline: none;\r\n}\r\n\r\n.form-input:hover {\r\n border-color: #40a9ff;\r\n}\r\n\r\n.form-input:focus {\r\n border-color: #1890ff;\r\n box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1);\r\n}\r\n\r\n.form-input::placeholder {\r\n color: #bfbfbf;\r\n}\r\n\r\n.form-hint {\r\n font-size: 12px;\r\n color: #8c8c8c;\r\n line-height: 1.5;\r\n margin-top: -8px;\r\n padding: 8px 12px;\r\n background-color: #f5f5f5;\r\n border-radius: 4px;\r\n border-left: 3px solid #1890ff;\r\n}\r\n",":host {\r\n /* 字体相关属性 */\r\n font-size: 16px;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n font-weight: normal;\r\n font-style: normal;\r\n font-variant: normal;\r\n line-height: 1.5;\r\n letter-spacing: normal;\r\n word-spacing: normal;\r\n \r\n /* 文本相关属性 */\r\n color: #333; /* 重置文字颜色，避免继承外部的red */\r\n text-align: left;\r\n text-indent: 0;\r\n text-transform: none;\r\n white-space: normal;\r\n word-wrap: normal;\r\n word-break: normal;\r\n \r\n /* 可见性 */\r\n visibility: visible;\r\n \r\n /* 列表相关 */\r\n list-style: none;\r\n list-style-image: none;\r\n list-style-position: outside;\r\n list-style-type: disc;\r\n \r\n /* 表格相关 */\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n caption-side: top;\r\n empty-cells: show;\r\n table-layout: auto;\r\n \r\n /* 引用 */\r\n quotes: auto;\r\n \r\n /* 光标 */\r\n cursor: auto;\r\n \r\n /* 文本方向 */\r\n direction: ltr;\r\n \r\n /* 打印相关 */\r\n orphans: 2;\r\n widows: 2;\r\n page-break-inside: auto;\r\n \r\n /* 其他可能被继承的属性 */\r\n text-decoration: none;\r\n text-shadow: none;\r\n \r\n /* 确保组件有独立的盒模型 */\r\n box-sizing: border-box;\r\n \r\n /* 重置一些可能影响布局的继承属性 */\r\n writing-mode: horizontal-tb;\r\n text-orientation: mixed;\r\n}","import { Component, Prop, h, State, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport { FileUploadResponse, verifyApiKey } from '../../utils/utils';\r\nimport { ConversationStartEventData, StreamCompleteEventData } from '../../components';\r\nimport { ErrorEventBus, ErrorEventDetail } from '../../utils/error-event';\r\nimport { authStore } from '../../../store/auth.store'; // 导入 authStore\r\nimport { configStore } from '../../../store/config.store';\r\nimport { Message } from '../../services/message.service';\r\nimport { ConversationItem } from '../../interfaces/chat';\r\nimport { fetchHistoryConversations } from '../../utils/conversation-utils';\r\n\r\n/**\r\n * 职业规划助手\r\n */\r\n\r\nexport type CareerPlanType = '初入职场' | '转型建议' | '晋升路径';\r\n\r\n@Component({\r\n tag: 'pcm-zygh-v2-modal',\r\n styleUrls: ['../../global/global.css', 'pcm-zygh-v2-modal.css', '../../global/host.css'],\r\n shadow: true,\r\n})\r\nexport class ZyghV2Modal {\r\n /**\r\n * 模态框标题\r\n */\r\n @Prop() modalTitle: string = '职业规划助手';\r\n\r\n /**\r\n * SDK鉴权密钥\r\n */\r\n @Prop({ attribute: 'token' }) token!: string;\r\n\r\n /**\r\n * 是否显示聊天模态框\r\n */\r\n @Prop({ mutable: true }) isOpen: boolean = false;\r\n\r\n /**\r\n * 当点击模态框关闭时触发\r\n */\r\n @Event() modalClosed: EventEmitter<void>;\r\n\r\n /**\r\n * 应用图标URL\r\n */\r\n @Prop() icon?: string;\r\n\r\n /**\r\n * 聊天框的页面层级\r\n */\r\n @Prop() zIndex?: number = 1000;\r\n\r\n /**\r\n * 是否展示顶部标题栏\r\n */\r\n @Prop() isShowHeader: boolean = true;\r\n\r\n /**\r\n * 是否展示右上角的关闭按钮\r\n */\r\n @Prop() isNeedClose: boolean = true;\r\n\r\n /**\r\n * 会话ID，传入继续对话，否则创建新会话\r\n */\r\n @Prop({ mutable: true }) conversationId?: string;\r\n\r\n /**\r\n * 默认查询文本\r\n */\r\n @Prop() defaultQuery: string = '请开始规划';\r\n\r\n /**\r\n * 是否以全屏模式打开。全屏范围基于父容器，而非浏览器视口；移动端建议设置为 true\r\n */\r\n @Prop() fullscreen: boolean = false;\r\n\r\n /**\r\n * 自定义输入参数，传入customInputs.type则可以指定规划类型，可传入\"初入职场\"、\"转型建议\"、\"晋升路径\"<br>\r\n * 传入customInputs.file_url或customInputs.resume_content时，会隐藏简历上传区域。<br>\r\n * 传入customInputs.file_url（或customInputs.resume_content）和customInputs.type时，会直接开始聊天。<br>\r\n * customInputs.resume_content：可传入json字符串，或纯文本字符串，字符串内容为简历内容。<br>\r\n */\r\n @Prop() customInputs: Record<string, string> = {};\r\n\r\n /**\r\n * 是否显示工作区历史会话按钮\r\n */\r\n @Prop() showWorkspaceHistory: boolean = false;\r\n\r\n /**\r\n * 是否在上传界面显示历史会话按钮\r\n */\r\n @Prop() showInputHistory: boolean = false;\r\n\r\n /**\r\n * 是否开启移动端上传简历\r\n */\r\n @Prop() mobileUploadAble: boolean = false;\r\n\r\n /**\r\n * 上传成功事件\r\n */\r\n @Event() uploadSuccess: EventEmitter<FileUploadResponse>;\r\n\r\n /**\r\n * 流式输出完成事件\r\n */\r\n @Event() streamComplete: EventEmitter<StreamCompleteEventData>;\r\n\r\n /**\r\n * 新会话开始的回调，只会在一轮对话开始时触发一次\r\n */\r\n @Event() conversationStart: EventEmitter<ConversationStartEventData>;\r\n\r\n /**\r\n * 当聊天完成时触发\r\n */\r\n @Event() planningComplete: EventEmitter<{\r\n conversation_id: string;\r\n type: CareerPlanType;\r\n }>;\r\n\r\n /**\r\n * SDK密钥验证失败事件\r\n */\r\n @Event() tokenInvalid: EventEmitter<void>;\r\n\r\n /**\r\n * 错误事件\r\n */\r\n @Event() someErrorEvent: EventEmitter<ErrorEventDetail>;\r\n\r\n /**\r\n * 附件预览模式\r\n * 'drawer': 在右侧抽屉中预览\r\n * 'window': 在新窗口中打开\r\n */\r\n @Prop() filePreviewMode: 'drawer' | 'window' = 'drawer';\r\n\r\n @State() isUploading: boolean = false;\r\n @State() uploadedFileInfo: FileUploadResponse | null = null;\r\n @State() showChatModal: boolean = false;\r\n @State() isSubmitting: boolean = false;\r\n @State() selectedPlanType: CareerPlanType = '初入职场';\r\n @State() isHistoryDrawerOpen: boolean = false;\r\n @State() historyConversations: ConversationItem[] = [];\r\n @State() isLoadingConversations: boolean = false;\r\n @State() historyConversationCursorStack: string[] = [''];\r\n @State() historyConversationPageIndex: number = 0;\r\n @State() hasMoreHistoryConversations: boolean = false;\r\n @State() targetPosition: string = ''; // 晋升目标岗位\r\n @State() industryName: string = ''; // 感兴趣的行业\r\n @State() jobPosition: string = ''; // 感兴趣的职位\r\n @State() timePeriod: string = ''; // 期望转型时间\r\n\r\n // 使用 @Element 装饰器获取组件的 host 元素\r\n @Element() hostElement: HTMLElement;\r\n\r\n private tokenInvalidListener: () => void;\r\n private removeErrorListener: () => void;\r\n private readonly _historyConversationPageSize: number = 20;\r\n private pcmUploadRef;\r\n\r\n @Watch('token')\r\n handleTokenChange(newToken: string) {\r\n // 当传入的 token 变化时，更新 authStore 中的 token\r\n if (newToken && newToken !== authStore.getToken()) {\r\n authStore.setToken(newToken);\r\n }\r\n }\r\n\r\n @Watch('isOpen')\r\n async handleIsOpenChange(newValue: boolean) {\r\n if (!newValue) {\r\n // 重置状态\r\n this.showChatModal = false;\r\n } else {\r\n if (this.customInputs && this.customInputs.type) {\r\n // 检查是否是有效的 CareerPlanType 值\r\n const type = this.customInputs.type;\r\n if (type === '转型建议' || type === '晋升路径' || type === '初入职场') {\r\n this.selectedPlanType = type;\r\n }\r\n }\r\n\r\n await verifyApiKey(this.token);\r\n\r\n // 如果有会话ID或者同时有(file_url或resume_content)和type，直接显示聊天模态框\r\n if (this.conversationId || ((this.customInputs?.file_url || this.customInputs?.resume_content) && this.customInputs?.type)) {\r\n this.showChatModal = true;\r\n }\r\n }\r\n }\r\n\r\n componentWillLoad() {\r\n // 将 zIndex 存入配置缓存\r\n if (this.zIndex) {\r\n configStore.setItem('modal-zIndex', this.zIndex);\r\n }\r\n if (this.token) {\r\n authStore.setToken(this.token);\r\n }\r\n verifyApiKey(this.token);\r\n\r\n // 添加全局token无效事件监听器\r\n this.tokenInvalidListener = () => {\r\n this.tokenInvalid.emit();\r\n };\r\n // 添加全局错误监听\r\n this.removeErrorListener = ErrorEventBus.addErrorListener(errorDetail => {\r\n this.someErrorEvent.emit(errorDetail);\r\n });\r\n document.addEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n }\r\n\r\n disconnectedCallback() {\r\n // 组件销毁时移除事件监听器\r\n document.removeEventListener('pcm-token-invalid', this.tokenInvalidListener);\r\n // 移除错误监听器\r\n if (this.removeErrorListener) {\r\n this.removeErrorListener();\r\n }\r\n }\r\n\r\n private handleClose = () => {\r\n this.modalClosed.emit();\r\n };\r\n\r\n private loadHistoryConversations = async (lastId: string, pageIndex: number): Promise<void> => {\r\n this.isLoadingConversations = true;\r\n const result = await fetchHistoryConversations('121182005294690304', 'pcm-zygh-v2-modal', lastId, this._historyConversationPageSize);\r\n const nextCursorStack = this.historyConversationCursorStack.slice(0, pageIndex + 1);\r\n\r\n if (result.hasMore && result.nextCursor) {\r\n nextCursorStack[pageIndex + 1] = result.nextCursor;\r\n }\r\n\r\n this.historyConversationCursorStack = nextCursorStack;\r\n this.historyConversationPageIndex = pageIndex;\r\n this.historyConversations = result.items;\r\n this.hasMoreHistoryConversations = result.hasMore;\r\n this.isLoadingConversations = false;\r\n };\r\n\r\n private handleInputHistoryClick = async () => {\r\n this.isHistoryDrawerOpen = true;\r\n this.historyConversationCursorStack = [''];\r\n await this.loadHistoryConversations('', 0);\r\n };\r\n\r\n private handleHistoryConversationPageChange = async (direction: 'prev' | 'next'): Promise<void> => {\r\n if (direction === 'prev') {\r\n if (this.historyConversationPageIndex === 0) {\r\n return;\r\n }\r\n\r\n const previousPageIndex = this.historyConversationPageIndex - 1;\r\n const previousCursor = this.historyConversationCursorStack[previousPageIndex] || '';\r\n await this.loadHistoryConversations(previousCursor, previousPageIndex);\r\n return;\r\n }\r\n\r\n if (!this.hasMoreHistoryConversations) {\r\n return;\r\n }\r\n\r\n const nextPageIndex = this.historyConversationPageIndex + 1;\r\n const nextCursor = this.historyConversationCursorStack[nextPageIndex];\r\n if (!nextCursor) {\r\n return;\r\n }\r\n\r\n await this.loadHistoryConversations(nextCursor, nextPageIndex);\r\n };\r\n\r\n private handleSelectConversation = (id: string) => {\r\n this.conversationId = id;\r\n this.isHistoryDrawerOpen = false;\r\n this.showChatModal = true;\r\n };\r\n\r\n private handlePlanTypeChange = (type: CareerPlanType) => {\r\n this.selectedPlanType = type;\r\n // 切换类型时重置表单字段\r\n this.targetPosition = '';\r\n this.industryName = '';\r\n this.jobPosition = '';\r\n this.timePeriod = '';\r\n };\r\n\r\n private handleStartPlanning = async () => {\r\n // 既没有预设 file_url/resume_content，也没有上传文件，则提示\r\n if (!this.customInputs?.file_url && !this.customInputs?.resume_content && !this.uploadedFileInfo) {\r\n Message.info('请上传简历');\r\n return;\r\n }\r\n // 判断文件是否正在上传\r\n if (await this.pcmUploadRef?.getIsUploading?.()) {\r\n Message.info('文件上传中，请稍后');\r\n return;\r\n }\r\n this.isSubmitting = true;\r\n this.showChatModal = true;\r\n this.isSubmitting = false;\r\n };\r\n\r\n // 处理规划完成事件\r\n private handlePlanningComplete = (event: CustomEvent) => {\r\n this.planningComplete.emit({\r\n ...event.detail,\r\n type: this.selectedPlanType,\r\n });\r\n };\r\n\r\n private getPlanTypeIcon = (type: CareerPlanType) => {\r\n const isSelected = this.selectedPlanType === type;\r\n const baseUrl = 'https://pcm-pub-1351162788.cos.ap-guangzhou.myqcloud.com/sdk/image/';\r\n const iconMap = {\r\n '初入职场': 'i_entry_level',\r\n '晋升路径': 'i_promotion',\r\n '转型建议': 'i_transition',\r\n };\r\n return `${baseUrl}${iconMap[type]}${isSelected ? '_actived' : ''}.png`;\r\n };\r\n\r\n render() {\r\n if (!this.isOpen) return null;\r\n\r\n const modalStyle = {\r\n zIndex: String(this.zIndex),\r\n };\r\n\r\n const containerClass = {\r\n 'modal-container': true,\r\n 'fullscreen': this.fullscreen,\r\n 'pc-layout': true,\r\n };\r\n\r\n const overlayClass = {\r\n 'modal-overlay': true,\r\n 'fullscreen-overlay': this.fullscreen,\r\n };\r\n\r\n // 显示加载状态\r\n const isLoading = this.conversationId && !this.showChatModal;\r\n\r\n // 判断是否隐藏简历上传区域 - 当有file_url或resume_content时都隐藏\r\n const hideResumeUpload = Boolean(this.customInputs && (this.customInputs.file_url || this.customInputs.resume_content));\r\n\r\n // 判断是否同时提供了(file_url或resume_content)和type\r\n const hasFileAndType = Boolean((this.customInputs?.file_url || this.customInputs?.resume_content) && this.customInputs?.type);\r\n\r\n return (\r\n <div class={overlayClass} style={modalStyle}>\r\n <div class={containerClass}>\r\n {this.isShowHeader && (\r\n <div class=\"modal-header\">\r\n <div class=\"header-left\">\r\n {this.icon && <img src={this.icon} class=\"header-icon\" alt=\"应用图标\" />}\r\n <div>{this.modalTitle}</div>\r\n {this.showInputHistory && (\r\n <button type=\"button\" class=\"header-history-entry\" onClick={this.handleInputHistoryClick} title=\"历史会话\">\r\n 历史会话\r\n </button>\r\n )}\r\n </div>\r\n {this.isNeedClose && (\r\n <button class=\"close-button\" onClick={this.handleClose}>\r\n <span>×</span>\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/* 历史会话抽屉 */}\r\n {this.showInputHistory && (\r\n <components-drawer\r\n isOpen={this.isHistoryDrawerOpen}\r\n drawerTitle=\"历史会话\"\r\n width=\"400px\"\r\n onClosed={() => { this.isHistoryDrawerOpen = false; }}\r\n >\r\n <div class=\"history-drawer-content\">\r\n <div class=\"conversation-list\">\r\n {this.isLoadingConversations ? (\r\n <div class=\"loading-conversations\">\r\n <div class=\"loading-spinner-small\"></div>\r\n <p>加载中...</p>\r\n </div>\r\n ) : this.historyConversations.length === 0 ? (\r\n <div class=\"empty-conversations\">\r\n <p>暂无历史会话</p>\r\n </div>\r\n ) : (\r\n this.historyConversations.map(conversation => (\r\n <div\r\n key={conversation.id}\r\n class=\"conversation-item\"\r\n onClick={() => this.handleSelectConversation(conversation.id)}\r\n >\r\n <div class=\"conversation-info\">\r\n <div class=\"conversation-title\">{conversation.name}</div>\r\n <div class=\"conversation-meta\">\r\n <span class=\"conversation-time\">{conversation.timeDisplay}</span>\r\n {conversation.message_count > 0 && (\r\n <span class=\"message-count\">{conversation.message_count}条消息</span>\r\n )}\r\n {conversation.status && (\r\n <span class={{\r\n 'conversation-status': true,\r\n 'completed': conversation.status === '结束',\r\n 'running': conversation.status === '进行中',\r\n }}>\r\n {conversation.status}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n ))\r\n )}\r\n </div>\r\n {!this.isLoadingConversations && (this.historyConversationPageIndex > 0 || this.hasMoreHistoryConversations) && (\r\n <div class=\"history-pagination\">\r\n <button type=\"button\" class=\"history-pagination-button\" disabled={this.historyConversationPageIndex === 0} onClick={() => this.handleHistoryConversationPageChange('prev')}>\r\n 上一页\r\n </button>\r\n <span class=\"history-pagination-info\">第 {this.historyConversationPageIndex + 1} 页</span>\r\n <button type=\"button\" class=\"history-pagination-button\" disabled={!this.hasMoreHistoryConversations} onClick={() => this.handleHistoryConversationPageChange('next')}>\r\n 下一页\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n </components-drawer>\r\n )}\r\n\r\n {/* 输入界面 - 仅在不显示聊天模态框且没有会话ID且没有预设file_url和type时显示 */}\r\n {!this.showChatModal && !this.conversationId && !hasFileAndType && (\r\n <div class=\"input-container\">\r\n {/* 规划类型选择 */}\r\n <div class=\"plan-type-section\">\r\n <label>选择建议类型</label>\r\n <div class=\"plan-type-options\">\r\n <div class={`plan-type-option ${this.selectedPlanType === '初入职场' ? 'selected' : ''}`} onClick={() => this.handlePlanTypeChange('初入职场')}>\r\n <div class=\"option-icon\">\r\n <img src={this.getPlanTypeIcon('初入职场')} alt=\"初入职场\" />\r\n </div>\r\n <div class=\"option-label\">初入职场</div>\r\n </div>\r\n <div class={`plan-type-option ${this.selectedPlanType === '晋升路径' ? 'selected' : ''}`} onClick={() => this.handlePlanTypeChange('晋升路径')}>\r\n <div class=\"option-icon\">\r\n <img src={this.getPlanTypeIcon('晋升路径')} alt=\"晋升路径\" />\r\n </div>\r\n <div class=\"option-label\">晋升路径</div>\r\n </div>\r\n <div class={`plan-type-option ${this.selectedPlanType === '转型建议' ? 'selected' : ''}`} onClick={() => this.handlePlanTypeChange('转型建议')}>\r\n <div class=\"option-icon\">\r\n <img src={this.getPlanTypeIcon('转型建议')} alt=\"转型建议\" />\r\n </div>\r\n <div class=\"option-label\">转型建议</div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* 动态表单字段 */}\r\n <div class=\"dynamic-form-section\">\r\n {this.selectedPlanType === '初入职场' && (\r\n <div class=\"form-fields\">\r\n <div class=\"form-field\">\r\n <label>感兴趣的行业</label>\r\n <input\r\n type=\"text\"\r\n class=\"form-input\"\r\n placeholder=\"请输入您感兴趣的行业\"\r\n value={this.industryName}\r\n onInput={e => (this.industryName = (e.target as HTMLInputElement).value)}\r\n />\r\n </div>\r\n <div class=\"form-field\">\r\n <label>感兴趣的职位</label>\r\n <input\r\n type=\"text\"\r\n class=\"form-input\"\r\n placeholder=\"请输入您感兴趣的职位\"\r\n value={this.jobPosition}\r\n onInput={e => (this.jobPosition = (e.target as HTMLInputElement).value)}\r\n />\r\n </div>\r\n <div class=\"form-hint\">为确保职业规划报告的准确性,推荐您至少填写其中一项</div>\r\n </div>\r\n )}\r\n {this.selectedPlanType === '转型建议' && (\r\n <div class=\"form-fields\">\r\n <div class=\"form-field\">\r\n <label>感兴趣的行业</label>\r\n <input\r\n type=\"text\"\r\n class=\"form-input\"\r\n placeholder=\"请输入您感兴趣的行业\"\r\n value={this.industryName}\r\n onInput={e => (this.industryName = (e.target as HTMLInputElement).value)}\r\n />\r\n </div>\r\n <div class=\"form-field\">\r\n <label>感兴趣的职位</label>\r\n <input\r\n type=\"text\"\r\n class=\"form-input\"\r\n placeholder=\"请输入您感兴趣的职位\"\r\n value={this.jobPosition}\r\n onInput={e => (this.jobPosition = (e.target as HTMLInputElement).value)}\r\n />\r\n </div>\r\n <div class=\"form-hint\">为确保职业规划报告的准确性,推荐您至少填写其中一项</div>\r\n <div class=\"form-field\">\r\n <label>期望转型时间</label>\r\n <input\r\n type=\"text\"\r\n class=\"form-input\"\r\n placeholder=\"请输入您期望的转型时间\"\r\n value={this.timePeriod}\r\n onInput={e => (this.timePeriod = (e.target as HTMLInputElement).value)}\r\n />\r\n </div>\r\n </div>\r\n )}\r\n\r\n {this.selectedPlanType === '晋升路径' && (\r\n <div class=\"form-fields\">\r\n <div class=\"form-field\">\r\n <label>晋升目标岗位</label>\r\n <input\r\n type=\"text\"\r\n class=\"form-input\"\r\n placeholder=\"请输入您的晋升目标岗位\"\r\n value={this.targetPosition}\r\n onInput={e => (this.targetPosition = (e.target as HTMLInputElement).value)}\r\n />\r\n </div>\r\n <div class=\"form-hint\">为确保职业规划报告的准确性,建议您填写晋升目标岗位名称</div>\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* 简历上传区域 */}\r\n {!hideResumeUpload && (\r\n <div class=\"resume-upload-section\">\r\n <label>上传简历</label>\r\n <components-upload\r\n ref={el => (this.pcmUploadRef = el)}\r\n maxFileSize={15 * 1024 * 1024}\r\n multiple={false}\r\n mobileUploadAble={this.mobileUploadAble}\r\n acceptFileSuffixList={['.txt', '.md', '.pdf', '.docx', '.doc']}\r\n uploadParams={{\r\n tags: ['resume'],\r\n }}\r\n onUploadChange={e => {\r\n const result: FileUploadResponse[] = e.detail ?? [];\r\n this.uploadedFileInfo = result[0];\r\n this.uploadSuccess.emit(this.uploadedFileInfo);\r\n }}\r\n />\r\n </div>\r\n )}\r\n\r\n <button\r\n class=\"submit-button\"\r\n disabled={(!this.customInputs?.file_url && !this.customInputs?.resume_content && !this.uploadedFileInfo) || this.isUploading || this.isSubmitting}\r\n onClick={this.handleStartPlanning}\r\n >\r\n {this.isUploading ? '上传中...' : this.isSubmitting ? '处理中...' : '开始规划'}\r\n </button>\r\n\r\n <div class=\"ai-disclaimer\">\r\n <p>所有内容均由AI生成仅供参考</p>\r\n <p class=\"beian-info\">\r\n <span>中央网信办生成式人工智能服务备案号</span>：\r\n <a href=\"https://www.pincaimao.com\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n Hunan-PinCaiMao-202412310003\r\n </a>\r\n </p>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {/* 加载状态 - 在有会话ID但聊天模态框尚未显示时展示 */}\r\n {isLoading && (\r\n <div class=\"loading-container\">\r\n <div class=\"loading-spinner\"></div>\r\n <p class=\"loading-text\">正在加载对话...</p>\r\n </div>\r\n )}\r\n\r\n {/* 聊天界面 - 在显示聊天模态框时显示 */}\r\n {this.showChatModal && (\r\n <div>\r\n <pcm-app-chat-modal\r\n isOpen={true}\r\n modalTitle={this.modalTitle}\r\n icon={this.icon}\r\n isShowHeader={this.isShowHeader}\r\n isNeedClose={this.isNeedClose}\r\n showWorkspaceHistory={this.showWorkspaceHistory}\r\n botId=\"121182005294690304\"\r\n fullscreen={this.fullscreen}\r\n conversationId={this.conversationId}\r\n defaultQuery={this.defaultQuery}\r\n filePreviewMode={this.filePreviewMode}\r\n customInputs={{\r\n ...this.customInputs,\r\n file_url: this.customInputs?.file_url || this.uploadedFileInfo?.cos_key,\r\n file_name: this.customInputs?.file_name || this.uploadedFileInfo?.file_name,\r\n type: this.selectedPlanType,\r\n // 有值就传递\r\n ...(this.industryName ? { industry_name: this.industryName } : {}),\r\n ...(this.targetPosition || this.jobPosition ? { target_position: this.targetPosition || this.jobPosition } : {}),\r\n ...(this.timePeriod ? { time_period: this.timePeriod } : {}),\r\n }}\r\n interviewMode=\"text\"\r\n onInterviewComplete={this.handlePlanningComplete}\r\n ></pcm-app-chat-modal>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/pcm-agents/p-8fc8e631.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as t,g as i,h as o}from"./p-Bq0K-WqZ.js";import{a as n,c as r,v as s}from"./p-ByEgYF-N.js";import{E as a}from"./p-C0FYX2-Z.js";import{M as l}from"./p-D39f_W8k.js";import{f as d}from"./p-DNAYpcs3.js";import"./p-rxXtS1Gd.js";import"./p-Bs-zO1WZ.js";const p=".input-mode-toggle{display:flex;align-items:center;margin-bottom:16px}.input-mode-toggle span{color:#333;margin-right:12px}.toggle-button{display:flex;align-items:center;background:none;border:none;color:#2E6EDF;cursor:pointer;font-size:14px;padding:4px 8px}.toggle-button svg{margin-right:4px}.free-input{width:100%}.textarea-container{margin-bottom:16px}.textarea-container label{display:block;margin-bottom:8px;font-weight:500;color:#333}.textarea-container textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;resize:vertical;background-color:#f9f9f9;min-height:150px;width:100%;padding:12px 16px;margin-bottom:20px;max-width:100%;box-sizing:border-box;word-wrap:break-word}.textarea-container textarea:focus{outline:none;border-color:#2E6EDF;box-shadow:0 0 0 2px rgba(46, 110, 223, 0.2)}.required{color:#f56c6c}.input-guide{background-color:#f5f7fa;border-radius:4px;padding:12px 16px;margin-bottom:20px;max-width:100%;box-sizing:border-box;word-wrap:break-word}.guide-title{font-weight:500;color:#333;margin-bottom:8px}.guide-content{color:#666;font-size:13px;max-width:100%;word-wrap:break-word}.guide-content div{margin-bottom:4px}";const c='.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;z-index:1000;overflow-y:auto}.fullscreen-overlay{padding:0;background-color:rgba(0, 0, 0, 0.7);position:absolute;width:100%;height:auto}.modal-container{background-color:#fff;border-radius:8px;width:100%;display:flex;flex-direction:column;position:relative;margin:3vh auto auto auto;transition:all 0.3s ease-out;overflow:hidden}.modal-container.fullscreen{width:100%;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;max-height:100%}.pc-layout{width:80%;max-width:600px;min-width:320px}@media screen and (max-width: 768px){.pc-layout{width:95%}.modal-overlay{padding:10px 0px 0px 0px}.modal-container.fullscreen{width:100%;height:100%;max-height:100%;border-radius:16px 16px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;height:50px;border-bottom:1px solid #e8e8e8;flex-shrink:0}.header-left{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#333}.header-icon{width:24px;height:24px}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}.close-button:hover{background-color:rgba(0, 0, 0, 0.04)}.close-button span{font-size:24px;line-height:1;color:#999}.close-button:hover span{color:#666}.upload-area{cursor:pointer;width:100%}.upload-placeholder{transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.02);border:1px dashed #d9d9d9;border-radius:8px;cursor:pointer}.upload-placeholder:hover{border:1px dashed #1890ff}.upload-placeholder img{margin-top:8px;width:50px;height:50px}.upload-placeholder .upload-text{margin:4px 0;color:#332F39;font-size:14px}.upload-placeholder .upload-hint{font-size:14px;color:#949AA5;margin-top:8px;padding:0px 10px;text-align:center;white-space:normal;word-wrap:break-word;word-break:break-all;line-height:1.4}.file-item{position:relative;padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color 0.3s;cursor:pointer;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.file-item:hover{border-color:#0D75FB}.file-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.file-icon{color:#0D75FB;flex-shrink:0}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 50px)}.remove-file{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;border-radius:4px;transition:all 0.2s;min-width:30px;min-height:30px}.remove-file:hover{background-color:#f1f5f9;color:#475569}.file-input{display:none}.input-container{padding:20px;display:flex;flex-direction:column;height:calc(100% - 50px);background:linear-gradient(150deg, #2a6ee933, #0000 50%) 0 0 / 400px 200px no-repeat, #fff;overflow-y:auto}.input-container h3{margin-top:0;margin-bottom:20px;font-size:18px;color:#333;text-align:center}.jd-input-section{margin-bottom:20px}.jd-input-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.job-description-textarea{width:calc(100% - 16px);border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color 0.3s;padding:8px}.job-description-textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24, 144, 255, 0.2)}.resume-upload-section{margin-bottom:20px;width:100%;display:flex;flex-direction:column}.resume-upload-section label{display:block;margin-bottom:8px;font-weight:500;color:#333}.interview-settings-section{margin-bottom:24px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.settings-row{margin-bottom:20px}.settings-row:last-child{margin-bottom:0}.settings-label{display:block;font-weight:500;color:#333;margin-bottom:12px;font-size:14px}.question-number-section{width:100%}.slider-container{display:flex;align-items:center;gap:12px}.question-slider{flex:1;height:6px;background:#ddd;outline:none;border-radius:3px;-webkit-appearance:none;appearance:none}.question-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.question-slider::-moz-range-thumb{width:20px;height:20px;background:#0D75FB;cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.slider-value{font-weight:600;color:#0D75FB;font-size:14px;min-width:30px;text-align:center}.analysis-toggle-section{width:100%}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}input:checked+.toggle-slider{background-color:#0D75FB}input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-text{font-size:14px;color:#666;font-weight:500}.submit-button{margin-top:10px;padding:10px 30px;background:#0D75FB;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:400px;align-self:center}.submit-button:hover{background-color:#40a9ff}.submit-button:disabled{background-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.25);cursor:not-allowed}.ai-disclaimer{margin-top:16px;text-align:center;font-size:12px;color:#999;line-height:1.5}.ai-disclaimer p{margin:4px 0}.beian-info{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.ai-disclaimer a{color:#666;text-decoration:none;transition:color 0.2s ease}.ai-disclaimer a:hover{color:#1890ff;text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--pcm-primary-color, #1890ff);animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:16px;color:var(--pcm-text-color, #333)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.header-history-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border:none;border-radius:4px;background:transparent;color:#bbb;cursor:pointer;font-size:13px;font-family:inherit;line-height:1;transition:all 0.2s ease;flex-shrink:0;white-space:nowrap}.header-history-button svg{width:16px;height:16px;display:block;flex-shrink:0}.header-history-button:hover{background-color:rgba(0, 0, 0, 0.04);color:#666}.header-history-button:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-drawer-content{height:100%;display:flex;flex-direction:column}.conversation-list{flex:1;overflow-y:auto;padding:8px 0}.loading-conversations,.empty-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#999}.loading-conversations .loading-spinner-small{margin-bottom:12px}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0 8px 4px 8px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent}.conversation-item:hover{background:#f5f5f5}.conversation-info{flex:1;min-width:0}.conversation-title{font-size:14px;font-weight:500;color:#262626;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#8c8c8c}.conversation-time{flex-shrink:0}.message-count{flex-shrink:0}.conversation-status{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.conversation-status.completed{background:#f6ffed;color:#52c41a}.conversation-status.running{background:#fff7e6;color:#fa8c16}.header-history-entry{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;padding:4px 8px;border:none;border-radius:4px;background:#e6f7ff;color:#1890ff;cursor:pointer;font-size:12px;font-family:inherit;line-height:1;white-space:nowrap;transition:all 0.2s ease}.header-history-entry:hover{background:#bae7ff;color:#0958d9;transform:translateY(-1px)}.header-history-entry:focus-visible{outline:2px solid rgba(13, 117, 251, 0.35);outline-offset:2px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 16px;border-top:1px solid #f0f0f0}.history-pagination-button{min-width:72px;padding:6px 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;color:#595959;cursor:pointer;font-size:12px;transition:all 0.2s ease}.history-pagination-button:hover:not(:disabled){border-color:#1890ff;color:#1890ff;background:#e6f7ff}.history-pagination-button:disabled{border-color:#f0f0f0;color:#bfbfbf;background:#fafafa;cursor:not-allowed}.history-pagination-info{flex:1;text-align:center;color:#8c8c8c;font-size:12px}';const h=":host{font-size:16px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight:normal;font-style:normal;font-variant:normal;line-height:1.5;letter-spacing:normal;word-spacing:normal;color:#333;text-align:left;text-indent:0;text-transform:none;white-space:normal;word-wrap:normal;word-break:normal;visibility:visible;list-style:none;list-style-image:none;list-style-position:outside;list-style-type:disc;border-collapse:separate;border-spacing:0;caption-side:top;empty-cells:show;table-layout:auto;quotes:auto;cursor:auto;direction:ltr;orphans:2;widows:2;page-break-inside:auto;text-decoration:none;text-shadow:none;box-sizing:border-box;writing-mode:horizontal-tb;text-orientation:mixed}";const u=class{constructor(i){e(this,i);this.modalClosed=t(this,"modalClosed");this.uploadSuccess=t(this,"uploadSuccess");this.streamComplete=t(this,"streamComplete");this.conversationStart=t(this,"conversationStart");this.interviewComplete=t(this,"interviewComplete");this.tokenInvalid=t(this,"tokenInvalid");this.someErrorEvent=t(this,"someErrorEvent")}modalTitle="劳动合同卫士";token;isOpen=false;modalClosed;icon;zIndex=1e3;isShowHeader=true;isNeedClose=true;conversationId;defaultQuery="请开始分析";fullscreen=false;customInputs={};showWorkspaceHistory=false;showInputHistory=false;mobileUploadAble=false;uploadSuccess;streamComplete;conversationStart;interviewComplete;tokenInvalid;someErrorEvent;filePreviewMode="drawer";isUploading=false;uploadedFileInfo=null;showChatModal=false;isHistoryDrawerOpen=false;historyConversations=[];isLoadingConversations=false;historyConversationCursorStack=[""];historyConversationPageIndex=0;hasMoreHistoryConversations=false;get hostElement(){return i(this)}isSubmitting=false;inputMode="upload";freeInputText="";tokenInvalidListener;removeErrorListener;_historyConversationPageSize=20;pcmUploadRef;handleTokenChange(e){if(e&&e!==n.getToken()){n.setToken(e)}}componentWillLoad(){if(this.zIndex){r.setItem("modal-zIndex",this.zIndex)}if(this.token){n.setToken(this.token)}s(this.token);this.tokenInvalidListener=()=>{this.tokenInvalid.emit()};this.removeErrorListener=a.addErrorListener((e=>{this.someErrorEvent.emit(e)}));document.addEventListener("pcm-token-invalid",this.tokenInvalidListener)}disconnectedCallback(){document.removeEventListener("pcm-token-invalid",this.tokenInvalidListener);if(this.removeErrorListener){this.removeErrorListener()}}handleClose=()=>{this.modalClosed.emit()};loadHistoryConversations=async(e,t)=>{this.isLoadingConversations=true;const i=await d("3022316191018882","pcm-htws-modal",e,this._historyConversationPageSize);const o=this.historyConversationCursorStack.slice(0,t+1);if(i.hasMore&&i.nextCursor){o[t+1]=i.nextCursor}this.historyConversationCursorStack=o;this.historyConversationPageIndex=t;this.historyConversations=i.items;this.hasMoreHistoryConversations=i.hasMore;this.isLoadingConversations=false};handleInputHistoryClick=async()=>{this.isHistoryDrawerOpen=true;this.historyConversationCursorStack=[""];await this.loadHistoryConversations("",0)};handleHistoryConversationPageChange=async e=>{if(e==="prev"){if(this.historyConversationPageIndex===0){return}const e=this.historyConversationPageIndex-1;const t=this.historyConversationCursorStack[e]\|\|"";await this.loadHistoryConversations(t,e);return}if(!this.hasMoreHistoryConversations){return}const t=this.historyConversationPageIndex+1;const i=this.historyConversationCursorStack[t];if(!i){return}await this.loadHistoryConversations(i,t)};handleSelectConversation=e=>{this.conversationId=e;this.isHistoryDrawerOpen=false;this.showChatModal=true};handleToggleInput=()=>{this.inputMode=this.inputMode==="upload"?"free":"upload"};handleFreeInputChange=e=>{const t=e.target;this.freeInputText=t.value};handleStartInterview=async()=>{if(this.inputMode==="upload"&&!this.uploadedFileInfo?.length){l.info("请上传合同文件");return}if(this.inputMode==="free"&&!this.freeInputText.trim()){l.info("请输入合同内容");return}if(this.inputMode==="upload"&&await(this.pcmUploadRef?.getIsUploading?.())){l.info("文件上传中，请稍后");return}this.isSubmitting=true;this.showChatModal=true;this.isSubmitting=false};async handleIsOpenChange(e){if(!e){this.showChatModal=false;this.freeInputText="";this.inputMode="upload"}else{if(this.customInputs&&this.customInputs.input){this.inputMode="free";this.freeInputText=this.customInputs.input}await s(this.token);if(this.conversationId){this.showChatModal=true}}}render(){if(!this.isOpen)return null;const e={zIndex:String(this.zIndex)};const t={"modal-container":true,fullscreen:this.fullscreen,"pc-layout":true};const i={"modal-overlay":true,"fullscreen-overlay":this.fullscreen};const n=this.conversationId&&!this.showChatModal;return o("div",{class:i,style:e},o("div",{class:t},this.isShowHeader&&o("div",{class:"modal-header"},o("div",{class:"header-left"},this.icon&&o("img",{src:this.icon,class:"header-icon",alt:"应用图标"}),o("div",null,this.modalTitle),this.showInputHistory&&o("button",{type:"button",class:"header-history-entry",onClick:this.handleInputHistoryClick,title:"历史会话"},"历史会话")),this.isNeedClose&&o("button",{class:"close-button",onClick:this.handleClose},o("span",null,"×"))),this.showInputHistory&&o("components-drawer",{isOpen:this.isHistoryDrawerOpen,drawerTitle:"历史会话",width:"400px",onClosed:()=>{this.isHistoryDrawerOpen=false}},o("div",{class:"history-drawer-content"},o("div",{class:"conversation-list"},this.isLoadingConversations?o("div",{class:"loading-conversations"},o("div",{class:"loading-spinner-small"}),o("p",null,"加载中...")):this.historyConversations.length===0?o("div",{class:"empty-conversations"},o("p",null,"暂无历史会话")):this.historyConversations.map((e=>o("div",{key:e.id,class:"conversation-item",onClick:()=>this.handleSelectConversation(e.id)},o("div",{class:"conversation-info"},o("div",{class:"conversation-title"},e.name),o("div",{class:"conversation-meta"},o("span",{class:"conversation-time"},e.timeDisplay),e.message_count>0&&o("span",{class:"message-count"},e.message_count,"条消息"),e.status&&o("span",{class:{"conversation-status":true,completed:e.status==="结束",running:e.status==="进行中"}},e.status))))))),!this.isLoadingConversations&&(this.historyConversationPageIndex>0\|\|this.hasMoreHistoryConversations)&&o("div",{class:"history-pagination"},o("button",{type:"button",class:"history-pagination-button",disabled:this.historyConversationPageIndex===0,onClick:()=>this.handleHistoryConversationPageChange("prev")},"上一页"),o("span",{class:"history-pagination-info"},"第 ",this.historyConversationPageIndex+1," 页"),o("button",{type:"button",class:"history-pagination-button",disabled:!this.hasMoreHistoryConversations,onClick:()=>this.handleHistoryConversationPageChange("next")},"下一页")))),!this.showChatModal&&!this.conversationId&&o("div",{class:"input-container"},o("div",{class:"input-mode-toggle"},o("span",null,"合同内容"),o("button",{class:"toggle-button",onClick:this.handleToggleInput},o("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor"},o("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 6h16M4 12h16M4 18h16"})),"切换输入")),this.inputMode==="upload"&&o("div",{class:"resume-upload-section"},o("components-upload",{ref:e=>this.pcmUploadRef=e,maxFileSize:2510241024,multiple:true,maxFileCount:5,mobileUploadAble:this.mobileUploadAble,uploadText:"点击上传合同",acceptFileSuffixList:[".pdf",".doc",".docx",".jpg",".jpeg",".png"],uploadParams:{tags:["other"]},onUploadChange:e=>{const t=e.detail??[];this.uploadedFileInfo=t;this.uploadSuccess.emit(this.uploadedFileInfo)}})),this.inputMode==="free"&&o("div",{class:"free-input"},!!this.mobileUploadAble&&o("components-mobile-input-btn",{name:"合同内容",onOk:e=>{this.freeInputText=e.detail}}),o("div",{class:"textarea-container"},o("textarea",{id:"free-input-text",placeholder:"请输入合同内容",rows:8,value:this.freeInputText,onInput:this.handleFreeInputChange})),o("div",{class:"input-guide"},o("div",{class:"guide-title"},"输入提示："),o("div",{class:"guide-content"},o("div",null,"• 请输入完整的劳动合同内容"),o("div",null,"• 包括甲方（公司）、乙方（员工）信息"),o("div",null,"• 合同期限、工作内容、工作地点"),o("div",null,"• 工作时间、休息休假、劳动报酬"),o("div",null,"• 社会保险、劳动保护、劳动条件"),o("div",null,"• 合同变更、解除和终止条件等")))),o("button",{class:"submit-button",disabled:this.inputMode==="upload"&&!this.uploadedFileInfo?.length\|\|this.inputMode==="free"&&!this.freeInputText.trim()\|\|this.isUploading\|\|this.isSubmitting,onClick:this.handleStartInterview},this.isUploading?"上传中...":this.isSubmitting?"处理中...":"开始分析"),o("div",{class:"ai-disclaimer"},o("p",null,"所有内容均由AI生成仅供参考"),o("p",{class:"beian-info"},o("span",null,"中央网信办生成式人工智能服务备案号"),"：",o("a",{href:"https://www.pincaimao.com",target:"_blank",rel:"noopener noreferrer"},"Hunan-PinCaiMao-202412310003")))),n&&o("div",{class:"loading-container"},o("div",{class:"loading-spinner"}),o("p",{class:"loading-text"},"正在加载对话...")),this.showChatModal&&o("div",null,o("pcm-app-chat-modal",{isOpen:true,modalTitle:this.modalTitle,icon:this.icon,isShowHeader:this.isShowHeader,isNeedClose:this.isNeedClose,fullscreen:this.fullscreen,showWorkspaceHistory:this.showWorkspaceHistory,botId:"3022316191018882",conversationId:this.conversationId,defaultQuery:this.defaultQuery,filePreviewMode:this.filePreviewMode,customInputs:{...this.customInputs,file_url:this.inputMode==="upload"?this.uploadedFileInfo?.map?.((e=>e.cos_key))?.join(","):undefined,file_name:this.uploadedFileInfo?.map?.((e=>e.file_name))?.join(","),input:this.inputMode==="free"?this.freeInputText:undefined},interviewMode:"text"}))))}static get watchers(){return{token:["handleTokenChange"],isOpen:["handleIsOpenChange"]}}};u.style=p+(c+h);export{u as pcm_htws_modal};
2	+ //# sourceMappingURL=p-8fc8e631.entry.js.map