SpoolBuddyAmsPage-QPznn6HF.js 23 KB

1
  1. import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{T as t,a as n,k as r,w as i}from"./client-DWQBE01c.js";import{u as a}from"./chunk-62JRHF6Z-DYKXAPSj.js";import{n as o}from"./QueryClientProvider-CfzZA5MJ.js";import{t as s}from"./useQuery-Q4exvDrv.js";import{t as c}from"./useMutation-D7HomC3_.js";import{n as l}from"./ToastContext-Bg6SLDR7.js";import{t as u}from"./layers-CpeKWrvK.js";import{t as d}from"./link-2-DDhI3fAw.js";import{t as f}from"./link-Br4FFeYU.js";import{t as p}from"./loader-circle-QIogdiwG.js";import{t as ee}from"./package-MQE4xI4T.js";import{t as m}from"./search-DLu9V8cG.js";import{t as h}from"./settings-2-BiUbKfTt.js";import{t as g}from"./unlink-GnyWeGsz.js";import{t as te}from"./x-Ros7hs1-.js";import{t as _}from"./Button-CDViejCk.js";import{a as v,c as y}from"./colors-je4aRt_-.js";import{D as b,O as x,_ as S,f as C,g as ne,h as w,v as T,x as re}from"./amsHelpers-CWcmx9Ax.js";import{n as ie}from"./useUiSettings-DNDF6KSU.js";import{i as ae,n as oe,r as se,t as ce}from"./AmsUnitCard-Data-P8f.js";import{n as le}from"./spoolPaint-Imx_KAjK.js";import{t as ue}from"./printerModel-DrNvERGQ.js";import{n as de,t as fe}from"./ConfigureAmsSlotModal-Bd-ppq2O.js";var E=e(r(),1),D=i();function pe({isOpen:e,onClose:r,tagUid:i,trayUuid:a,printerId:u,amsId:d,trayId:ee}){let{t:h}=t(),g=o(),{showToast:y}=l(),[b,x]=(0,E.useState)(``),S=a||i,{data:C,isLoading:ne}=s({queryKey:[`unlinked-spools`],queryFn:n.getUnlinkedSpools,enabled:e}),w=(0,E.useMemo)(()=>C?C.filter(e=>{if(!b)return!0;let t=b.toLowerCase();return e.filament_name&&e.filament_name.toLowerCase().includes(t)||e.filament_vendor&&e.filament_vendor.toLowerCase().includes(t)||e.filament_material&&e.filament_material.toLowerCase().includes(t)||String(e.id).includes(t)}):[],[C,b]),T=c({mutationFn:e=>n.linkSpool(e,{spoolTag:S,printerId:u,amsId:d,trayId:ee}),onSuccess:()=>{g.invalidateQueries({queryKey:[`unlinked-spools`]}),g.invalidateQueries({queryKey:[`linked-spools`]}),g.invalidateQueries({queryKey:[`spoolman-slot-assignments`]}),y(h(`spoolman.linkSuccess`),`success`),r()},onError:e=>{y(e.message||h(`spoolman.linkFailed`),`error`)}});return e?(0,D.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:[(0,D.jsx)(`div`,{className:`absolute inset-0 bg-black/60 backdrop-blur-sm`,onClick:r}),(0,D.jsxs)(`div`,{className:`relative bg-bambu-dark-secondary rounded-xl shadow-xl w-full max-w-md mx-4 max-h-[80vh] flex flex-col border border-bambu-dark-tertiary`,children:[(0,D.jsxs)(`div`,{className:`flex items-center justify-between p-4 border-b border-white/10`,children:[(0,D.jsxs)(`div`,{children:[(0,D.jsxs)(`h3`,{className:`text-lg font-semibold text-white flex items-center gap-2`,children:[(0,D.jsx)(f,{className:`w-5 h-5 text-bambu-green`}),h(`spoolman.selectSpool`)]}),(0,D.jsxs)(`p`,{className:`text-xs text-bambu-gray mt-1`,children:[`AMS `,d,` T`,ee,` · Printer #`,u]})]}),(0,D.jsx)(`button`,{onClick:r,className:`p-1 text-bambu-gray hover:text-white rounded transition-colors`,children:(0,D.jsx)(te,{className:`w-5 h-5`})})]}),(0,D.jsxs)(`div`,{className:`p-4 border-b border-white/10`,children:[(0,D.jsxs)(`div`,{className:`relative`,children:[(0,D.jsx)(m,{className:`absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-bambu-gray`}),(0,D.jsx)(`input`,{type:`text`,value:b,onChange:e=>x(e.target.value),placeholder:h(`inventory.searchSpools`),className:`w-full pl-9 pr-3 py-2 bg-bambu-dark rounded-lg border border-white/10 text-white text-sm placeholder:text-bambu-gray focus:outline-none focus:border-bambu-green`})]}),(a||i)&&(0,D.jsxs)(`p`,{className:`text-xs text-bambu-gray mt-2 font-mono truncate`,title:a||i,children:[`Tag: `,a||i]})]}),(0,D.jsx)(`div`,{className:`flex-1 overflow-y-auto p-2 min-h-0`,children:ne?(0,D.jsx)(`div`,{className:`flex justify-center py-8`,children:(0,D.jsx)(p,{className:`w-6 h-6 animate-spin text-bambu-green`})}):w.length===0?(0,D.jsx)(`p`,{className:`text-center text-bambu-gray py-8 text-sm`,children:h(`inventory.noSpoolsMatch`)}):w.map(e=>(0,D.jsxs)(`button`,{onClick:()=>T.mutate(e.id),disabled:T.isPending||!S,className:`w-full flex items-center gap-3 p-3 rounded-lg hover:bg-white/5 transition-colors text-left`,children:[(0,D.jsx)(`span`,{className:`w-6 h-6 rounded-full border border-black/20 flex-shrink-0`,style:v(e.filament_color_hex)}),(0,D.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,D.jsx)(`div`,{className:`text-sm text-white font-medium truncate`,children:e.filament_name||h(`spoolman.spoolId`)}),(0,D.jsxs)(`div`,{className:`text-xs text-bambu-gray truncate`,children:[e.filament_vendor?`${e.filament_vendor} · `:``,e.filament_material||`Unknown`,` · #`,e.id]})]}),(0,D.jsx)(`span`,{className:`text-xs text-bambu-gray`,children:e.remaining_weight==null?`—`:`${Math.round(e.remaining_weight)}g`})]},e.id))}),(0,D.jsx)(`div`,{className:`p-4 border-t border-white/10 flex justify-end`,children:(0,D.jsx)(_,{variant:`ghost`,onClick:r,children:h(`inventory.cancel`)||`Cancel`})})]})]}):null}function me(e){let t=y(e.color_name,e.rgba,e.color_name_is_synthesized);return t?` - ${t}`:``}function he(e){return e<=3?`AMS ${String.fromCharCode(65+e)}`:e>=128&&e<=135?`AMS HT ${String.fromCharCode(65+e-128)}`:`AMS ${e}`}function O(e){return!e.tray_type||e.tray_type===``}function ge(e){return e?`#${e.slice(0,6)}`:`#808080`}function k(){let{selectedPrinterId:e,setAlert:r}=a(),{t:i}=t(),f=o(),{showToast:p}=l(),{data:m}=s({queryKey:[`printerStatus`,e],queryFn:()=>n.getPrinterStatus(e),enabled:e!==null,staleTime:30*1e3}),{data:_}=s({queryKey:[`printer`,e],queryFn:()=>n.getPrinter(e),enabled:e!==null,staleTime:60*1e3}),{data:y}=s({queryKey:[`slotPresets`,e],queryFn:()=>n.getSlotPresets(e),enabled:e!==null,staleTime:120*1e3}),{data:k}=ie({staleTime:300*1e3}),{data:_e}=s({queryKey:[`spoolman-status`],queryFn:n.getSpoolmanStatus,staleTime:60*1e3}),A=_e?.enabled&&_e?.connected,{data:ve}=s({queryKey:[`linked-spools`],queryFn:n.getLinkedSpools,enabled:!!A,staleTime:30*1e3}),j=ve?.linked,{data:M=[]}=s({queryKey:[`spoolman-slot-assignments`,`all`],queryFn:()=>n.getSpoolmanSlotAssignments(),enabled:!!A,staleTime:30*1e3}),{data:N=[]}=s({queryKey:[`spoolman-inventory-spools`],queryFn:()=>n.getSpoolmanInventorySpools(!1),enabled:!!A,staleTime:30*1e3}),{data:P}=s({queryKey:[`spool-assignments`,e],queryFn:()=>n.getAssignments(e),enabled:e!==null,staleTime:30*1e3}),F=(0,E.useMemo)(()=>{let e={};if(!P)return e;for(let t of P){let n=t.spool;if(n&&n.label_weight>0&&n.weight_used!=null){let r=Math.round(Math.max(0,n.label_weight-n.weight_used)/n.label_weight*100);e[`${t.ams_id}-${t.tray_id}`]=r}}return e},[P]),I=_?.serial_number??``,L=(0,E.useCallback)((t,n,r)=>{if(e!==null&&M.length&&N.length){let r=M.find(r=>r.printer_id===e&&r.ams_id===t&&r.tray_id===n);if(r){let e=N.find(e=>e.id===r.spoolman_spool_id);if(e&&(e.label_weight??0)>0)return Math.round(Math.max(0,e.label_weight-e.weight_used)/e.label_weight*100)}}if(j&&I){let e=(r?.tray_uuid||r?.tag_uid||w(I,t,n))?.toUpperCase(),i=T(e?j[e]:void 0);if(i!==null)return i}return null},[j,I,e,M,N]),R=m?.connected??!1,ye=(0,E.useRef)({});(0,E.useEffect)(()=>{e&&m?.ams&&m.ams.length>0&&(ye.current[e]=m.ams)},[m?.ams,e]);let z=(0,E.useMemo)(()=>{let t=m?.ams;return t&&t.length>0?t:(e?ye.current[e]:null)??[]},[m?.ams,e]),B=(0,E.useMemo)(()=>z.filter(e=>!e.is_ams_ht),[z]),be=(0,E.useMemo)(()=>z.filter(e=>e.is_ams_ht),[z]),xe=(0,E.useMemo)(()=>{let e={};if(!j||!I)return e;for(let t of B)for(let n=0;n<(t.tray?.length??0);n++){let r=t.tray[n],i=L(t.id,n,O(r)?null:r);i!==null&&(e[`${t.id}-${n}`]=i)}return e},[j,I,B,L]),V=(0,E.useRef)(void 0),H=m?.tray_now;H!==void 0&&H!==255?V.current=H:H===255&&(V.current=void 0);let U=H!==void 0&&H!==255?H:V.current,W=_?.nozzle_count===2||m?.temperatures?.nozzle_2!==void 0,G=(0,E.useMemo)(()=>[...m?.vt_tray??[]].sort((e,t)=>(e.id??254)-(t.id??254)),[m?.vt_tray]),K=k?{humidityGood:Number(k.ams_humidity_good)||40,humidityFair:Number(k.ams_humidity_fair)||60,tempGood:Number(k.ams_temp_good)||28,tempFair:Number(k.ams_temp_fair)||35}:void 0,Se=(0,E.useRef)({});(0,E.useEffect)(()=>{m?.ams_extruder_map&&Object.keys(m.ams_extruder_map).length>0&&(Se.current=m.ams_extruder_map)},[m?.ams_extruder_map]);let q=m?.ams_extruder_map&&Object.keys(m.ams_extruder_map).length>0?m.ams_extruder_map:Se.current,J=(0,E.useCallback)(e=>{if(!W)return null;let t=q[String(e)],n=e>=128?e-128:e;return(t===void 0?n:t)===1?`L`:`R`},[W,q]),[Y,Ce]=(0,E.useState)(null),[X,Z]=(0,E.useState)(null),[Q,we]=(0,E.useState)(null),[$,Te]=(0,E.useState)(null),Ee=(0,E.useCallback)((e,t)=>P?.find(n=>n.ams_id===Number(e)&&n.tray_id===Number(t)),[P]),De=(0,E.useCallback)((e,t,n)=>{if(!j||!I)return;let r=(n?.tray_uuid||n?.tag_uid||w(I,e,t))?.toUpperCase();return r?j[r]:void 0},[j,I]),Oe=c({mutationFn:({printerId:e,amsId:t,trayId:r})=>n.unassignSpool(e,t,r),onSuccess:()=>{f.invalidateQueries({queryKey:[`spool-assignments`,e]}),f.invalidateQueries({queryKey:[`spool-assignments`]}),p(i(`inventory.unassignSuccess`,`Spool unassigned`),`success`),Z(null)}}),ke=c({mutationFn:e=>n.unlinkSpool(e),onSuccess:e=>{p(i(`spoolman.unlinkSuccess`)||e?.message,`success`),f.invalidateQueries({queryKey:[`linked-spools`]}),f.invalidateQueries({queryKey:[`unlinked-spools`]}),f.invalidateQueries({queryKey:[`spoolman-slot-assignments`]}),f.invalidateQueries({queryKey:[`spoolman-slot-assignments`,`all`]}),f.invalidateQueries({queryKey:[`spoolman-inventory-spools`]}),Z(null)},onError:e=>{p(e.message||i(`spoolman.unlinkFailed`),`error`)}}),Ae=c({mutationFn:e=>n.unassignSpoolmanSlot(e),onSuccess:()=>{p(i(`inventory.unassignSuccess`,`Spool unassigned`),`success`),f.invalidateQueries({queryKey:[`spoolman-slot-assignments`]}),f.invalidateQueries({queryKey:[`spoolman-slot-assignments`,`all`]}),f.invalidateQueries({queryKey:[`spoolman-inventory-spools`]}),f.invalidateQueries({queryKey:[`unlinked-spools`]}),f.invalidateQueries({queryKey:[`linked-spools`]}),Z(null)},onError:e=>{p(e.message||i(`inventory.assignFailed`,`Failed to unassign spool`),`error`)}}),je=(0,E.useCallback)(e=>U===void 0?null:e<=3&&Math.floor(U/4)===e?U%4:e>=128&&e<=135&&U===S(e,0,!1)?0:null,[U]),Me=(0,E.useCallback)((e,t,n)=>{let r=S(e,t,!1),i=y?.[r],a=q[String(e)],o=e>=128?e-128:e,s=a===void 0?o:a,c={amsId:e,trayId:t,tray:n,trayType:n?.tray_type||void 0,trayColor:n?.tray_color||void 0,traySubBrands:n?.tray_sub_brands||void 0,trayInfoIdx:n?.tray_info_idx||void 0,extruderId:W?s:void 0,caliIdx:n?.cali_idx,savedPresetId:x(i?.preset_id,n?.tray_info_idx,i?.tray_info_idx)?i?.preset_id:void 0,location:`${he(e)} Slot ${t+1}`};Z(c)},[y,q,W]),Ne=(0,E.useCallback)(e=>{let t=e.id??254,n=t-254,r=y?.[1020+n],i={amsId:255,trayId:n,tray:O(e)?null:e,trayType:e.tray_type||void 0,trayColor:e.tray_color||void 0,traySubBrands:e.tray_sub_brands||void 0,trayInfoIdx:e.tray_info_idx||void 0,extruderId:W?+(t===254):void 0,caliIdx:e.cali_idx,savedPresetId:x(r?.preset_id,e.tray_info_idx,r?.tray_info_idx)?r?.preset_id:void 0,location:W?t===254?`Ext-L`:`Ext-R`:`External`};Z(i)},[y,W]),Pe=(0,E.useCallback)(()=>{if(!X)return;let{tray:e,location:t,...n}=X;Z(null),Ce(n)},[X]),Fe=(0,E.useCallback)(()=>{if(!X||!e)return;let{amsId:t,trayId:n,trayType:r,trayColor:i,location:a}=X;Z(null),we({printerId:e,amsId:t,trayId:n,trayInfo:{type:r||``,material:r,color:i?.slice(0,6)||``,location:a}})},[X,e]),Ie=(0,E.useCallback)(()=>{if(!X||!e)return;let{amsId:t,trayId:n,tray:r}=X,i=(r?.tray_uuid||r?.tag_uid||w(I,t,n))?.toUpperCase()||``;Z(null),Te({tagUid:r?.tag_uid||i,trayUuid:r?.tray_uuid||``,printerId:e,amsId:t,trayId:n})},[X,e,I]),Le=(0,E.useCallback)(()=>{if(!X||!e)return;let{amsId:t,trayId:n}=X;Oe.mutate({printerId:e,amsId:t,trayId:n})},[X,e,Oe]);(0,E.useEffect)(()=>{if(!R&&e){r({type:`warning`,message:i(`spoolbuddy.ams.printerDisconnected`,`Printer disconnected`)});return}for(let e of z){let t=e.tray||[];for(let n=0;n<t.length;n++){let i=t[n];if(i.remain!==null&&i.remain>=0&&i.remain<15&&i.tray_type){let t=e.id===254||e.id===255,a=!t&&e.id>=128,o=C(e.id,n,a,t);r({type:`warning`,message:`Low Filament: ${i.tray_type} (${o}) - ${i.remain}% remaining`});return}}}r(null)},[z,R,e,r,i]);let Re=(0,E.useMemo)(()=>{let e=[];for(let t of be){let n=t.tray?.[0]||{id:0,tray_color:null,tray_type:``,tray_sub_brands:null,tray_id_name:null,tray_info_idx:null,remain:-1,k:null,cali_idx:null,tag_uid:null,tray_uuid:null,nozzle_temp_min:null,nozzle_temp_max:null},r=L(t.id,0,O(n)?null:n),i=F[`${t.id}-0`]??null,a=n.remain!=null&&n.remain>=0?n.remain:null,o=i===0&&a!==null&&a>0?null:i;e.push({key:`ht-${t.id}`,label:he(t.id),tray:n,isEmpty:O(n),isActive:je(t.id)===0,temp:t.temp,humidity:t.humidity,nozzleSide:J(t.id),effectiveFill:r??o??a,onClick:()=>Me(t.id,0,O(n)?null:n)})}for(let t of G){let n=t.id??254,r=W&&U===254?n===254&&m?.active_extruder===1||n===255&&m?.active_extruder===0:U===n,a=n-254,o=L(255,a,O(t)?null:t),s=F[`255-${a}`]??null,c=t.remain!=null&&t.remain>=0?t.remain:null,l=s===0&&c!==null&&c>0?null:s;e.push({key:`ext-${n}`,label:W?n===254?i(`printers.extL`,`Ext-L`):i(`printers.extR`,`Ext-R`):i(`printers.ext`,`Ext`),tray:t,isEmpty:O(t),isActive:r,nozzleSide:null,effectiveFill:o??l??c,onClick:()=>Ne(t)})}return e},[be,G,W,U,m?.active_extruder,i,je,J,Me,Ne,F,L]);return(0,D.jsxs)(`div`,{className:`h-full flex flex-col p-4`,children:[(0,D.jsx)(`div`,{className:`flex-1 min-h-0`,children:e?R?z.length===0&&G.length===0?(0,D.jsx)(`div`,{className:`flex-1 flex items-center justify-center h-full`,children:(0,D.jsxs)(`div`,{className:`text-center text-white/50`,children:[(0,D.jsx)(u,{className:`w-12 h-12 mx-auto mb-3 opacity-50`}),(0,D.jsx)(`p`,{className:`text-lg mb-2`,children:i(`spoolbuddy.ams.noData`,`No AMS detected`)}),(0,D.jsx)(`p`,{className:`text-sm`,children:i(`spoolbuddy.ams.connectAms`,`Connect an AMS to see filament slots`)})]})}):(0,D.jsxs)(`div`,{className:`flex flex-col gap-3 h-full`,children:[(0,D.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-3`,children:B.map(e=>(0,D.jsx)(ce,{unit:e,activeSlot:je(e.id),onConfigureSlot:Me,isDualNozzle:W,nozzleSide:J(e.id),thresholds:K,fillOverrides:F,spoolmanFillOverrides:xe},e.id))}),Re.length>0&&(0,D.jsx)(`div`,{className:`grid grid-cols-2 md:grid-cols-4 gap-3`,children:Re.map(({key:e,label:t,tray:n,isEmpty:r,isActive:i,temp:a,humidity:o,nozzleSide:s,effectiveFill:c,onClick:l})=>{let u=ge(n.tray_color);return(0,D.jsxs)(`div`,{className:`bg-bambu-dark-secondary rounded-lg px-3 py-2 cursor-pointer hover:bg-bambu-dark-secondary/80 transition-all flex items-center gap-3 ${i?`ring-2 ring-bambu-green`:``}`,onClick:l,children:[(0,D.jsxs)(`div`,{className:`relative w-10 h-10 flex-shrink-0`,children:[r?(0,D.jsx)(`div`,{className:`w-full h-full rounded-full border-2 border-dashed border-gray-500 flex items-center justify-center`,children:(0,D.jsx)(`div`,{className:`w-1.5 h-1.5 rounded-full bg-gray-600`})}):(0,D.jsxs)(`svg`,{viewBox:`0 0 56 56`,className:`w-full h-full`,children:[(0,D.jsx)(`circle`,{cx:`28`,cy:`28`,r:`26`,fill:u}),(0,D.jsx)(`circle`,{cx:`28`,cy:`28`,r:`20`,fill:u,style:{filter:`brightness(0.85)`}}),(0,D.jsx)(`ellipse`,{cx:`20`,cy:`20`,rx:`6`,ry:`4`,fill:`white`,opacity:`0.3`}),(0,D.jsx)(`circle`,{cx:`28`,cy:`28`,r:`8`,fill:`#2d2d2d`}),(0,D.jsx)(`circle`,{cx:`28`,cy:`28`,r:`5`,fill:`#1a1a1a`})]}),i&&(0,D.jsx)(`div`,{className:`absolute -bottom-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 bg-bambu-green rounded-full`})]}),(0,D.jsxs)(`div`,{className:`min-w-0`,children:[(0,D.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,D.jsx)(`span`,{className:`text-xs text-white/50 font-medium truncate`,children:t}),s&&(0,D.jsx)(se,{side:s})]}),(0,D.jsx)(`div`,{className:`text-sm text-white/80 truncate`,children:r?`Empty`:n.tray_type||`?`}),(a!=null||o!=null)&&(0,D.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[a!=null&&(0,D.jsx)(ae,{temp:a,goodThreshold:K?.tempGood,fairThreshold:K?.tempFair}),o!=null&&(0,D.jsx)(oe,{humidity:o,goodThreshold:K?.humidityGood,fairThreshold:K?.humidityFair})]})]}),!r&&c!=null&&c>=0&&(0,D.jsx)(`div`,{className:`w-1.5 h-8 bg-bambu-dark-tertiary rounded-full overflow-hidden flex-shrink-0 flex flex-col-reverse`,children:(0,D.jsx)(`div`,{className:`w-full rounded-full`,style:{height:`${c}%`,backgroundColor:ne(c)}})})]},e)})})]}):(0,D.jsx)(`div`,{className:`flex-1 flex items-center justify-center h-full`,children:(0,D.jsx)(`div`,{className:`text-center text-white/50`,children:(0,D.jsx)(`p`,{className:`text-lg mb-2`,children:i(`spoolbuddy.ams.printerDisconnected`,`Printer disconnected`)})})}):(0,D.jsx)(`div`,{className:`flex-1 flex items-center justify-center h-full`,children:(0,D.jsxs)(`div`,{className:`text-center text-white/50`,children:[(0,D.jsx)(`p`,{className:`text-lg mb-2`,children:i(`spoolbuddy.ams.noPrinter`,`No printer selected`)}),(0,D.jsx)(`p`,{className:`text-sm`,children:i(`spoolbuddy.ams.selectPrinter`,`Select a printer from the top bar`)})]})})}),Y&&e&&(0,D.jsx)(fe,{isOpen:!!Y,onClose:()=>Ce(null),printerId:e,slotInfo:Y,printerModel:ue(_?.model??null)||void 0,nozzleDiameter:b(m,Y.amsId),printerState:m?.state,fullScreen:!0,onSuccess:()=>{f.invalidateQueries({queryKey:[`slotPresets`,e]}),f.invalidateQueries({queryKey:[`printerStatus`,e]})}}),X&&e&&(()=>{let t=Ee(X.amsId,X.trayId),n=De(X.amsId,X.trayId,X.tray),r=A?M.find(t=>t.printer_id===e&&t.ams_id===X.amsId&&t.tray_id===X.trayId):void 0,a=r?N.find(e=>e.id===r.spoolman_spool_id)??null:null;return(0,D.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:[(0,D.jsx)(`div`,{className:`absolute inset-0 bg-black/60 backdrop-blur-sm`,onClick:()=>Z(null)}),(0,D.jsxs)(`div`,{className:`relative w-full max-w-sm mx-4 bg-bambu-dark-secondary border border-bambu-dark-tertiary rounded-xl shadow-2xl`,children:[(0,D.jsxs)(`div`,{className:`flex items-center justify-between p-4 border-b border-bambu-dark-tertiary`,children:[(0,D.jsxs)(`div`,{className:`flex items-center gap-2`,children:[X.trayColor&&(0,D.jsx)(`span`,{className:`w-4 h-4 rounded-full border border-black/20`,style:{backgroundColor:`#${X.trayColor.slice(0,6)}`}}),(0,D.jsx)(`h2`,{className:`text-lg font-semibold text-white`,children:X.location}),X.traySubBrands&&(0,D.jsxs)(`span`,{className:`text-sm text-bambu-gray`,children:[`(`,X.traySubBrands,`)`]})]}),(0,D.jsx)(`button`,{onClick:()=>Z(null),className:`p-1 text-bambu-gray hover:text-white rounded transition-colors`,children:(0,D.jsx)(te,{className:`w-5 h-5`})})]}),(0,D.jsxs)(`div`,{className:`p-4 space-y-2`,children:[!A&&t?.spool&&(0,D.jsxs)(`div`,{className:`p-2.5 bg-bambu-dark rounded-lg border border-bambu-dark-tertiary mb-3`,children:[(0,D.jsx)(`p`,{className:`text-xs text-bambu-gray mb-1`,children:i(`inventory.assignedSpool`,`Assigned spool`)}),(0,D.jsxs)(`div`,{className:`flex items-center gap-2`,children:[t.spool.rgba&&(0,D.jsx)(`span`,{className:`w-3 h-3 rounded-full border border-black/20 flex-shrink-0`,style:le(t.spool)??v(t.spool.rgba)}),(0,D.jsxs)(`span`,{className:`text-sm text-white`,children:[t.spool.brand?`${t.spool.brand} `:``,t.spool.material,t.spool.subtype?` ${t.spool.subtype}`:``,me(t.spool)]}),(0,D.jsxs)(`span`,{className:`text-[10px] font-mono text-zinc-500 shrink-0 ml-auto`,children:[`#`,t.spool.id]})]})]}),A&&n&&!a&&(0,D.jsxs)(`div`,{className:`p-2.5 bg-bambu-dark rounded-lg border border-bambu-dark-tertiary mb-3`,children:[(0,D.jsx)(`p`,{className:`text-xs text-bambu-gray mb-1`,children:i(`spoolman.linkedSpool`,`Linked spool`)}),(0,D.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,D.jsxs)(`span`,{className:`text-sm text-white`,children:[`Spoolman #`,n.id,n.remaining_weight==null?``:` (${Math.round(n.remaining_weight)}g)`]})})]}),A&&a&&(0,D.jsxs)(`div`,{className:`p-2.5 bg-bambu-dark rounded-lg border border-bambu-dark-tertiary mb-3`,children:[(0,D.jsx)(`p`,{className:`text-xs text-bambu-gray mb-1`,children:i(`inventory.assignedSpool`,`Assigned spool`)}),(0,D.jsxs)(`div`,{className:`flex items-center gap-2`,children:[a.rgba&&(0,D.jsx)(`span`,{className:`w-3 h-3 rounded-full border border-black/20 flex-shrink-0`,style:le(a)??v(a.rgba)}),(0,D.jsxs)(`span`,{className:`text-sm text-white`,children:[a.brand?`${a.brand} `:``,a.material,a.subtype?` ${a.subtype}`:``,me(a)]})]})]}),(0,D.jsxs)(`button`,{onClick:Pe,className:`w-full flex items-center gap-3 p-3 rounded-lg bg-bambu-dark border border-bambu-dark-tertiary hover:border-bambu-blue transition-colors text-left`,children:[(0,D.jsx)(h,{className:`w-5 h-5 text-bambu-blue flex-shrink-0`}),(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`p`,{className:`text-white font-medium`,children:i(`configureAmsSlot.title`)}),(0,D.jsx)(`p`,{className:`text-xs text-bambu-gray`,children:i(`spoolbuddy.ams.configureDesc`,`Set filament preset, K-profile, and color`)})]})]}),!A&&(re(X?.tray)?null:t?(0,D.jsxs)(`button`,{onClick:Le,disabled:Oe.isPending,className:`w-full flex items-center gap-3 p-3 rounded-lg bg-bambu-dark border border-bambu-dark-tertiary hover:border-amber-500 transition-colors text-left`,children:[(0,D.jsx)(g,{className:`w-5 h-5 text-amber-400 flex-shrink-0`}),(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`p`,{className:`text-amber-400 font-medium`,children:i(`inventory.unassignSpool`,`Unassign`)}),(0,D.jsx)(`p`,{className:`text-xs text-bambu-gray`,children:i(`spoolbuddy.ams.unassignDesc`,`Remove inventory spool from this slot`)})]})]}):(0,D.jsxs)(`button`,{onClick:Fe,className:`w-full flex items-center gap-3 p-3 rounded-lg bg-bambu-dark border border-bambu-dark-tertiary hover:border-bambu-green transition-colors text-left`,children:[(0,D.jsx)(ee,{className:`w-5 h-5 text-bambu-green flex-shrink-0`}),(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`p`,{className:`text-white font-medium`,children:i(`inventory.assignSpool`)}),(0,D.jsx)(`p`,{className:`text-xs text-bambu-gray`,children:i(`spoolbuddy.ams.assignDesc`,`Track a spool from your inventory`)})]})]})),A&&(n?.id?(0,D.jsxs)(`button`,{onClick:()=>ke.mutate(n.id),disabled:ke.isPending,className:`w-full flex items-center gap-3 p-3 rounded-lg bg-bambu-dark border border-bambu-dark-tertiary hover:border-amber-500 transition-colors text-left active:opacity-50`,children:[(0,D.jsx)(g,{className:`w-5 h-5 text-amber-400 flex-shrink-0`}),(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`p`,{className:`text-amber-400 font-medium`,children:i(`inventory.unassignSpool`)}),(0,D.jsx)(`p`,{className:`text-xs text-bambu-gray`,children:i(`spoolbuddy.ams.unlinkDesc`,`Remove Spoolman link from this slot`)})]})]}):a?(0,D.jsxs)(`button`,{onClick:()=>Ae.mutate(a.id),disabled:Ae.isPending,className:`w-full flex items-center gap-3 p-3 rounded-lg bg-bambu-dark border border-bambu-dark-tertiary hover:border-amber-500 transition-colors text-left active:opacity-50`,children:[(0,D.jsx)(g,{className:`w-5 h-5 text-amber-400 flex-shrink-0`}),(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`p`,{className:`text-amber-400 font-medium`,children:i(`inventory.unassignSpool`)}),(0,D.jsx)(`p`,{className:`text-xs text-bambu-gray`,children:i(`spoolbuddy.ams.unassignDesc`,`Remove inventory spool from this slot`)})]})]}):(0,D.jsxs)(`button`,{onClick:Ie,className:`w-full flex items-center gap-3 p-3 rounded-lg bg-bambu-dark border border-bambu-dark-tertiary hover:border-bambu-green transition-colors text-left`,children:[(0,D.jsx)(d,{className:`w-5 h-5 text-bambu-green flex-shrink-0`}),(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`p`,{className:`text-white font-medium`,children:i(`inventory.assignSpool`)}),(0,D.jsx)(`p`,{className:`text-xs text-bambu-gray`,children:i(`spoolbuddy.ams.linkDesc`,`Link a Spoolman spool to this slot`)})]})]}))]})]})]})})(),Q&&(0,D.jsx)(de,{isOpen:!!Q,onClose:()=>{we(null),f.invalidateQueries({queryKey:[`spool-assignments`,e]}),f.invalidateQueries({queryKey:[`spool-assignments`]})},printerId:Q.printerId,amsId:Q.amsId,trayId:Q.trayId,trayInfo:Q.trayInfo,spoolmanEnabled:!!A}),$&&(0,D.jsx)(pe,{isOpen:!!$,onClose:()=>Te(null),tagUid:$.tagUid,trayUuid:$.trayUuid,printerId:$.printerId,amsId:$.amsId,trayId:$.trayId})]})}export{k as SpoolBuddyAmsPage};