aitu-app 0.6.38 → 0.6.40

package/README.md

@@ -1,6 +1,6 @@
-# Opentu CDN Assets v0.6.38
+# Opentu CDN Assets v0.6.40
 
 > 静态资源包，不含 HTML 文件
 
-- unpkg: https://unpkg.com/aitu-app@0.6.38/
-- jsdelivr: https://cdn.jsdelivr.net/npm/aitu-app@0.6.38/
+- unpkg: https://unpkg.com/aitu-app@0.6.40/
+- jsdelivr: https://cdn.jsdelivr.net/npm/aitu-app@0.6.40/

package/assets/AudioTrackList-D-eY_gSQ.js

@@ -0,0 +1,38 @@
+import{cn as h,cA as x,cz as y,x as i,fP as D,fZ as g,f_ as L,f$ as _,g0 as M,eG as q,b as p,dH as w,g1 as U,aR as v,cC as V,H as z,g2 as C,cD as T,cE as R}from"./index-h06u2h4K.js";/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const S=[["path",{d:"m12 14 4-4",key:"9kzdfg"}],["path",{d:"M3.34 19a10 10 0 1 1 17.32 0",key:"19p75a"}]],X=h("gauge",S);/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const $=[["path",{d:"M11 5h10",key:"1cz7ny"}],["path",{d:"M11 12h10",key:"1438ji"}],["path",{d:"M11 19h10",key:"11t30w"}],["path",{d:"M4 4h1v5",key:"10yrso"}],["path",{d:"M4 9h2",key:"r1h2o0"}],["path",{d:"M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02",key:"xtkcd5"}]],Z=h("list-ordered",$);/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const H=[["path",{d:"m17 2 4 4-4 4",key:"nntrym"}],["path",{d:"M3 11v-1a4 4 0 0 1 4-4h14",key:"84bu3i"}],["path",{d:"m7 22-4-4 4-4",key:"1wqhfi"}],["path",{d:"M21 13v1a4 4 0 0 1-4 4H3",key:"1rx37r"}],["path",{d:"M11 10h1v4",key:"70cz1p"}]],F=h("repeat-1",H);/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const P=[["path",{d:"m17 2 4 4-4 4",key:"nntrym"}],["path",{d:"M3 11v-1a4 4 0 0 1 4-4h14",key:"84bu3i"}],["path",{d:"m7 22-4-4 4-4",key:"1wqhfi"}],["path",{d:"M21 13v1a4 4 0 0 1-4 4H3",key:"1rx37r"}]],J=h("repeat",P);/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const B=[["path",{d:"m18 14 4 4-4 4",key:"10pe0f"}],["path",{d:"m18 2 4 4-4 4",key:"pucp1d"}],["path",{d:"M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22",key:"1ailkh"}],["path",{d:"M2 6h1.972a4 4 0 0 1 3.6 2.2",key:"km57vx"}],["path",{d:"M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45",key:"os18l9"}]],W=h("shuffle",B);/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const G=[["path",{d:"M17.971 4.285A2 2 0 0 1 21 6v12a2 2 0 0 1-3.029 1.715l-9.997-5.998a2 2 0 0 1-.003-3.432z",key:"15892j"}],["path",{d:"M3 20V4",key:"1ptbpl"}]],Y=h("skip-back",G);/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const I=[["path",{d:"M21 4v16",key:"7j8fe9"}],["path",{d:"M6.029 4.285A2 2 0 0 0 3 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432z",key:"zs4d6"}]],K=h("skip-forward",I),ee=({contextMenu:e,playlists:f,playlistItems:c,favoriteAssetIds:u,selectedPlaylistId:s,currentPlaylistItemKeys:d,onClose:n,onToggleFavorite:r,onAddToPlaylist:t,onRemoveFromPlaylist:l,onCreatePlaylistAndAdd:a})=>{if(!e)return null;const o=[];return x(e.item)&&o.push({key:"favorite",label:m=>x(m)&&u.has(m.assetId)?"取消收藏":"加入收藏",icon:i.jsxDEV(g,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackContextMenu.tsx",lineNumber:63,columnNumber:13},void 0),onSelect:m=>{x(m)&&r(m.assetId)}}),o.push({key:"playlist-actions",type:"submenu",label:"添加到播放列表",icon:i.jsxDEV(_,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackContextMenu.tsx",lineNumber:77,columnNumber:13},void 0),children:m=>f.map(k=>{const A=(c[k.id]||[]).map(N=>L(N)).some(N=>N?y(N)===y(m):!1);return{key:`playlist-${k.id}`,label:A?`已在 ${k.name}`:`添加到 ${k.name}`,icon:i.jsxDEV(_,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackContextMenu.tsx",lineNumber:86,columnNumber:19},void 0),disabled:A,onSelect:()=>t(m,k.id)}})}),s&&(d!=null&&d.has(y(e.item)))&&l&&o.push({key:"remove-from-current",label:"从当前播放列表移除",icon:i.jsxDEV(M,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackContextMenu.tsx",lineNumber:102,columnNumber:13},void 0),danger:!0,onSelect:m=>l(m,s)}),o.push({key:"create-playlist",label:"新建播放列表并添加",icon:i.jsxDEV(q,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackContextMenu.tsx",lineNumber:111,columnNumber:11},void 0),onSelect:m=>a(m)}),i.jsxDEV(D,{state:{x:e.x,y:e.y,payload:e.item},items:o,onClose:n},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackContextMenu.tsx",lineNumber:116,columnNumber:5},void 0)};function se(){const[e,f]=p.useState([]),c=p.useRef(new Map),u=p.useCallback(async()=>{const n=await w.getAllNoteMetas();f(n.sort((r,t)=>t.updatedAt-r.updatedAt))},[]);p.useEffect(()=>{u()},[u]);const s=p.useCallback(async n=>{var a;const r=c.current.get(n);if(r)return r;const t=await w.getNoteById(n);if(!t||!((a=t.content)!=null&&a.trim()))return null;const l=U({elementId:`kb-note:${t.id}`,title:t.title||"知识库笔记",content:[t.title,t.content].filter(Boolean).join(`
+
+`),origin:{kind:"kb-note",id:t.id}});return l&&c.current.set(n,l),l},[]),d=p.useCallback(async n=>{const r=[];if(n){const t=await s(n);t&&r.push(t)}for(const t of e){if(t.id===n)continue;const l=await s(t.id);l&&r.push(l)}return r},[e,s]);return{noteMetas:e,refresh:u,loadReadingSource:s,buildReadingQueue:d}}const b=new Map,j=new Map;function E(e){return typeof e=="number"&&Number.isFinite(e)&&e>0}function O(e){const f=j.get(e);if(f)return f;const c=new Promise(u=>{const s=new Audio;s.preload="metadata";const d=()=>{s.removeEventListener("loadedmetadata",n),s.removeEventListener("error",r),s.src="",s.load(),j.delete(e),u()},n=()=>{E(s.duration)&&b.set(e,s.duration),d()},r=()=>{d()};s.addEventListener("loadedmetadata",n),s.addEventListener("error",r),s.src=e});return j.set(e,c),c}function ae(e){const f=p.useRef(b),[,c]=p.useState(0);return p.useEffect(()=>{let u=!1;const s=[];return e.forEach(d=>{if(d.audioUrl){if(E(d.duration)){b.set(d.audioUrl,d.duration);return}b.has(d.audioUrl)||s.push(O(d.audioUrl).then(()=>{u||c(n=>n+1)}))}}),()=>{u=!0}},[e]),f.current}const ie=({items:e,onSelect:f,onContextMenu:c,onToggleFavorite:u,onTogglePlayback:s,showFavoriteButton:d=!1,showPlaybackIndicator:n=!1,className:r,itemClassName:t,onOpenKnowledgeBase:l})=>i.jsxDEV("div",{className:v("audio-track-list",r),children:e.map(a=>i.jsxDEV("div",{role:"button",tabIndex:0,className:v("audio-track-list__item",t,{"audio-track-list__item--active":a.isActive}),onClick:()=>f(a),onContextMenu:o=>c==null?void 0:c(a,o),onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),f(a))},children:[i.jsxDEV("div",{className:"audio-track-list__cover",children:i.jsxDEV(V,{src:a.previewImageUrl,alt:a.title,fallbackClassName:"audio-track-list__cover audio-track-list__cover--fallback",iconSize:16,loading:"lazy"},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:68,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:67,columnNumber:11},void 0),i.jsxDEV("div",{className:"audio-track-list__meta",children:[i.jsxDEV("div",{className:"audio-track-list__title",children:a.title},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:77,columnNumber:13},void 0),i.jsxDEV("div",{className:"audio-track-list__subtitle",children:a.subtitle||"--:--"},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:78,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:76,columnNumber:11},void 0),d||n?i.jsxDEV("div",{className:"audio-track-list__trailing",onClick:o=>o.stopPropagation(),onPointerDown:o=>o.stopPropagation(),children:[a.noteId&&l?i.jsxDEV(z,{content:"打开知识库笔记",showArrow:!1,children:i.jsxDEV("button",{type:"button",className:"audio-track-list__action-btn",onClick:()=>l(a.noteId),"aria-label":"打开知识库笔记",children:i.jsxDEV(C,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:94,columnNumber:21},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:88,columnNumber:19},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:87,columnNumber:17},void 0):null,d&&a.canFavorite!==!1?i.jsxDEV("button",{type:"button",className:v("audio-track-list__favorite-btn",{"audio-track-list__favorite-btn--active":a.isFavorite}),onClick:()=>u==null?void 0:u(a),"aria-label":a.isFavorite?"取消收藏":"加入收藏",children:i.jsxDEV(g,{size:14,fill:a.isFavorite?"currentColor":"none"},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:107,columnNumber:19},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:99,columnNumber:17},void 0):null,n?i.jsxDEV("button",{type:"button",className:"audio-track-list__status",onClick:()=>s==null?void 0:s(a),"aria-label":a.isPlaying?"暂停播放":"开始播放",children:a.isPlaying?i.jsxDEV(T,{size:16},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:117,columnNumber:37},void 0):i.jsxDEV(R,{size:16},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:117,columnNumber:59},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:111,columnNumber:17},void 0):null]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:81,columnNumber:13},void 0):null]},a.id,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:51,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/shared/AudioTrackList.tsx",lineNumber:49,columnNumber:5},void 0);export{ie as A,X as G,Z as L,F as R,Y as S,ae as a,K as b,ee as c,W as d,J as e,se as u};

package/assets/AudioTrackList-bk_3gzJY.css

@@ -0,0 +1 @@
+.audio-track-list{display:flex;flex-direction:column;gap:8px;min-width:0}.audio-track-list--queue{gap:10px;min-width:0}.audio-track-list__item{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:10px;box-sizing:border-box;border:1px solid transparent;border-radius:12px;background:#ffffffe0;text-align:left;overflow:hidden;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.audio-track-list__item:hover,.audio-track-list__item:focus-visible{outline:none;background:#f8fafcf5}.audio-track-list__item--active{border-color:#2563eb40;background:#dbeafeb8}.audio-track-list--queue .audio-track-list__item{border-radius:18px;background:#ffffffe6;min-width:0}.audio-track-list--queue .audio-track-list__item--active{background:#dbeafeb8}.audio-track-list--queue .audio-track-list__title{font-size:14px}.audio-track-list--queue .audio-track-list__subtitle{font-weight:600}.audio-track-list__cover{width:42px;height:42px;border-radius:10px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#dbeafe,#e2e8f0)}.audio-track-list__cover--fallback{display:flex;align-items:center;justify-content:center}.audio-track-list__meta{min-width:0;flex:1}.audio-track-list__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;color:#18212f}.audio-track-list__subtitle{margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#64748b}.audio-track-list__trailing{display:flex;align-items:center;gap:8px;flex-shrink:0}.audio-track-list__action-btn,.audio-track-list__status{width:28px;height:28px;border:1px solid rgba(37,99,235,.18);border-radius:999px;background:#fffffff0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#1d4ed8}.audio-track-list__action-btn:hover,.audio-track-list__action-btn:focus-visible,.audio-track-list__status:hover,.audio-track-list__status:focus-visible{outline:none;background:#dbeafee6;border-color:#2563eb47}.audio-track-list__favorite-btn{width:28px;height:28px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#ffffffeb;color:#334155;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.audio-track-list__favorite-btn--active{color:#ef4444;background:#fee2e2e0;border-color:#f871713d}

package/assets/BaseDrawer-BGq6Mb5S.js

@@ -0,0 +1 @@
+import{b as d,x as e,H as F,aC as G,bD as J}from"./index-h06u2h4K.js";const P=({isOpen:s,onClose:t,title:u,subtitle:c,headerActions:v,filterSection:m,children:h,footer:o,position:x="toolbar-right",width:n="narrow",customWidth:r,showBackdrop:V=!1,closeOnBackdropClick:j=!0,closeOnEsc:E=!0,zIndex:w,className:L="",headerClassName:X="",contentClassName:R="",footerClassName:$="",showCloseButton:I=!0,closeButtonSize:B="small",resizable:g=!1,minWidth:k=280,maxWidth:S=800,onWidthChange:f,"data-testid":M})=>{const[l,z]=d.useState(null),[p,_]=d.useState(!1),D=d.useRef(null),y=d.useRef(0),q=d.useRef(0);d.useEffect(()=>{if(!s||!E)return;const i=a=>{a.key==="Escape"&&(a.preventDefault(),t())};return window.addEventListener("keydown",i),()=>window.removeEventListener("keydown",i)},[s,E,t]);const H=d.useCallback(()=>{j&&t()},[j,t]),U=d.useCallback(i=>{if(i.preventDefault(),!D.current)return;_(!0);const a="touches"in i?i.touches[0].clientX:i.clientX;y.current=a,q.current=D.current.offsetWidth},[]);d.useEffect(()=>{if(!p)return;const i=b=>{const A=("touches"in b?b.touches[0].clientX:b.clientX)-y.current,C=Math.min(S,Math.max(k,q.current+A));z(C)},a=()=>{_(!1),l!==null&&(f==null||f(l))};return document.addEventListener("mousemove",i),document.addEventListener("mouseup",a),document.addEventListener("touchmove",i,{passive:!1}),document.addEventListener("touchend",a),document.addEventListener("touchcancel",a),()=>{document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",a),document.removeEventListener("touchmove",i),document.removeEventListener("touchend",a),document.removeEventListener("touchcancel",a)}},[p,l,k,S,f]);const T=["side-drawer",`side-drawer--${x}`,`side-drawer--${n}`,s?"side-drawer--open":"",p?"side-drawer--dragging":"",g?"side-drawer--resizable":"",L].filter(Boolean).join(" "),N={};return l!==null?N.width=`${l}px`:r&&(N.width=typeof r=="number"?`${r}px`:r),w!==void 0&&(N.zIndex=w),e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{ref:D,className:T,style:N,"data-testid":M,children:[e.jsxDEV("div",{className:`side-drawer__header ${X}`,children:[e.jsxDEV("div",{className:"side-drawer__header-left",children:[e.jsxDEV("h3",{className:"side-drawer__title",children:u},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:211,columnNumber:13},void 0),c&&e.jsxDEV("span",{className:"side-drawer__subtitle",children:c},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:212,columnNumber:26},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:210,columnNumber:11},void 0),e.jsxDEV("div",{className:"side-drawer__header-right",children:[v,I&&e.jsxDEV(F,{content:"关闭",showArrow:!1,children:e.jsxDEV(G,{variant:"text",size:B,icon:e.jsxDEV(J,{},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:221,columnNumber:25},void 0),onClick:t,className:"side-drawer__close-btn"},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:218,columnNumber:17},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:217,columnNumber:15},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:214,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:209,columnNumber:9},void 0),m&&e.jsxDEV("div",{className:"side-drawer__filter",children:m},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:232,columnNumber:11},void 0),e.jsxDEV("div",{className:`side-drawer__content ${R}`,children:h},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:236,columnNumber:9},void 0),o&&e.jsxDEV("div",{className:`side-drawer__footer ${$}`,children:o},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:240,columnNumber:11},void 0),g&&e.jsxDEV("div",{className:"side-drawer__resize-handle",onMouseDown:U,onTouchStart:U},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:245,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:207,columnNumber:7},void 0),V&&s&&e.jsxDEV("div",{className:"side-drawer__backdrop",onClick:H,style:w!==void 0?{zIndex:w-1}:void 0},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:255,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/SideDrawer.tsx",lineNumber:205,columnNumber:5},void 0)},Z=({storageKey:s,defaultWidth:t,minWidth:u=300,maxWidth:c=1024,resizable:v=!0,...m})=>{const[h,o]=d.useState(()=>{if(s)try{const n=localStorage.getItem(s);if(n){const r=parseInt(n,10);if(!isNaN(r)&&r>=u&&r<=c)return r}}catch{}}),x=d.useCallback(n=>{if(o(n),s)try{localStorage.setItem(s,String(n))}catch{}},[s]);return d.useEffect(()=>{if(s)try{const n=localStorage.getItem(s);if(n){const r=parseInt(n,10);!isNaN(r)&&r>=u&&r<=c&&o(r)}}catch{}},[s,u,c]),e.jsxDEV(P,{...m,resizable:v,minWidth:u,maxWidth:c,customWidth:h||t,onWidthChange:x},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/side-drawer/BaseDrawer.tsx",lineNumber:73,columnNumber:5},void 0)};export{Z as B};

package/assets/BaseDrawer-Dd2zQgH8.css

@@ -0,0 +1 @@
+@charset "UTF-8";.side-drawer{position:fixed;top:0;bottom:0;display:flex;flex-direction:column;background:var(--td-bg-color-container);border-right:none;box-shadow:8px 0 32px #00000014;border-radius:0 16px 16px 0;transition:transform .3s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}.side-drawer--toolbar-right{left:52px;z-index:4030;transform:translate(calc(-100% - 52px));box-shadow:16px 0 48px #00000014}.side-drawer--toolbar-right.side-drawer--open{transform:translate(0)}@media(max-width:768px){.side-drawer--toolbar-right{left:0;transform:translate(-100%)}.side-drawer--toolbar-right.side-drawer--open{transform:translate(0)}}.side-drawer--screen-left{left:0;z-index:4000;transform:translate(-100%);box-shadow:8px 0 24px #0000000f}.side-drawer--screen-left.side-drawer--open{transform:translate(0)}.side-drawer--narrow{width:300px}.side-drawer--medium{width:400px}.side-drawer--wide{width:min(1024px,50vw)}.side-drawer--responsive{width:clamp(320px,50vw,1024px)}@media(max-width:768px){.side-drawer--responsive{width:100vw;max-width:100vw;border-radius:0;left:0!important}}.side-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;flex-shrink:0}.side-drawer--toolbar-right .side-drawer__header{padding-left:16px}.side-drawer__header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.side-drawer__header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.side-drawer__title{margin:0;font-size:20px;font-weight:700;color:var(--td-text-color-primary);letter-spacing:-.02em}.side-drawer__subtitle{font-size:12px;color:var(--td-text-color-placeholder)}.side-drawer__close-btn{color:var(--td-text-color-placeholder, #999)!important}.side-drawer__close-btn:hover{color:var(--td-text-color-primary)!important;background:var(--td-bg-color-container-hover)!important}.side-drawer__filter{padding:0 12px 12px;border-bottom:1px solid var(--td-component-border);flex-shrink:0;background:transparent}.side-drawer--toolbar-right .side-drawer__filter{padding-left:16px}.side-drawer__filter .t-input{border-radius:8px;background:var(--td-bg-color-container);border:1px solid var(--td-gray-color-4);transition:all .2s ease}.side-drawer__filter .t-input:hover{border-color:var(--td-gray-color-6)}.side-drawer__filter .t-input:focus-within{background:var(--td-bg-color-container);border-color:var(--brand-primary, #f39c12);box-shadow:0 0 0 2px #f39c121a}.side-drawer__content{flex:1;overflow-y:auto;overflow-x:hidden}.side-drawer--toolbar-right .side-drawer__content{padding-left:12px}.side-drawer__content::-webkit-scrollbar{width:6px}.side-drawer__content::-webkit-scrollbar-track{background:transparent;margin:4px 0}.side-drawer__content::-webkit-scrollbar-thumb{background:var(--td-bg-color-component, #e7e7e7);border-radius:3px}.side-drawer__content::-webkit-scrollbar-thumb:hover{background:var(--td-bg-color-component-hover, #d0d0d0)}.side-drawer__footer{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--td-component-border);flex-shrink:0;background:var(--td-bg-color-container, #fff)}.side-drawer__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:3999;cursor:pointer}@media(max-width:768px){.side-drawer__header{padding:12px 8px}.side-drawer__title{font-size:16px}.side-drawer__filter{padding:0 8px 8px}.side-drawer__content{padding-left:8px}}.side-drawer__resize-handle{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:ew-resize;background:transparent;z-index:10}.side-drawer__resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:40px;background:var(--td-component-border, #e7e7e7);border-radius:2px;opacity:0;transition:opacity .2s ease}.side-drawer__resize-handle:hover:after{opacity:1;background:#f39c12}.side-drawer--resizable.side-drawer--dragging{transition:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.side-drawer--dragging .side-drawer__resize-handle:after{opacity:1;background:#f39c12}@media(max-width:768px){.side-drawer__resize-handle{width:20px;right:-10px}.side-drawer__resize-handle:after{opacity:.5;width:6px;height:50px}.side-drawer__resize-handle:active:after{opacity:1;background:#f39c12}}

package/assets/CanvasAudioPlayer-DQZqECVy.js

@@ -0,0 +1,17 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BvpTiXWY.css"])))=>i.map(i=>d[i]);
+import{cn as ue,b as s,x as a,aR as ge,H as q,dq as _e,dr as Ee,co as Ce,cp as De,ds as Ue,cr as ce,cs as J,cy as $,cz as Ve,cG as me,bV as fe,bm as qe,bM as Ie,aF as Se,cq as Te,e as te,cB as pe,dt as oe,cF as le,ct as he,cC as Le,bs as Me,cD as Re,cE as $e,O as ze,bt as Oe,cH as Fe}from"./index-h06u2h4K.js";import{u as Ye,a as He,A as Z,c as Be,S as We,b as Qe,G as Xe,d as Ke,R as Ge,e as Je,L as Ze}from"./AudioTrackList-D-eY_gSQ.js";import{D as ye}from"./index-Cqncef9T.js";import"./chevron-right-DmbO-q8E.js";import"./_baseUnset-BcsgI1bg.js";import"./_baseFlatten-CjM_Omr0.js";import"./memoize-Dl_LJ8O_.js";import"./last-DXTTfs9a.js";import"./_flatRest-BdkV3Raf.js";import"./throttle-DXtjbLr5.js";/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ea=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"M15 3v18",key:"14nvp0"}]],aa=ue("columns-3",ea);/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const na=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M9 21V9",key:"1oto5p"}]],sa=ue("panels-top-left",na);/**
+ * @license lucide-react v0.562.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ia=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M21 9H3",key:"1338ky"}],["path",{d:"M21 15H3",key:"9uk58r"}]],ta=ue("rows-3",ia),ve=5;function be(e,o,i){const r=Math.max(0,window.innerWidth-o),f=Math.max(0,window.innerHeight-i);return{x:Math.max(0,Math.min(e.x,r)),y:Math.max(0,Math.min(e.y,f))}}function oa(e){try{const o=localStorage.getItem(e);if(!o)return null;const i=JSON.parse(o);if(typeof i.x=="number"&&typeof i.y=="number")return i}catch{}return null}function la(e,o){try{localStorage.setItem(e,JSON.stringify(o))}catch{}}function ua(e){const{storageKey:o,enabled:i=!0}=e,[r,f]=s.useState(()=>i?oa(o):null),[v,x]=s.useState(!1),P=s.useRef(!1),N=s.useRef(null),j=s.useRef(null),g=s.useCallback(p=>{if(!i||p.button!==0)return;const y=j.current;if(!y)return;const m=y.getBoundingClientRect();N.current={startPointerX:p.clientX,startPointerY:p.clientY,startElX:m.left,startElY:m.top,activated:!1,frameId:0}},[i]);s.useEffect(()=>{if(!i)return;const p=m=>{const d=N.current;if(!d)return;const b=m.clientX-d.startPointerX,I=m.clientY-d.startPointerY;if(!d.activated){if(Math.abs(b)<ve&&Math.abs(I)<ve)return;d.activated=!0,x(!0)}cancelAnimationFrame(d.frameId),d.frameId=requestAnimationFrame(()=>{const E=j.current;if(!E)return;const c=be({x:d.startElX+b,y:d.startElY+I},E.offsetWidth,E.offsetHeight);f(c)})},y=()=>{const m=N.current;if(!m)return;cancelAnimationFrame(m.frameId);const d=m.activated;N.current=null,x(!1),d&&(P.current=!0,requestAnimationFrame(()=>{P.current=!1}),f(b=>(b&&la(o,b),b)))};return window.addEventListener("pointermove",p),window.addEventListener("pointerup",y),()=>{window.removeEventListener("pointermove",p),window.removeEventListener("pointerup",y)}},[i,o]),s.useEffect(()=>{if(!i||!r)return;const p=()=>{const y=j.current;y&&f(m=>m&&be(m,y.offsetWidth,y.offsetHeight))};return window.addEventListener("resize",p),()=>window.removeEventListener("resize",p)},[i,!!r]);const w=s.useCallback(()=>{f(null);try{localStorage.removeItem(o)}catch{}},[o]);return{position:r,isDragging:v,wasDraggedRef:P,elementRef:j,handlePointerDown:g,resetPosition:w}}const ra=({volume:e,onVolumeChange:o})=>{const i=s.useRef(null),r=s.useRef(null),f=s.useRef(!1),v=s.useRef(!1),x=s.useRef(!1),[P,N]=s.useState(!1),[j,g]=s.useState(!1),[w,p]=s.useState(!1),y=Math.round(e*100),m={"--canvas-audio-progress":`${e*100}%`},d=()=>{r.current!==null&&(window.clearTimeout(r.current),r.current=null)},b=()=>{d(),N(!0)},I=()=>{d(),N(c=>!c)},E=()=>{d(),!(v.current||x.current)&&(r.current=window.setTimeout(()=>{N(!1)},180))};return s.useEffect(()=>{v.current=j},[j]),s.useEffect(()=>{x.current=w},[w]),s.useEffect(()=>()=>d(),[]),s.useEffect(()=>{if(!P)return;const c=h=>{var A;(A=i.current)!=null&&A.contains(h.target)||(d(),N(!1),p(!1),g(!1),f.current=!1)};return document.addEventListener("pointerdown",c,!0),()=>document.removeEventListener("pointerdown",c,!0)},[P]),s.useEffect(()=>{if(!w)return;const c=()=>{x.current=!1,p(!1),v.current||(d(),r.current=window.setTimeout(()=>{N(!1)},180))};return window.addEventListener("pointerup",c),()=>window.removeEventListener("pointerup",c)},[w]),a.jsxDEV("div",{ref:i,className:ge("canvas-audio-player__volume",{"canvas-audio-player__volume--expanded":P}),onPointerDown:c=>c.stopPropagation(),onMouseEnter:()=>{v.current=!0,g(!0),d()},onMouseLeave:()=>{v.current=!1,g(!1),E()},onBlur:c=>{var A;const h=c.relatedTarget;h&&((A=i.current)!=null&&A.contains(h))||E()},children:a.jsxDEV("div",{className:"canvas-audio-player__volume-shell",children:[a.jsxDEV("div",{className:"canvas-audio-player__volume-slider-wrap",children:a.jsxDEV("input",{type:"range",min:0,max:1,step:.01,value:e,onFocus:b,onPointerDown:c=>{c.stopPropagation(),x.current=!0,p(!0),b()},onChange:c=>o(Number(c.target.value)),className:"canvas-audio-player__slider canvas-audio-player__slider--volume",style:m,"aria-label":"Playback volume","aria-valuetext":`${y}%`},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:121,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:120,columnNumber:9},void 0),a.jsxDEV("span",{className:"canvas-audio-player__volume-value",children:[y,"%"]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:141,columnNumber:9},void 0),a.jsxDEV(q,{content:"音量",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__volume-toggle",onPointerDown:c=>{c.stopPropagation(),f.current=!0},onClick:()=>{f.current=!1,I()},onFocus:()=>{f.current||b()},onBlur:()=>{f.current=!1},"aria-label":"Volume controls","aria-expanded":P,children:e<=.01?a.jsxDEV(_e,{size:16},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:166,columnNumber:31},void 0):a.jsxDEV(Ee,{size:16},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:166,columnNumber:55},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:145,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:144,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:119,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:97,columnNumber:5},void 0)},xe="asset:";function da(e){var o;return(o=e==null?void 0:e.elementId)!=null&&o.startsWith(xe)?e.elementId.slice(xe.length):null}function Pe(e){if(typeof e!="number"||!Number.isFinite(e)||e<=0)return"--:--";const o=Math.floor(e),i=Math.floor(o/60),r=o%60;return`${i}:${String(r).padStart(2,"0")}`}function ca(e){var i;const o=((i=e.segments[e.segments.length-1])==null?void 0:i.endMs)||0;return Pe(o/1e3)}const ma=({queue:e,activeQueueIndex:o,queueSource:i,activePlaylistId:r,playing:f=!1,activeReadingSourceId:v,onSelect:x,onPlayAllTracksItem:P})=>{const{assets:N}=Ce(),{playlists:j,playlistItems:g,favoriteAssetIds:w,createPlaylist:p,addAssetToPlaylist:y,removeAssetFromPlaylist:m,toggleFavorite:d}=De(),{contextMenu:b,openAt:I,close:E}=Ue(),[c,h]=s.useState(!1),[A,U]=s.useState(""),[z,C]=s.useState(null),{noteMetas:L,loadReadingSource:Q,buildReadingQueue:X}=Ye(),[O,F]=s.useState(i==="reading"?ce:J),Y=O===ce,S=i==="playlist"&&r?r:J,D=e.filter(n=>!$(n)),ee=He(D),K=n=>{const t=da(n);if(t)return t;if(!(n!=null&&n.audioUrl))return null;const u=N.find(k=>k.type===Se.AUDIO&&k.url===n.audioUrl);return(u==null?void 0:u.id)||null},H=s.useMemo(()=>new Set(S!==J?(g[S]||[]).map(n=>n.assetId?Ve({kind:"asset",assetId:n.assetId}):null).filter(n=>!!n):[]),[g,S]),T=s.useCallback(async n=>{if(P){P(n);return}const t=await Q(n);t&&(await X(n),x(t))},[P,Q,X,x]),M=s.useMemo(()=>L.map(n=>({id:n.id,title:n.title||"未命名笔记",subtitle:new Date(n.updatedAt).toLocaleDateString("zh-CN"),canFavorite:!1,isActive:(v==null?void 0:v.includes(n.id))===!0,isPlaying:f&&(v==null?void 0:v.includes(n.id))===!0})),[L,v,f]);return i==="reading"?a.jsxDEV("div",{className:"canvas-audio-player__playlist",children:[a.jsxDEV(me,{className:"canvas-audio-player__playlist-tabs",selectedPlaylistId:O,allCount:D.length,allTracksCount:L.length,playlists:j,playlistItems:g,onSelect:F,onCreate:()=>{U(""),h(!0)}},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:157,columnNumber:9},void 0),Y?M.length===0?a.jsxDEV("div",{className:"canvas-audio-player__playlist-empty",children:[a.jsxDEV(fe,{size:16},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:173,columnNumber:15},void 0),a.jsxDEV("span",{children:"知识库还没有笔记"},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:174,columnNumber:15},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:172,columnNumber:13},void 0):a.jsxDEV(Z,{className:"canvas-audio-player__playlist-list",items:M,onSelect:n=>void T(n.id),onTogglePlayback:n=>void T(n.id),showPlaybackIndicator:!0},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:177,columnNumber:13},void 0):a.jsxDEV(Z,{className:"canvas-audio-player__playlist-list audio-track-list--queue",items:e.map((n,t)=>{const u=n;return{id:u.readingSourceId,title:u.title||"朗读轨道",subtitle:ca(u),previewImageUrl:u.previewImageUrl,isActive:t===o,isPlaying:t===o,canFavorite:!1}}),onSelect:n=>{const t=e.find(u=>$(u)&&u.readingSourceId===n.id);t&&x(t)},onTogglePlayback:n=>{const t=e.find(u=>$(u)&&u.readingSourceId===n.id);t&&x(t)},showPlaybackIndicator:!0},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:186,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:156,columnNumber:7},void 0):a.jsxDEV("div",{className:"canvas-audio-player__playlist",children:[a.jsxDEV(me,{className:"canvas-audio-player__playlist-tabs",selectedPlaylistId:O,allCount:D.length,allTracksCount:L.length,playlists:j,playlistItems:g,onSelect:F,onCreate:()=>{U(""),h(!0)}},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:229,columnNumber:7},void 0),Y?M.length===0?a.jsxDEV("div",{className:"canvas-audio-player__playlist-empty",children:[a.jsxDEV(fe,{size:16},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:245,columnNumber:13},void 0),a.jsxDEV("span",{children:"知识库还没有笔记"},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:246,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:244,columnNumber:11},void 0):a.jsxDEV(Z,{className:"canvas-audio-player__playlist-list",items:M,onSelect:n=>void T(n.id),onTogglePlayback:n=>void T(n.id),showPlaybackIndicator:!0},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:249,columnNumber:11},void 0):a.jsxDEV(Z,{className:"canvas-audio-player__playlist-list audio-track-list--queue",items:D.map((n,t)=>{const u=K(n);return{id:`${n.audioUrl}-${t}`,title:n.title||"未命名音频",subtitle:Pe(ee.get(n.audioUrl)??n.duration),previewImageUrl:n.previewImageUrl,isActive:t===o,isPlaying:t===o,isFavorite:u?w.has(u):!1,canFavorite:!!u}}),onSelect:n=>{const t=D.find((u,k)=>`${u.audioUrl}-${k}`===n.id);t&&x(t)},onContextMenu:(n,t)=>{const u=D.find((B,ae)=>`${B.audioUrl}-${ae}`===n.id),k=K(u);k&&(t.preventDefault(),t.stopPropagation(),I(t.clientX,t.clientY,{kind:"asset",assetId:k}))},onToggleFavorite:n=>{const t=D.find((k,B)=>`${k.audioUrl}-${B}`===n.id),u=K(t);u&&d(u)},onTogglePlayback:n=>{const t=D.find((u,k)=>`${u.audioUrl}-${k}`===n.id);t&&x(t)},showFavoriteButton:!0,showPlaybackIndicator:!0},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:258,columnNumber:9},void 0),a.jsxDEV(Be,{contextMenu:b?{x:b.x,y:b.y,item:b.payload}:null,playlists:j,playlistItems:g,favoriteAssetIds:w,selectedPlaylistId:S===J?null:S,currentPlaylistItemKeys:H,onClose:E,onToggleFavorite:n=>void d(n),onAddToPlaylist:(n,t)=>{n.kind==="asset"&&y(n.assetId,t)},onRemoveFromPlaylist:(n,t)=>{n.kind==="asset"&&m(n.assetId,t)},onCreatePlaylistAndAdd:n=>{n.kind==="asset"&&(C(n.assetId),U(""),h(!0))}},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:307,columnNumber:7},void 0),a.jsxDEV(qe,{visible:c,header:"新建播放列表",onClose:()=>h(!1),onConfirm:async()=>{const n=await p(A);z&&await y(z,n.id),h(!1),U(""),C(null)},onCancel:()=>{h(!1),C(null)},confirmBtn:"确定",cancelBtn:"取消",children:a.jsxDEV(Ie,{value:A,onChange:n=>U(String(n)),placeholder:"请输入播放列表名称"},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:363,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:343,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:228,columnNumber:5},void 0)},we={sequential:a.jsxDEV(Ze,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:45,columnNumber:15},void 0),"list-loop":a.jsxDEV(Je,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:46,columnNumber:16},void 0),"single-loop":a.jsxDEV(Ge,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:47,columnNumber:18},void 0),shuffle:a.jsxDEV(Ke,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:48,columnNumber:12},void 0)},fa=Object.keys(le).map(e=>({value:e,content:le[e],prefixIcon:we[e]}));function pa(e,o){return Fe(o).map(i=>{const r=he(i),f=Math.abs(i-e)<.001;return{value:i,content:f?`✓ ${r}`:r}})}function Ne(e){if(typeof e!="number"||!Number.isFinite(e)||e<=0)return"--:--";const o=Math.floor(e),i=Math.floor(o/60),r=o%60;return`${i}:${String(r).padStart(2,"0")}`}const Aa=()=>{const e=Te(),o=s.useRef(null),[i,r]=s.useState(!1),[f,v]=s.useState(()=>{const l=te.getToolState(pe);return(l==null?void 0:l.status)==="open"}),[x,P]=s.useState(()=>{try{return localStorage.getItem(oe.AUDIO_PLAYER_LAYOUT)==="vertical"?"vertical":"horizontal"}catch{return"horizontal"}}),[N,j]=s.useState(()=>typeof window<"u"?window.innerWidth:1024);s.useEffect(()=>{const l=()=>j(window.innerWidth);return window.addEventListener("resize",l),window.addEventListener("orientationchange",l),()=>{window.removeEventListener("resize",l),window.removeEventListener("orientationchange",l)}},[]);const g=N<=768?"vertical":x,[w,p]=s.useState(null),y=N<=768,{position:m,isDragging:d,wasDraggedRef:b,elementRef:I,handlePointerDown:E}=ua({storageKey:oe.AUDIO_PLAYER_POSITION,enabled:!y}),c=s.useMemo(()=>!e.duration||e.duration<=0?0:Math.max(0,Math.min(100,e.currentTime/e.duration*100)),[e.currentTime,e.duration]),h=Number.isFinite(e.currentTime)?e.currentTime:0,A=Number.isFinite(e.duration)?e.duration:0,U=Ne(h),z=Ne(A),C=e.activeQueueIndex>=0?e.queue[e.activeQueueIndex]:null,L=e.activeTitle||($(C)?C.title:void 0),Q=e.activePreviewImageUrl||($(C)?C.previewImageUrl:void 0),X=e.activeQueueIndex>0,O=e.activeQueueIndex>=0&&e.activeQueueIndex<e.queue.length-1,F=e.queue.length>1&&e.activeQueueIndex>=0,Y=F?`${e.activeQueueIndex+1}/${e.queue.length}`:null,S=e.queueSource==="playlist"?e.activePlaylistName||"播放列表":e.activePlaylistName||(e.queueSource==="reading"?"朗读轨道":"画布音频"),D=F?`${S} ${e.activeQueueIndex+1} / ${e.queue.length}`:S,ee=Y?`${Y} · ${U} / ${z}`:`${U} / ${z}`,H=e.queueSource==="reading"&&(!!e.activeReadingSourceId||C!==null&&$(C))||!!e.activeAudioUrl,T=e.mediaType==="audio",M=e.mediaType==="reading"?"reading":"audio",n=le[e.playbackMode],t=we[e.playbackMode],u=s.useMemo(()=>pa(e.effectivePlaybackRate,M),[e.effectivePlaybackRate,M]),k=he(e.effectivePlaybackRate),B=`${e.mediaType==="reading"?"语音速度":"播放速度"} ${k}`,ae={"--canvas-audio-progress":`${c}%`},ke=s.useCallback(()=>{P(l=>{const _=l==="horizontal"?"vertical":"horizontal";try{localStorage.setItem(oe.AUDIO_PLAYER_LAYOUT,_)}catch{}return _})},[]),je=s.useCallback(async()=>{try{e.playing?e.pausePlayback():await e.resumePlayback()}catch{}},[e]);if(s.useEffect(()=>{if(!H){r(!1),p(null);return}let l=0;const _=()=>{const de=document.querySelector(".ai-input-bar__container");if(!(de instanceof HTMLElement)){p(null);return}const ie=de.getBoundingClientRect(),G={left:Math.round(ie.left),width:Math.round(ie.width),bottom:Math.max(0,Math.round(window.innerHeight-ie.top))};p(W=>W&&W.left===G.left&&W.width===G.width&&W.bottom===G.bottom?W:G)},V=()=>{window.cancelAnimationFrame(l),l=window.requestAnimationFrame(_)},ne=document.querySelector(".ai-input-bar__container"),se=document.querySelector(".ai-input-bar"),R=typeof ResizeObserver<"u"?new ResizeObserver(()=>V()):null;return R&&ne instanceof HTMLElement&&R.observe(ne),R&&se instanceof HTMLElement&&se!==ne&&R.observe(se),V(),window.addEventListener("resize",V),window.addEventListener("orientationchange",V),()=>{window.cancelAnimationFrame(l),window.removeEventListener("resize",V),window.removeEventListener("orientationchange",V),R==null||R.disconnect()}},[H]),s.useEffect(()=>{if(!i)return;const l=_=>{var V;(V=o.current)!=null&&V.contains(_.target)||r(!1)};return document.addEventListener("pointerdown",l,!0),()=>document.removeEventListener("pointerdown",l,!0)},[i]),s.useEffect(()=>{I.current=o.current}),s.useEffect(()=>{const l=te.observeToolStates().subscribe(()=>{const _=te.getToolState(pe);v((_==null?void 0:_.status)==="open")});return()=>l.unsubscribe()},[]),!H||f)return null;const Ae=m&&!y?{left:m.x,top:m.y}:{},re={...w?{"--canvas-audio-mobile-left":`${w.left}px`,"--canvas-audio-mobile-width":`${w.width}px`,"--canvas-audio-mobile-offset":`${w.bottom}px`}:{},...Ae};return a.jsxDEV("div",{ref:o,className:ge("canvas-audio-player",{"canvas-audio-player--playlist-open":i,"canvas-audio-player--positioned":!!m,"canvas-audio-player--dragging":d,"canvas-audio-player--vertical":g==="vertical"}),style:Object.keys(re).length>0?re:void 0,children:[a.jsxDEV("button",{type:"button",className:"canvas-audio-player__queue-trigger",onPointerDown:E,onClick:()=>{b.current||r(l=>!l)},"aria-expanded":i,"aria-label":"切换播放列表",children:[a.jsxDEV("div",{className:"canvas-audio-player__cover",children:a.jsxDEV(Le,{src:Q,alt:L||"Audio cover",fallbackClassName:"canvas-audio-player__cover-fallback",iconSize:16},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:370,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:369,columnNumber:9},void 0),a.jsxDEV("div",{className:"canvas-audio-player__meta",children:[a.jsxDEV("div",{className:"canvas-audio-player__title",children:L||"未命名音频"},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:379,columnNumber:11},void 0),a.jsxDEV("div",{className:"canvas-audio-player__subtitle",children:[a.jsxDEV("span",{className:"canvas-audio-player__subtitle-text canvas-audio-player__subtitle-text--desktop",children:D},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:383,columnNumber:13},void 0),a.jsxDEV("span",{className:"canvas-audio-player__subtitle-text canvas-audio-player__subtitle-text--mobile",children:ee},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:386,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:382,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:378,columnNumber:9},void 0),a.jsxDEV("span",{className:"canvas-audio-player__queue-indicator","aria-hidden":"true",children:a.jsxDEV(Me,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:396,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:392,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:359,columnNumber:7},void 0),a.jsxDEV("div",{className:"canvas-audio-player__controls",children:[a.jsxDEV(q,{content:"上一首",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__action canvas-audio-player__action--previous",onClick:()=>void e.playPrevious(),disabled:!X,children:a.jsxDEV(We,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:408,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:402,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:401,columnNumber:9},void 0),a.jsxDEV(q,{content:e.playing?"暂停":"播放",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__action canvas-audio-player__action--primary",onClick:()=>void je(),children:e.playing?a.jsxDEV(Re,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:417,columnNumber:33},void 0):a.jsxDEV($e,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:417,columnNumber:55},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:412,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:411,columnNumber:9},void 0),a.jsxDEV(q,{content:"下一首",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__action canvas-audio-player__action--next",onClick:()=>void e.playNext(),disabled:!O,children:a.jsxDEV(Qe,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:427,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:421,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:420,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:400,columnNumber:7},void 0),a.jsxDEV("div",{className:"canvas-audio-player__progress",children:[a.jsxDEV("span",{className:"canvas-audio-player__time",children:U},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:433,columnNumber:9},void 0),a.jsxDEV("input",{type:"range",min:0,max:A||0,step:.1,value:Math.min(h,A||h),onChange:l=>{T&&e.seekTo(Number(l.target.value))},className:"canvas-audio-player__slider canvas-audio-player__slider--progress",style:ae,"aria-label":T?"Audio progress":"Reading progress",disabled:!T},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:434,columnNumber:9},void 0),a.jsxDEV("span",{className:"canvas-audio-player__time",children:z},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:450,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:432,columnNumber:7},void 0),a.jsxDEV(ra,{volume:e.volume,onVolumeChange:e.setVolume},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:453,columnNumber:7},void 0),a.jsxDEV(ye,{options:u,trigger:"click",placement:"bottom",minColumnWidth:112,onClick:l=>e.setPlaybackRate(Number(l.value)),children:a.jsxDEV(q,{content:B,children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__toggle canvas-audio-player__speed-toggle","aria-label":`切换播放速度，当前${k}`,children:a.jsxDEV(Xe,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:471,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:466,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:465,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:458,columnNumber:7},void 0),a.jsxDEV(ye,{options:fa,trigger:"click",placement:"bottom",minColumnWidth:132,onClick:l=>e.setPlaybackMode(l.value),children:a.jsxDEV(q,{content:n,children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__toggle canvas-audio-player__mode-toggle","aria-label":`切换播放模式，当前${n}`,children:t},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:484,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:483,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:476,columnNumber:7},void 0),a.jsxDEV(q,{content:"打开播放器工具",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__toggle canvas-audio-player__player-switch canvas-audio-player__switch-toggle",onClick:()=>{ze(async()=>{const{openMusicPlayerTool:l}=await import("./index-h06u2h4K.js").then(_=>_.lg);return{openMusicPlayerTool:l}},__vite__mapDeps([0]),import.meta.url).then(({openMusicPlayerTool:l})=>{l()})},"aria-label":"打开播放器工具",children:a.jsxDEV(sa,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:507,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:495,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:494,columnNumber:7},void 0),a.jsxDEV(q,{content:g==="horizontal"?"切换为垂直布局":"切换为水平布局",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__toggle canvas-audio-player__layout-toggle",onClick:ke,style:{display:N<=768?"none":""},children:g==="horizontal"?a.jsxDEV(ta,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:523,columnNumber:13},void 0):a.jsxDEV(aa,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:525,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:516,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:511,columnNumber:7},void 0),a.jsxDEV(q,{content:"关闭播放器",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__close",onClick:e.stopPlayback,children:a.jsxDEV(Oe,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:536,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:531,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:530,columnNumber:7},void 0),i?a.jsxDEV(ma,{queue:e.queue,activeQueueIndex:e.activeQueueIndex,queueSource:e.queueSource,activePlaylistId:e.activePlaylistId,playing:e.playing,activeReadingSourceId:e.activeReadingSourceId,onSelect:l=>{$(l)?e.toggleReadingPlayback(l):e.togglePlayback(l),r(!1)}},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:541,columnNumber:9},void 0):null]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:349,columnNumber:5},void 0)};export{Aa as CanvasAudioPlayer};

package/assets/CanvasAudioPlayer-mm7y75Ol.css

@@ -0,0 +1 @@
+.canvas-audio-player{--canvas-audio-slider-track-height: 5px;--canvas-audio-slider-thumb-size: 11px;--canvas-audio-volume-pill-width: 196px;--canvas-audio-mobile-left: 12px;--canvas-audio-mobile-width: calc(100vw - 24px) ;--canvas-audio-mobile-offset: calc(env(safe-area-inset-bottom, 0px) + 72px) ;position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:2050;width:min(760px,100vw - 180px);box-sizing:border-box;display:grid;grid-template-columns:32px minmax(120px,180px) auto minmax(220px,1fr) auto auto auto auto auto auto;grid-template-areas:"cover meta controls progress volume speed mode switch toggle close";align-items:center;gap:10px;padding:6px 12px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(148,163,184,.16);box-shadow:0 12px 48px #0f172a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);isolation:isolate;overflow:visible}@media(max-width:1024px){.canvas-audio-player{width:min(720px,100vw - 120px);grid-template-columns:32px minmax(120px,1fr) auto minmax(180px,1fr) auto auto auto auto auto auto;grid-template-areas:"cover meta controls progress volume speed mode switch toggle close"}}@media(max-width:768px){.canvas-audio-player{position:fixed;top:auto;left:var(--canvas-audio-mobile-left);right:auto;bottom:calc(var(--canvas-audio-mobile-offset) - 4px);transform:none;width:var(--canvas-audio-mobile-width);max-width:none;grid-template-columns:32px minmax(0,1fr) auto auto auto auto;grid-template-areas:"cover meta controls speed mode close" "cover progress progress progress progress progress";row-gap:3px;-moz-column-gap:8px;column-gap:8px;padding:7px 10px 5px;border-radius:16px 16px 8px 8px;background:var(--island-bg-color, #fff);border-color:#fff0;box-shadow:0 2px 12px #00000014}}@media(max-width:640px){.canvas-audio-player{--canvas-audio-mobile-left: calc(env(safe-area-inset-left, 0px) + 8px) ;--canvas-audio-mobile-width: calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - 16px) ;--canvas-audio-mobile-offset: calc(env(safe-area-inset-bottom, 0px) + 60px) ;padding:6px 9px 4px;border-radius:15px 15px 7px 7px}}@media(max-width:480px){.canvas-audio-player{--canvas-audio-volume-pill-width: min(164px, calc(100vw - 96px) );--canvas-audio-mobile-left: calc(env(safe-area-inset-left, 0px) + 6px) ;--canvas-audio-mobile-width: calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - 12px) ;--canvas-audio-mobile-offset: calc(env(safe-area-inset-bottom, 0px) + 54px) ;padding:5px 8px 4px;row-gap:2px;border-radius:14px 14px 6px 6px}}.canvas-audio-player__cover{grid-area:cover;width:32px;height:32px;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#1d4ed8eb,#0f172ae6);box-shadow:0 8px 18px #0f172a24}.canvas-audio-player__cover img,.canvas-audio-player__cover .canvas-audio-player__cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-o-object-fit:cover;object-fit:cover;color:#ffffffe6}.canvas-audio-player__queue-trigger{grid-column:1/3;min-width:0;padding:0;border:none;background:transparent;display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"cover meta indicator";align-items:center;gap:8px;color:inherit;cursor:pointer;text-align:left}.canvas-audio-player__queue-trigger:hover .canvas-audio-player__queue-indicator,.canvas-audio-player__queue-trigger:focus-visible .canvas-audio-player__queue-indicator{color:#2563eb}.canvas-audio-player__queue-trigger:focus-visible{outline:none}.canvas-audio-player__meta{grid-area:meta;min-width:0}.canvas-audio-player__queue-indicator{grid-area:indicator;width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#64748bdb;transition:transform .18s ease,color .18s ease,background-color .18s ease}.canvas-audio-player--playlist-open .canvas-audio-player__queue-indicator{transform:rotate(180deg);color:#2563eb;background:#2563eb14}.canvas-audio-player__title{min-width:0;font-size:12px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-audio-player__subtitle{margin-top:2px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748bc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-audio-player__subtitle-text{display:block}.canvas-audio-player__subtitle-text--mobile{display:none}.canvas-audio-player__controls{grid-area:controls;display:inline-flex;align-items:center;gap:6px}.canvas-audio-player__action,.canvas-audio-player__close,.canvas-audio-player__toggle{width:28px;height:28px;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#0f172a;cursor:pointer;transition:transform .16s ease,background-color .16s ease,opacity .16s ease}.canvas-audio-player__action:hover:not(:disabled),.canvas-audio-player__close:hover:not(:disabled),.canvas-audio-player__toggle:hover:not(:disabled){transform:translateY(-1px);background:#0f172a0d}.canvas-audio-player__action:disabled,.canvas-audio-player__close:disabled,.canvas-audio-player__toggle:disabled{cursor:default;opacity:.35}.canvas-audio-player__action[data-tooltip],.canvas-audio-player__close[data-tooltip],.canvas-audio-player__toggle[data-tooltip],.canvas-audio-player__volume-toggle[data-tooltip]{position:relative;overflow:visible}.canvas-audio-player__action[data-tooltip]:after,.canvas-audio-player__close[data-tooltip]:after,.canvas-audio-player__toggle[data-tooltip]:after,.canvas-audio-player__volume-toggle[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);padding:4px 8px;border-radius:999px;background:#0f172ad6;color:#fff;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;box-shadow:0 8px 20px #0f172a29}.canvas-audio-player__action[data-tooltip]:hover:after,.canvas-audio-player__action[data-tooltip]:focus-visible:after,.canvas-audio-player__close[data-tooltip]:hover:after,.canvas-audio-player__close[data-tooltip]:focus-visible:after,.canvas-audio-player__toggle[data-tooltip]:hover:after,.canvas-audio-player__toggle[data-tooltip]:focus-visible:after,.canvas-audio-player__volume-toggle[data-tooltip]:hover:after,.canvas-audio-player__volume-toggle[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.canvas-audio-player__action--primary{width:32px;height:32px;background:#2563eb;color:#fff;box-shadow:0 10px 20px #2563eb33}.canvas-audio-player__action--primary:hover:not(:disabled){background:#1d4ed8}.canvas-audio-player__progress{grid-area:progress;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.canvas-audio-player__time{font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;color:#475569db}.canvas-audio-player__slider{--canvas-audio-progress: 0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:0;background:transparent;cursor:pointer}.canvas-audio-player__slider:focus{outline:none}.canvas-audio-player__slider::-webkit-slider-runnable-track{height:var(--canvas-audio-slider-track-height);border-radius:999px;background:linear-gradient(90deg,#2563eb 0%,#2563eb var(--canvas-audio-progress),rgba(226,232,240,.95) var(--canvas-audio-progress),rgba(226,232,240,.95) 100%)}.canvas-audio-player__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--canvas-audio-slider-thumb-size);height:var(--canvas-audio-slider-thumb-size);margin-top:calc((var(--canvas-audio-slider-track-height) - var(--canvas-audio-slider-thumb-size)) / 2);border-radius:999px;border:2px solid #2563eb;background:#fff;box-shadow:0 2px 8px #0f172a1f;-webkit-transition:transform .16s ease,box-shadow .16s ease;transition:transform .16s ease,box-shadow .16s ease}.canvas-audio-player__slider::-moz-range-track{height:var(--canvas-audio-slider-track-height);border-radius:999px;background:#e2e8f0f2}.canvas-audio-player__slider::-moz-range-progress{height:var(--canvas-audio-slider-track-height);border-radius:999px;background:#2563eb}.canvas-audio-player__slider::-moz-range-thumb{width:var(--canvas-audio-slider-thumb-size);height:var(--canvas-audio-slider-thumb-size);border-radius:999px;border:2px solid #2563eb;background:#fff;box-shadow:0 2px 8px #0f172a1f;-moz-transition:transform .16s ease,box-shadow .16s ease;transition:transform .16s ease,box-shadow .16s ease}.canvas-audio-player__slider:hover::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 4px 12px #0f172a29}.canvas-audio-player__slider:hover::-moz-range-thumb{transform:scale(1.08);box-shadow:0 4px 12px #0f172a29}.canvas-audio-player__slider--progress::-webkit-slider-runnable-track{height:var(--canvas-audio-slider-track-height)}.canvas-audio-player__slider--progress::-moz-range-track,.canvas-audio-player__slider--progress::-moz-range-progress{height:var(--canvas-audio-slider-track-height)}.canvas-audio-player__volume{grid-area:volume;position:relative;display:inline-flex;align-items:center;justify-content:flex-end;width:28px;height:36px;overflow:visible}.canvas-audio-player__volume-shell{position:absolute;top:50%;right:0;width:28px;min-width:28px;height:28px;padding:0;display:grid;grid-template-columns:0fr 0fr 28px;align-items:center;gap:0;overflow:hidden;border-radius:999px;background:#fff0;box-shadow:0 0 #0f172a00;z-index:1;transform:translateY(-50%);transition:width .26s cubic-bezier(.22,1,.36,1),min-width .26s cubic-bezier(.22,1,.36,1),height .26s cubic-bezier(.22,1,.36,1),padding .26s cubic-bezier(.22,1,.36,1),grid-template-columns .26s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,background-color .18s ease}.canvas-audio-player__volume--expanded .canvas-audio-player__volume-shell{width:var(--canvas-audio-volume-pill-width);min-width:var(--canvas-audio-volume-pill-width);height:36px;padding:4px;grid-template-columns:minmax(0,1fr) auto 28px;box-shadow:0 14px 26px #0f172a17,0 1px #ffffffc7 inset;background:#fffffff7}.canvas-audio-player__volume-slider-wrap{min-width:0;overflow:hidden;opacity:0;transform:translate(10px);pointer-events:none;transition:opacity .16s ease,transform .24s cubic-bezier(.22,1,.36,1),padding .24s cubic-bezier(.22,1,.36,1)}.canvas-audio-player__volume--expanded .canvas-audio-player__volume-slider-wrap{padding:0 6px 0 12px;opacity:1;transform:translate(0);pointer-events:auto}.canvas-audio-player__volume-value{width:0;min-width:0;padding-right:0;overflow:hidden;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-align:right;color:#475569db;opacity:0;transform:translate(8px);pointer-events:none;transition:opacity .16s ease,transform .24s cubic-bezier(.22,1,.36,1)}.canvas-audio-player__volume--expanded .canvas-audio-player__volume-value{width:40px;min-width:40px;padding-right:2px;opacity:1;transform:translate(0)}.canvas-audio-player__volume-toggle{position:relative;z-index:2;width:28px;height:28px;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#475569c2;cursor:pointer;transition:color .18s ease,transform .18s ease}.canvas-audio-player__volume-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#2563eb0f;opacity:0;transform:scale(.92);transition:opacity .18s ease,transform .18s ease,background-color .18s ease}.canvas-audio-player__volume-toggle svg{position:relative;z-index:1}.canvas-audio-player__volume-toggle:hover,.canvas-audio-player__volume-toggle:focus-visible{color:#2563eb;outline:none}.canvas-audio-player__volume-toggle:hover:before,.canvas-audio-player__volume-toggle:focus-visible:before{opacity:1;transform:scale(1)}.canvas-audio-player__volume--expanded .canvas-audio-player__volume-toggle{color:#2563eb}.canvas-audio-player__volume--expanded .canvas-audio-player__volume-toggle:before{opacity:1;transform:scale(1);background:linear-gradient(180deg,#eff6ffe6,#ffffffb8)}.canvas-audio-player__slider--volume{display:block;width:100%;--canvas-audio-slider-track-height: 6px;--canvas-audio-slider-thumb-size: 12px}.canvas-audio-player__slider--volume::-webkit-slider-thumb{border:2px solid rgba(255,255,255,.96);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 0 0 1px #2563eb24,0 4px 10px #0f172a24}.canvas-audio-player__slider--volume::-moz-range-thumb{border:2px solid rgba(255,255,255,.96);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 0 0 1px #2563eb24,0 4px 10px #0f172a24}.canvas-audio-player__close{grid-area:close;justify-self:end;color:#475569d1}.canvas-audio-player__toggle{justify-self:end;color:#475569d1}.canvas-audio-player__switch-toggle{grid-area:switch}.canvas-audio-player__mode-toggle{grid-area:mode}.canvas-audio-player__speed-toggle{grid-area:speed}.canvas-audio-player__layout-toggle{grid-area:toggle}.canvas-audio-player--positioned{left:auto;transform:none}.canvas-audio-player--dragging{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:none}.canvas-audio-player__queue-trigger{cursor:grab}.canvas-audio-player--dragging .canvas-audio-player__queue-trigger{cursor:grabbing}.canvas-audio-player--vertical{width:236px;grid-template-columns:32px 1fr auto auto auto auto auto;grid-template-areas:"cover meta speed mode switch toggle close" "controls controls controls controls controls controls controls" "progress progress progress progress progress progress progress";border-radius:16px;gap:4px 8px;padding:8px 10px}.canvas-audio-player--vertical .canvas-audio-player__volume,.canvas-audio-player--vertical .canvas-audio-player__time{display:none}.canvas-audio-player--vertical .canvas-audio-player__progress{grid-template-columns:minmax(0,1fr);gap:0}.canvas-audio-player--vertical .canvas-audio-player__controls{justify-content:center;justify-self:center}.canvas-audio-player--vertical .canvas-audio-player__queue-indicator{display:none}.canvas-audio-player--vertical .canvas-audio-player__toggle{display:inline-flex}.canvas-audio-player--vertical .canvas-audio-player__queue-trigger{grid-column:1/3;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"cover meta"}.canvas-audio-player--vertical .canvas-audio-player__slider--progress{--canvas-audio-slider-track-height: 4px;--canvas-audio-slider-thumb-size: 10px}.canvas-audio-player--vertical .canvas-audio-player__playlist{left:0;width:100%}@media(max-width:768px){.canvas-audio-player--vertical{left:50%;transform:translate(-50%);width:236px}}.canvas-audio-player__playlist{position:absolute;top:calc(100% + 10px);left:0;right:0;width:auto;max-width:100%;max-height:min(360px,100vh - 160px);padding:8px;display:grid;gap:6px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;border-radius:20px;background:#fffffff7;border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 48px #0f172a24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;-ms-overflow-style:none}.canvas-audio-player__playlist::-webkit-scrollbar{display:none}.canvas-audio-player__playlist-tabs{flex-shrink:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.canvas-audio-player__playlist-tabs::-webkit-scrollbar{display:none}.canvas-audio-player__playlist-tabs .audio-playlist-tabs__chip,.canvas-audio-player__playlist-tabs .audio-playlist-tabs__create{padding:3px 8px;font-size:11px}.canvas-audio-player__playlist-list{min-width:0}.canvas-audio-player__playlist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:80px;color:#64748b;font-size:12px}@media(max-width:768px){.canvas-audio-player__queue-trigger{grid-template-columns:32px minmax(0,1fr) auto;gap:8px}.canvas-audio-player__cover{width:32px;height:32px;border-radius:10px}.canvas-audio-player__meta{align-self:center;padding-top:0}.canvas-audio-player__title{font-size:12px}.canvas-audio-player__subtitle{margin-top:1px}.canvas-audio-player__subtitle-text--desktop{display:none}.canvas-audio-player__subtitle-text--mobile{display:block;font-size:9px;line-height:1.2;letter-spacing:.01em;text-transform:none}.canvas-audio-player__controls{justify-self:end;align-self:center;gap:2px;padding-top:0}.canvas-audio-player__volume{display:none}.canvas-audio-player__playlist{left:0;top:calc(100% + 8px);width:100%;max-height:min(300px,100vh - 180px);border-radius:16px}.canvas-audio-player__action,.canvas-audio-player__close{width:30px;height:30px}.canvas-audio-player__action--primary{width:34px;height:34px;box-shadow:0 6px 14px #2563eb2e}.canvas-audio-player__close{align-self:center;margin-top:0;color:#475569ad}.canvas-audio-player__progress{grid-template-columns:minmax(0,1fr);gap:0;margin-top:-1px;padding:0 2px 1px 0}.canvas-audio-player__time{display:none}.canvas-audio-player__slider--progress{--canvas-audio-slider-track-height: 3px;--canvas-audio-slider-thumb-size: 10px}.canvas-audio-player__toggle{display:none}}@media(max-width:480px){.canvas-audio-player__cover{width:32px;height:32px}.canvas-audio-player__controls{gap:1px}.canvas-audio-player__action,.canvas-audio-player__close{width:28px;height:28px}.canvas-audio-player__action--primary{width:32px;height:32px}.canvas-audio-player__title{font-size:12px}.canvas-audio-player__subtitle-text--mobile{font-size:9px}.canvas-audio-player__slider--progress{--canvas-audio-slider-track-height: 2.5px;--canvas-audio-slider-thumb-size: 9px}}