@qumra/fanar 0.0.19 → 0.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/ai.js +1 -1
  2. package/dist/charts.js +1 -1
  3. package/dist/{chunk-OL5OXS2S.js → chunk-2I63VHR4.js} +1 -1
  4. package/dist/{chunk-FVOTYZMF.js → chunk-53YEURBU.js} +1 -1
  5. package/dist/{chunk-JC5JJOIS.js → chunk-ARV4Q75R.js} +1 -1
  6. package/dist/{chunk-24OSSZEM.js → chunk-E7HZ2JKH.js} +1 -1
  7. package/dist/{chunk-N7CZXHOG.js → chunk-P55JZZGN.js} +1 -1
  8. package/dist/{chunk-4FZED2ZL.js → chunk-SNVEJCAW.js} +1 -1
  9. package/dist/editor.js +1 -1
  10. package/dist/index.d.ts +109 -2
  11. package/dist/index.js +1 -1
  12. package/dist/notifications.js +1 -1
  13. package/package.json +2 -1
package/dist/ai.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- import{BarChart,ChoiceCards,DataTable,Money,TrendChart,isCurrency}from"./chunk-24OSSZEM.js";import{Button,Input,Textarea}from"./chunk-FVOTYZMF.js";import{Badge,Card,StatCard,formatTime}from"./chunk-OL5OXS2S.js";import{Alert,Modal}from"./chunk-4FZED2ZL.js";import{cn,useUIText}from"./chunk-N7CZXHOG.js";import{useEffect,useRef,useState}from"react";import{Bot,Check,Copy,ExternalLink,RotateCcw,ThumbsDown,ThumbsUp,TriangleAlert}from"lucide-react";import{Fragment,jsx,jsxs}from"react/jsx-runtime";function AiAvatar({state="idle",level,size="md",icon:Icon=Bot}){const ring=useRef(null);useEffect(()=>{if(state!=="speaking"||!level)return;let raf=0;const loop=()=>{const v=level.current??0;if(ring.current){ring.current.style.transform=`scale(${1+v**1.6*.9})`;ring.current.style.opacity=String(Math.min(.45,v))}raf=requestAnimationFrame(loop)};raf=requestAnimationFrame(loop);const el=ring.current;return()=>{cancelAnimationFrame(raf);if(el)el.style.opacity="0"}},[state,level]);const box={sm:"size-8",md:"size-9",lg:"size-12"}[size];const px={sm:16,md:18,lg:24}[size];return jsxs("span",{className:"relative inline-flex shrink-0",children:[jsx("span",{ref:ring,"aria-hidden":"true",className:cn("absolute inset-0 rounded-sm bg-brand opacity-0",box),style:{transition:"transform 90ms linear, opacity 90ms linear"}}),jsx("span",{"aria-hidden":"true",className:cn("relative rounded-sm bg-soft border border-soft2 flex items-center justify-center",box,state==="thinking"&&"animate-pulse"),children:jsx(Icon,{size:px,strokeWidth:2,className:"text-brand"})})]})}function AiThinking({label}){const ui=useUIText();return jsxs("span",{role:"status","aria-live":"polite",className:"flex items-center gap-2.5",children:[jsx(AiAvatar,{size:"sm",state:"thinking"}),jsxs("span",{className:"flex items-center gap-2 py-2.5 px-3.5 rounded-card bg-bg border border-line",children:[jsx("span",{"aria-hidden":"true",className:"flex items-center gap-1",children:[0,1,2].map(i=>jsx("span",{className:"size-1.5 rounded-full bg-muted2 animate-bounce",style:{animationDelay:`${i*140}ms`,animationDuration:"900ms"}},i))}),jsx("span",{className:"text-caption text-muted",children:label??ui.shehabThinking})]})]})}function AiToolCall({icon:Icon,title,detail,state="done",onUndo,undoLabel}){const ui=useUIText();const tone={running:"bg-bg border-line text-muted",done:"bg-green-bg2 border-green-line text-green",failed:"bg-red-bg border-red-line text-red",reverted:"bg-bg border-line text-muted2"}[state];const off=state==="reverted";return jsxs("div",{className:cn("flex items-start gap-2.5 p-3 rounded-card border",tone),children:[jsx("span",{"aria-hidden":"true",className:"shrink-0 mt-0.5",children:state==="failed"?jsx(TriangleAlert,{size:15}):off?jsx(RotateCcw,{size:15}):state==="done"?jsx(Check,{size:15}):Icon?jsx(Icon,{size:15}):jsx("span",{className:"block size-3.5 rounded-full border-2 border-current border-t-transparent animate-spin"})}),jsxs("span",{className:"flex flex-col gap-1 min-w-0 flex-1",children:[jsx("span",{className:cn("text-ui font-bold",off?"text-muted":"text-ink"),children:title}),detail&&jsx("span",{className:cn("text-caption leading-[1.7]",off?"text-muted2 line-through":"text-ink2"),children:detail})]}),onUndo&&state==="done"&&jsx("button",{type:"button",onClick:onUndo,className:"shrink-0 text-caption font-bold text-brand-ink cursor-pointer hover:underline underline-offset-4",children:undoLabel??ui.undo})]})}function AiSources({sources,label}){const ui=useUIText();if(sources.length===0)return null;return jsxs("span",{className:"flex items-center gap-1.5 flex-wrap",children:[jsx("span",{className:"text-micro text-muted2",children:label??ui.from}),sources.map(s=>{const inner=jsxs(Fragment,{children:[s.label,jsx(ExternalLink,{size:10,"aria-hidden":"true"})]});const cls="inline-flex items-center gap-1 h-6 px-2 rounded-full bg-soft text-brand-ink text-micro font-bold no-underline cursor-pointer transition-colors hover:bg-soft2";return s.href?jsx("a",{href:s.href,className:cls,children:inner},s.id):jsx("button",{type:"button",onClick:s.onOpen,className:cls,children:inner},s.id)})]})}function AiMessage({role,children,streaming,sources,copyText,onRetry,onFeedback,tools,fill}){const ui=useUIText();const[copied,setCopied]=useState(false);const[vote,setVote]=useState(null);const user=role==="user";const actionable=!user&&!streaming&&(copyText||onRetry||onFeedback);return jsxs("div",{className:cn("flex gap-2.5",fill?"w-full":"max-w-[88%]",user?"self-end":"self-start"),children:[!user&&jsx(AiAvatar,{size:"sm"}),jsxs("div",{className:cn("flex flex-col gap-2 min-w-0",fill&&"flex-1"),children:[jsxs("div",{dir:"auto",className:cn("py-2.5 px-3.5 rounded-card text-ui leading-[1.85] whitespace-pre-line",user?"bg-brand text-white":"bg-bg text-ink border border-line"),children:[children,streaming&&jsx("span",{"aria-hidden":"true",className:"inline-block w-[2px] h-[1em] align-[-2px] ms-0.5 bg-brand animate-pulse"})]}),tools,sources&&sources.length>0&&!streaming&&jsx(AiSources,{sources}),actionable&&jsxs("div",{className:"flex items-center gap-0.5",children:[copyText&&jsx(ActionBtn,{label:copied?"\u0627\u062A\u0646\u0633\u062E":"\u0646\u0633\u062E",onClick:()=>{navigator.clipboard?.writeText(copyText);setCopied(true);setTimeout(()=>setCopied(false),1400)},children:copied?jsx(Check,{size:13,className:"text-green"}):jsx(Copy,{size:13})}),onRetry&&jsx(ActionBtn,{label:ui.tryAnotherReply,onClick:onRetry,children:jsx(RotateCcw,{size:13})}),onFeedback&&jsxs(Fragment,{children:[jsx(ActionBtn,{label:ui.helpfulReply,active:vote==="up",onClick:()=>{setVote("up");onFeedback("up")},children:jsx(ThumbsUp,{size:13})}),jsx(ActionBtn,{label:ui.unhelpfulReply,active:vote==="down",onClick:()=>{setVote("down");onFeedback("down")},children:jsx(ThumbsDown,{size:13})})]})]})]})]})}function ActionBtn({onClick,label,active,children}){return jsx("button",{type:"button",onClick,"aria-label":label,title:label,"aria-pressed":active,className:cn("size-7 rounded-xs inline-flex items-center justify-center cursor-pointer transition-colors",active?"bg-soft text-brand-ink":"text-muted2 hover:bg-hover hover:text-ink"),children})}function AiDisclaimer({children}){const ui=useUIText();return jsx("span",{className:"block text-center text-micro leading-[1.7] text-muted2 [text-wrap:pretty]",children:children??ui.aiDisclaimer})}import{useEffect as useEffect3,useRef as useRef3}from"react";import{ArrowUp,Mic,Paperclip,Square,Trash2}from"lucide-react";import{useCallback,useEffect as useEffect2,useRef as useRef2,useState as useState2}from"react";function useStreamingText({speed=18}={}){const[shown,setShown]=useState2("");const[streaming,setStreaming]=useState2(false);const full=useRef2("");const timer=useRef2(void 0);const stopTimer=useCallback(()=>{clearInterval(timer.current);timer.current=void 0},[]);useEffect2(()=>stopTimer,[stopTimer]);const run=useCallback(()=>{if(timer.current)return;timer.current=setInterval(()=>{setShown(s=>{if(s.length>=full.current.length){stopTimer();setStreaming(false);return s}return full.current.slice(0,s.length+1)})},speed)},[speed,stopTimer]);const start=useCallback(text=>{stopTimer();full.current=text;setShown("");setStreaming(true);run()},[run,stopTimer]);const push=useCallback(chunk=>{full.current+=chunk;setStreaming(true);run()},[run]);const stop=useCallback(()=>{stopTimer();full.current=shown;setStreaming(false)},[shown,stopTimer]);const finish=useCallback(()=>{stopTimer();setShown(full.current);setStreaming(false)},[stopTimer]);const reset=useCallback(()=>{stopTimer();full.current="";setShown("");setStreaming(false)},[stopTimer]);return{text:shown,streaming,start,push,stop,finish,reset}}function useMicLevel(){const level=useRef2(0);const[recording,setRecording]=useState2(false);const[seconds,setSeconds]=useState2(0);const[denied,setDenied]=useState2(false);const stream=useRef2(null);const ctx=useRef2(null);const raf=useRef2(0);const tick=useRef2(void 0);const stop=useCallback(()=>{cancelAnimationFrame(raf.current);clearInterval(tick.current);stream.current?.getTracks().forEach(t=>t.stop());void ctx.current?.close();stream.current=null;ctx.current=null;level.current=0;setRecording(false);setSeconds(0)},[]);useEffect2(()=>stop,[stop]);const start=useCallback(async()=>{if(recording)return;try{const media=await navigator.mediaDevices.getUserMedia({audio:true});const Ctx=window.AudioContext??window.webkitAudioContext;if(!Ctx)throw new Error("\u0645\u0627\u0641\u064A\u0634 Web Audio");const c=new Ctx;const src=c.createMediaStreamSource(media);const analyser=c.createAnalyser();analyser.fftSize=512;analyser.smoothingTimeConstant=.7;src.connect(analyser);stream.current=media;ctx.current=c;setDenied(false);setRecording(true);setSeconds(0);const data=new Uint8Array(analyser.frequencyBinCount);const loop=()=>{analyser.getByteTimeDomainData(data);let sum=0;for(let i=0;i<data.length;i++){const v=(data[i]-128)/128;sum+=v*v}level.current=Math.min(1,Math.sqrt(sum/data.length)*3);raf.current=requestAnimationFrame(loop)};raf.current=requestAnimationFrame(loop);tick.current=setInterval(()=>setSeconds(s=>s+1),1e3)}catch{setDenied(true);setRecording(false)}},[recording]);return{level,recording,seconds,start,stop,denied}}import{jsx as jsx2,jsxs as jsxs2}from"react/jsx-runtime";function AiPromptChips({prompts,onPick}){if(prompts.length===0)return null;return jsx2("div",{className:"flex gap-2 overflow-x-auto pb-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:prompts.map(p=>jsx2("button",{type:"button",dir:"auto",onClick:()=>onPick(p),className:"shrink-0 h-8 px-3 rounded-full border border-border bg-surface text-caption font-bold text-ink2 whitespace-nowrap cursor-pointer transition-colors hover:border-brand hover:text-brand-ink",children:p},p))})}function LiveBars({level,count=28}){const bars=useRef3([]);const history=useRef3(Array.from({length:count},()=>0));useEffect3(()=>{let raf=0;let last=0;const loop=t=>{if(t-last>60){last=t;history.current=[...history.current.slice(1),level.current??0];for(let i=0;i<bars.current.length;i++){const el=bars.current[i];if(el)el.style.height=`${Math.max(10,(history.current[i]??0)*100)}%`}}raf=requestAnimationFrame(loop)};raf=requestAnimationFrame(loop);return()=>cancelAnimationFrame(raf)},[level]);return jsx2("span",{dir:"ltr","aria-hidden":"true",className:"flex-1 min-w-0 h-7 flex items-center gap-0.5",children:Array.from({length:count},(_,i)=>jsx2("span",{ref:el=>{bars.current[i]=el},className:"flex-1 rounded-full bg-brand",style:{height:"10%",transition:"height 70ms linear"}},i))})}function AiComposer({value,onChange,onSend,placeholder,busy,onStop,onVoice,onAttach,disabled,className}){const ui=useUIText();const mic=useMicLevel();const area=useRef3(null);useEffect3(()=>{const el=area.current;if(!el)return;el.style.height="auto";el.style.height=`${Math.min(el.scrollHeight,120)}px`},[value]);function submit(){const text=value.trim();if(!text||busy)return;onSend(text)}if(mic.recording){return jsxs2("div",{className:cn("flex items-center gap-3 h-14 px-3 rounded-lg bg-surface border border-brand",className),children:[jsx2("button",{type:"button",onClick:mic.stop,"aria-label":ui.cancelRecording,className:"size-9 rounded-sm shrink-0 flex items-center justify-center text-muted cursor-pointer transition-colors hover:bg-red-bg hover:text-red",children:jsx2(Trash2,{size:17,"aria-hidden":"true"})}),jsx2(LiveBars,{level:mic.level}),jsx2("span",{"data-num":true,className:"text-ui font-bold text-ink2 shrink-0 tabular-nums",children:formatTime(mic.seconds)}),jsx2("button",{type:"button",onClick:()=>{const s=mic.seconds;mic.stop();onVoice?.(s)},"aria-label":ui.sendRecording,className:"size-9 rounded-sm shrink-0 flex items-center justify-center bg-brand text-white cursor-pointer transition-colors hover:bg-brand-hover",children:jsx2(ArrowUp,{size:17,strokeWidth:2.4,"aria-hidden":"true"})})]})}const canSend=value.trim().length>0;return jsxs2("div",{className:cn("flex flex-col gap-1.5",className),children:[jsxs2("div",{className:cn("flex items-end gap-2 p-2 ps-3.5 rounded-lg bg-surface border border-border","focus-within:border-brand transition-colors",disabled&&"opacity-60 pointer-events-none"),children:[jsx2("label",{htmlFor:"ai-composer",className:"sr-only",children:placeholder??ui.askShehab}),jsx2("textarea",{id:"ai-composer",ref:area,rows:1,value,disabled,placeholder:placeholder??ui.askShehab,onChange:e=>onChange(e.target.value),onKeyDown:e=>{if(e.key==="Enter"&&!e.shiftKey){e.preventDefault();submit()}},className:"flex-1 min-w-0 py-2 bg-transparent border-none outline-none resize-none text-body text-ink placeholder:text-muted2"}),jsxs2("span",{className:"flex items-center gap-0.5 shrink-0",children:[onAttach&&jsx2("button",{type:"button",onClick:onAttach,"aria-label":ui.attachFile,className:"size-9 rounded-sm flex items-center justify-center text-muted cursor-pointer transition-colors hover:bg-hover hover:text-ink",children:jsx2(Paperclip,{size:17,"aria-hidden":"true"})}),onVoice&&!canSend&&!busy&&jsx2("button",{type:"button",onClick:()=>void mic.start(),"aria-label":ui.recordVoice,className:"size-9 rounded-sm flex items-center justify-center text-muted cursor-pointer transition-colors hover:bg-hover hover:text-ink",children:jsx2(Mic,{size:17,"aria-hidden":"true"})}),jsx2("button",{type:"button",onClick:busy?onStop:submit,disabled:!busy&&!canSend,"aria-label":busy?"\u0623\u0648\u0642\u0641 \u0627\u0644\u062A\u0648\u0644\u064A\u062F":"\u0625\u0631\u0633\u0627\u0644",className:cn("size-9 rounded-sm flex items-center justify-center shrink-0 transition-colors",busy?"bg-ink2 text-surface cursor-pointer hover:bg-ink":canSend?"bg-brand text-white cursor-pointer hover:bg-brand-hover":"bg-soft text-brand-ink/40 cursor-not-allowed"),children:busy?jsx2(Square,{size:13,fill:"currentColor","aria-hidden":"true"}):jsx2(ArrowUp,{size:17,strokeWidth:2.4,"aria-hidden":"true"})})]})]}),mic.denied&&jsx2("span",{className:"text-caption text-red",children:"\u0627\u0644\u0645\u064A\u0643\u0631\u0648\u0641\u0648\u0646 \u0645\u0631\u0641\u0648\u0636 \u2014 \u0627\u0633\u0645\u062D \u0644\u0644\u0645\u0648\u0642\u0639 \u0628\u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0645\u064A\u0643\u0631\u0648\u0641\u0648\u0646 \u0645\u0646 \u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0645\u062A\u0635\u0641\u0651\u062D."})]})}import{useState as useState5}from"react";import{useState as useState3}from"react";import{ArrowRight,Check as Check2,MessageSquarePlus}from"lucide-react";import{OTHER_PREFIX}from"@qumra/jawab-ai";import{jsx as jsx3,jsxs as jsxs3}from"react/jsx-runtime";function AskCard({block,onAnswer,live=true}){const[at,setAt]=useState3(0);const[picked,setPicked]=useState3({});const[other,setOther]=useState3({});const[notes,setNotes]=useState3({});const[noting,setNoting]=useState3({});const[sent,setSent]=useState3(null);const answerable=live&&Boolean(onAnswer)&&!sent;const total=block.questions.length;const q=block.questions[at];const last=at===total-1;function toggle(question,value){setPicked(prev=>{const cur=prev[question.key]??[];if(!question.multi)return{...prev,[question.key]:[value]};return{...prev,[question.key]:cur.includes(value)?cur.filter(v=>v!==value):[...cur,value]}})}function valuesFor(question){const base=picked[question.key]??[];const typed=other[question.key]?.trim();return typed?[...base,OTHER_PREFIX+typed]:base}function labelsFor(question){return valuesFor(question).map(v=>v.startsWith(OTHER_PREFIX)?v.slice(OTHER_PREFIX.length):question.options.find(o=>o.value===v)?.label??v)}const answered=valuesFor(q).length>0;const canGo=q.required===false||answered;function submit(){const result={answers:{},values:{}};const notesOut={};for(const question of block.questions){const values=valuesFor(question);if(values.length===0)continue;result.values[question.key]=values;result.answers[question.label]=labelsFor(question).join("\u060C ");const note=notes[question.key]?.trim();if(note)notesOut[question.label]={notes:note}}if(Object.keys(notesOut).length)result.annotations=notesOut;setSent(result);onAnswer?.(block.id,result)}if(sent){return jsxs3("div",{className:"flex flex-col gap-3 p-4 rounded-card border border-line bg-bg",children:[block.questions.map(question=>jsxs3("div",{className:"flex flex-col gap-1.5",children:[jsx3("span",{className:"text-caption text-muted [text-wrap:pretty]",children:question.label}),jsx3(Picked,{labels:(sent.answers[question.label]??"").split("\u060C ").filter(Boolean),note:sent.annotations?.[question.label]?.notes})]},question.key)),jsxs3("span",{className:"flex items-center gap-1.5 text-caption font-bold text-green",children:[jsx3(Check2,{size:13,strokeWidth:2.6,"aria-hidden":"true"}),"\u0627\u062A\u0628\u0639\u062A"]})]})}return jsxs3("div",{className:"flex flex-col gap-3.5 p-4 rounded-card border border-soft2 bg-tint",children:[jsxs3("span",{className:"flex items-center justify-between gap-3",children:[q.header?jsx3("span",{className:"px-2 h-5 rounded-mark bg-soft text-brand-ink text-micro font-extrabold flex items-center",children:q.header}):jsx3("span",{}),total>1&&jsxs3("span",{className:"flex items-center gap-2 shrink-0",children:[jsx3("span",{"aria-hidden":"true",className:"flex items-center gap-1",children:block.questions.map((qq,i)=>jsx3("span",{className:cn("size-1.5 rounded-full transition-colors",i===at?"bg-brand":i<at?"bg-brand/40":"bg-border/40")},qq.key))}),jsxs3("span",{"data-num":true,className:"text-micro font-bold text-muted whitespace-nowrap",children:[at+1," \u0645\u0646 ",total]})]})]}),jsxs3("div",{className:"flex flex-col gap-2",children:[jsx3("span",{className:"text-ui font-extrabold text-ink [text-wrap:pretty]",children:q.label}),q.hint&&jsx3("span",{className:"text-caption leading-[1.7] text-muted",children:q.hint}),jsx3(ChoiceCards,{name:`${block.id}-${q.key}`,multiple:q.multi,disabled:!answerable,value:q.multi?picked[q.key]??[]:picked[q.key]?.[0]??null,onChange:v=>toggle(q,v),options:q.options.map(o=>({value:o.value,label:o.label,meta:o.description}))}),q.other!==false&&jsx3(Input,{size:"sm",value:other[q.key]??"",onChange:e=>setOther(p=>({...p,[q.key]:e.target.value})),disabled:!answerable,placeholder:q.other?.placeholder??"\u0623\u0648 \u0627\u0643\u062A\u0628 \u0625\u062C\u0627\u0628\u062A\u0643\u2026","aria-label":`\u0625\u062C\u0627\u0628\u0629 \u0623\u062E\u0631\u0649 \u0639\u0644\u0649: ${q.label}`}),noting[q.key]?jsx3(Textarea,{rows:2,value:notes[q.key]??"",onChange:e=>setNotes(p=>({...p,[q.key]:e.target.value})),disabled:!answerable,placeholder:"\u062D\u0627\u062C\u0629 \u062A\u062D\u0628\u0651 \u062A\u0642\u0648\u0644\u0647\u0627 \u0645\u0639 \u0627\u062E\u062A\u064A\u0627\u0631\u0643\u2026","aria-label":`\u0645\u0644\u0627\u062D\u0638\u0629 \u0639\u0644\u0649: ${q.label}`}):answerable&&jsxs3("button",{type:"button",onClick:()=>setNoting(p=>({...p,[q.key]:true})),className:"self-start inline-flex items-center gap-1.5 text-micro font-bold text-muted hover:text-brand cursor-pointer transition-colors",children:[jsx3(MessageSquarePlus,{size:13,"aria-hidden":"true"}),"\u0636\u064A\u0641 \u0645\u0644\u0627\u062D\u0638\u0629"]})]}),answerable&&jsxs3("span",{className:"flex items-center gap-2.5",children:[at>0&&jsx3(Button,{size:"sm",variant:"ghost",onClick:()=>setAt(i=>i-1),children:"\u0631\u062C\u0648\u0639"}),last?jsx3(Button,{size:"sm",onClick:submit,disabled:!canGo,children:block.submitLabel??"\u0627\u0628\u0639\u062A"}):jsx3(Button,{size:"sm",onClick:()=>setAt(i=>i+1),disabled:!canGo,iconEnd:jsx3(ArrowRight,{size:13,className:"rtl:rotate-180","aria-hidden":"true"}),children:"\u0627\u0644\u062A\u0627\u0644\u064A"}),!canGo&&jsx3("span",{className:"text-micro text-muted2",children:"\u0627\u062E\u062A\u0627\u0631 \u0625\u062C\u0627\u0628\u0629 \u0627\u0644\u0623\u0648\u0644"})]})]})}function Picked({labels,note}){if(labels.length===0)return jsx3("span",{className:"text-caption text-muted2",children:"\u0627\u062A\u062E\u0637\u0651\u0649"});return jsxs3("span",{className:"flex flex-col gap-1.5",children:[jsx3("span",{className:"flex flex-wrap gap-1.5",children:labels.map((l,i)=>jsxs3("span",{className:"inline-flex items-center gap-1 h-6 px-2 rounded-mark bg-soft text-brand-ink text-caption font-bold",children:[jsx3(Check2,{size:11,strokeWidth:3,"aria-hidden":"true"}),l]},i))}),note&&jsx3("span",{className:"text-micro leading-[1.7] text-muted border-s-2 border-line ps-2",children:note})]})}import{useEffect as useEffect4,useState as useState4}from"react";import{Check as Check3,Copy as Copy2,RotateCcw as RotateCcw2,Sparkles,X}from"lucide-react";import{Fragment as Fragment2,jsx as jsx4,jsxs as jsxs4}from"react/jsx-runtime";function DraftPanel({draft:source,basis,label,onInsert,onClose,insertLabel="\u0623\u062F\u0631\u0650\u062C",className}){const[attempt,setAttempt]=useState4(0);const[done,setDone]=useState4(false);const{text,streaming,start,finish}=useStreamingText({speed:12});const dynamic=typeof source==="function";useEffect4(()=>{start(dynamic?source(attempt):source)},[attempt,source]);return jsxs4("div",{className:cn("flex flex-col gap-2.5 p-3.5 rounded-card bg-bg border border-line","basis-full order-last w-full",className),children:[jsxs4("span",{className:"flex items-start justify-between gap-3",children:[jsxs4("span",{className:"flex flex-col gap-0.5 min-w-0",children:[jsxs4("span",{className:"flex items-center gap-1.5 text-caption font-extrabold text-ink",children:[jsx4(Sparkles,{size:13,className:"text-brand shrink-0","aria-hidden":"true"}),label]}),jsx4("span",{className:"text-micro leading-[1.65] text-muted",children:basis})]}),onClose&&jsx4("button",{type:"button",onClick:onClose,"aria-label":"\u0625\u063A\u0644\u0627\u0642",className:"shrink-0 size-6 rounded-mark flex items-center justify-center text-muted2 hover:bg-hover hover:text-ink cursor-pointer transition-colors",children:jsx4(X,{size:14,"aria-hidden":"true"})})]}),text===""&&streaming?jsx4(AiThinking,{label:"\u0628\u064A\u0643\u062A\u0628\u2026"}):jsxs4("span",{className:"block text-caption leading-[1.9] text-ink whitespace-pre-wrap [text-wrap:pretty]","aria-live":"polite",children:[text,streaming&&jsx4("span",{"aria-hidden":"true",className:"inline-block w-[2px] h-[1em] align-[-0.15em] ms-0.5 bg-brand animate-pulse"})]}),jsx4("span",{className:"flex items-center gap-2 flex-wrap",children:streaming?jsx4(Button,{size:"sm",variant:"outline",onClick:finish,children:"\u0627\u0639\u0631\u0636\u0647\u0627 \u0643\u0644\u0647\u0627"}):jsxs4(Fragment2,{children:[onInsert&&jsx4(Button,{size:"sm",onClick:()=>{onInsert(text);setDone(true);onClose?.()},icon:jsx4(Check3,{size:13,"aria-hidden":"true"}),children:insertLabel}),jsx4(Button,{size:"sm",variant:"outline",onClick:()=>navigator.clipboard?.writeText(text),icon:jsx4(Copy2,{size:13,"aria-hidden":"true"}),children:"\u0627\u0646\u0633\u062E"}),dynamic&&jsx4(Button,{size:"sm",variant:"ghost",onClick:()=>setAttempt(a=>a+1),icon:jsx4(RotateCcw2,{size:13,"aria-hidden":"true"}),children:"\u0627\u0643\u062A\u0628 \u063A\u064A\u0631\u0647\u0627"})]})}),!streaming&&!done&&jsx4(AiDisclaimer,{children:"\u0645\u0645\u0643\u0646 \u064A\u063A\u0644\u0637 \u2014 \u0627\u0642\u0631\u0627\u0647\u0627 \u0642\u0628\u0644 \u0645\u0627 \u062A\u0646\u0634\u0631\u0647\u0627."})]})}function AiDraft({size="sm",...panel}){const[open,setOpen]=useState4(false);if(!open){return jsx4(Button,{variant:"outline",size,onClick:()=>setOpen(true),icon:jsx4(Sparkles,{size:size==="sm"?13:15,"aria-hidden":"true"}),className:panel.className,children:panel.label})}return jsx4(DraftPanel,{...panel,onClose:()=>setOpen(false)})}import{Fragment as Fragment3,jsx as jsx5}from"react/jsx-runtime";function Markdown({md}){const chunks=md.split(/\n{2,}/);return jsx5(Fragment3,{children:chunks.map((chunk,i)=>{const lines=chunk.split("\n");const bullets=lines.every(l=>/^\s*[-•]\s+/.test(l));const numbers=lines.every(l=>/^\s*\d+[.)]\s+/.test(l));if(bullets||numbers){const items=lines.map(l=>l.replace(/^\s*(?:[-•]|\d+[.)])\s+/,""));const List=numbers?"ol":"ul";return jsx5(List,{className:numbers?"my-2 ps-5 list-decimal marker:text-muted2 flex flex-col gap-1":"my-2 ps-5 list-disc marker:text-muted2 flex flex-col gap-1",children:items.map((it,j)=>jsx5("li",{children:inline(it)},j))},i)}return jsx5("p",{className:"my-2 first:mt-0 last:mb-0 [text-wrap:pretty]",children:inline(chunk)},i)})})}var TOKEN=/(`[^`\n]+`)|(\*\*[^*\n]+\*\*)|(\*[^*\n]+\*)/g;function inline(src){const out=[];let last=0;let m;TOKEN.lastIndex=0;while((m=TOKEN.exec(src))!==null){if(m.index>last)out.push(src.slice(last,m.index));const[full]=m;const key=`${m.index}`;if(full.startsWith("`")){out.push(jsx5("code",{dir:"ltr",className:"px-1 py-px rounded-mark bg-hover text-[0.9em] font-mono text-brand-ink",children:full.slice(1,-1)},key))}else if(full.startsWith("**")){out.push(jsx5("strong",{className:"font-extrabold text-ink",children:full.slice(2,-2)},key))}else{out.push(jsx5("em",{className:"not-italic font-bold",children:full.slice(1,-1)},key))}last=m.index+full.length}if(last<src.length)out.push(src.slice(last));return out}import{Fragment as Fragment4,jsx as jsx6,jsxs as jsxs5}from"react/jsx-runtime";var TONE={good:"green",warn:"amber",bad:"red",plain:"neutral"};var NOTICE_TONE={info:"brand",warn:"amber",danger:"red"};function major(a){return a.minor/10**(a.decimals??2)}function TextBlockView({block}){if(!block.md)return null;return jsx6("div",{className:"text-body leading-[1.95] text-ink2",children:jsx6(Markdown,{md:block.md})})}function MetricBlockView({block}){return jsx6("div",{className:"grid gap-2.5 grid-cols-[repeat(auto-fit,minmax(9.5rem,1fr))]",children:block.items.map((m,i)=>jsx6(StatCard,{tone:TONE[m.tone??"plain"]??"neutral",label:m.label,value:m.amount?jsx6(Money,{value:major(m.amount),currency:isCurrency(m.amount.currency)?m.amount.currency:void 0,compact:true,trimZeros:true}):m.value,hint:m.delta!==void 0?deltaHint(m.delta,m.deltaBasis):void 0},i))})}function deltaHint(delta,basis){const up=delta>0;const flat=delta===0;return jsxs5("span",{className:cn("font-bold",flat?"text-muted2":up?"text-green":"text-red"),children:[flat?"=":up?"\u25B2":"\u25BC"," ",Math.abs(delta),"\u066A",basis?` ${basis}`:""]})}function TableBlockView({block}){const rows=block.rows.map((cells,i)=>{const row={__key:String(i)};block.cols.forEach((c,j)=>{row[c.key]=cells[j]??null});return row});const columns=block.cols.map(c=>({key:c.key,header:c.label,end:c.align==="end",cell:row=>renderCell(row[c.key],c)}));return jsxs5("span",{className:"flex flex-col gap-1.5",children:[block.caption&&jsx6("span",{className:"text-micro text-muted2",children:block.caption}),jsx6(DataTable,{columns,rows,rowKey:r=>r.__key,grid:block.cols.map(c=>c.align==="end"?"1fr":"1.6fr").join("_"),minWidth:block.cols.length*120,mobileCard:row=>jsx6("span",{className:"flex flex-col gap-1",children:block.cols.map(c=>jsxs5("span",{className:"flex items-baseline justify-between gap-3",children:[jsx6("span",{className:"text-micro text-muted2",children:c.label}),jsx6("span",{className:"text-caption text-ink",children:renderCell(row[c.key],c)})]},c.key))})})]})}function renderCell(v,col){if(v===null||v==="")return jsx6("span",{className:"text-muted2",children:"\u2014"});switch(col.format){case"money":return typeof v==="number"?jsx6(Money,{value:v,trimZeros:true}):v;case"badge":return jsx6(Badge,{size:"sm",children:v});case"number":return jsx6("span",{"data-num":true,children:v});default:return v}}function CardsBlockView({block,intents}){return jsx6("div",{className:"grid gap-2.5 grid-cols-[repeat(auto-fill,minmax(13rem,1fr))]",children:block.items.map(c=>jsx6(Card,{children:jsxs5("span",{className:"flex gap-3 items-start",children:[c.img&&jsx6("img",{src:c.img,alt:"",className:"size-12 rounded-sm object-cover bg-hover shrink-0"}),jsxs5("span",{className:"flex flex-col gap-1 min-w-0",children:[jsx6("span",{className:"text-ui font-bold text-ink truncate",children:c.title}),c.subtitle&&jsx6("span",{className:"text-micro text-muted",children:c.subtitle}),c.badge&&jsx6("span",{children:jsx6(Badge,{size:"sm",tone:"brand",children:c.badge})}),c.action&&jsx6(ActionButton,{action:c.action,intents,size:"sm"})]})]})},c.id))})}function ChartBlockView({block}){const labels=block.series.map(p=>String(p.x));const values=block.series.map(p=>p.y);const money=block.unit?.kind==="money";const fmt=v=>block.unit?.kind==="percent"?`${v}\u066A`:v.toLocaleString("ar-EG");if(block.kind==="bar"){return jsx6(BarChart,{labels,series:[{label:"",values}],formatValue:fmt})}return jsx6(TrendChart,{labels:axisLabels(labels),values,pointLabels:labels,formatValue:money?v=>v.toLocaleString("ar-EG"):fmt,height:170})}function axisLabels(all){if(all.length<=3)return all;return[all[0],all[Math.floor(all.length/2)],all[all.length-1]]}function ActionBlockView({block,intents}){const runnable=block.items.filter(a=>intents[a.intent]);if(runnable.length===0)return null;return jsx6("span",{className:"flex flex-wrap gap-2",children:runnable.map((a,i)=>jsx6(ActionButton,{action:a,intents},i))})}function ActionButton({action,intents,size="sm"}){const[asking,setAsking]=useState5(false);const run=intents[action.intent];if(!run)return null;function fire(){setAsking(false);run(action.args)}return jsxs5(Fragment4,{children:[jsx6(Button,{size,variant:action.style==="quiet"?"outline":"primary",onClick:()=>action.confirm?setAsking(true):fire(),children:action.label}),jsx6(Modal,{open:asking,title:action.label,description:action.confirm,onClose:()=>setAsking(false),size:"sm",footer:jsxs5(Fragment4,{children:[jsx6(Button,{variant:"outline",onClick:()=>setAsking(false),children:"\u0625\u0644\u063A\u0627\u0621"}),jsx6(Button,{onClick:fire,children:action.label})]})})]})}function ToolBlockView({block,intents}){const undo=block.undo;const run=undo?intents[undo.intent]:void 0;return jsx6(AiToolCall,{title:block.title,detail:block.detail,state:block.state,onUndo:run&&undo?()=>run(undo.args):void 0,undoLabel:undo?.label})}function NoticeBlockView({block}){return jsx6(Alert,{tone:NOTICE_TONE[block.tone],children:block.text})}function ChipsBlockView({block,onSend}){if(!onSend)return null;const byLabel=new Map(block.items.map(c=>[c.label,c.send]));return jsx6(AiPromptChips,{prompts:block.items.map(c=>c.label),onPick:label=>onSend(byLabel.get(label)??label)})}function BlockView({block,intents,onSend,onInsertDraft,onAnswer,live=true}){switch(block.type){case"text":return jsx6(TextBlockView,{block});case"metric":return jsx6(MetricBlockView,{block});case"table":return jsx6(TableBlockView,{block});case"cards":return jsx6(CardsBlockView,{block,intents});case"chart":return jsx6(ChartBlockView,{block});case"action":return jsx6(ActionBlockView,{block,intents});case"tool":return jsx6(ToolBlockView,{block,intents});case"notice":return jsx6(NoticeBlockView,{block});case"chips":return jsx6(ChipsBlockView,{block,onSend});case"ask":return jsx6(AskCard,{block,onAnswer,live});case"draft":return jsx6(DraftPanel,{draft:block.text,basis:block.basis,label:"\u0645\u0633\u0648\u0651\u062F\u0629",onInsert:onInsertDraft});default:return null}}import{jsx as jsx7,jsxs as jsxs6}from"react/jsx-runtime";var NO_INTENTS={};function ReplyView({reply,streaming,intents=NO_INTENTS,onSend,onInsertDraft,onAnswer,live=true,onRetry,onFeedback,className}){return jsx7(AiMessage,{role:"assistant",fill:true,streaming,sources:reply.sources,copyText:plainText(reply),onRetry,onFeedback,children:jsxs6("span",{className:cn("flex flex-col gap-3",className),children:[reply.blocks.map((block,i)=>jsx7(BlockView,{block,intents,onSend,onInsertDraft,onAnswer,live},i)),reply.disclaimer!==false&&!streaming&&jsx7(AiDisclaimer,{})]})})}function plainText(reply){const parts=[];for(const b of reply.blocks){switch(b.type){case"text":parts.push(b.md);break;case"metric":parts.push(b.items.map(m=>`${m.label}: ${m.value}`).join(" \xB7 "));break;case"table":parts.push([b.cols.map(c=>c.label).join(" "),...b.rows.map(r=>r.map(c=>c??"").join(" "))].join("\n"));break;case"cards":parts.push(b.items.map(c=>c.title).join("\n"));break;case"draft":parts.push(b.text);break;case"tool":parts.push(b.detail?`${b.title} \u2014 ${b.detail}`:b.title);break;case"notice":parts.push(b.text);break;case"ask":parts.push(b.questions.map(q=>q.label).join("\n"));break;case"chart":case"action":case"chips":break}}return parts.filter(Boolean).join("\n\n")}import{useCallback as useCallback2,useEffect as useEffect5,useRef as useRef4,useState as useState6}from"react";import{parseEvent,parseSSE,reduce}from"@qumra/jawab-ai";function useReplyStream(url,init){const[reply,setReply]=useState6(null);const[streaming,setStreaming]=useState6(false);const[error,setError]=useState6(null);const abort=useRef4(null);const lastInput=useRef4("");useEffect5(()=>()=>abort.current?.abort(),[]);const stop=useCallback2(()=>{abort.current?.abort();abort.current=null;setStreaming(false)},[]);const send=useCallback2(text=>{const question=text.trim();if(!question)return;abort.current?.abort();const ctrl=new AbortController;abort.current=ctrl;lastInput.current=question;setError(null);setReply(null);setStreaming(true);void(async()=>{try{const res=await fetch(url,{method:"POST",headers:{"content-type":"application/json",accept:"text/event-stream"},body:JSON.stringify({input:question}),signal:ctrl.signal,...init});if(!res.ok||!res.body){throw new StreamError("http_"+res.status,`\u0627\u0644\u062E\u0627\u062F\u0645 \u0631\u062C\u0651\u0639 ${res.status}`)}const decoder=new TextDecoder;const readerStream=res.body.getReader();let rest="";let state=null;for(;;){const{done,value}=await readerStream.read();if(done)break;rest+=decoder.decode(value,{stream:true});const{events,rest:tail}=parseSSE(rest);rest=tail;for(const raw of events){const ev=parseEvent(raw);if(!ev)continue;if(ev.e==="error")throw new StreamError(ev.code,ev.message);state=reduce(state,ev);setReply(state);if(ev.e==="done")break}}setStreaming(false)}catch(e){if(ctrl.signal.aborted)return;const se=e;setError({code:se.code??"unknown",message:se.message??"\u0627\u0644\u0627\u062A\u0635\u0627\u0644 \u0627\u062A\u0642\u0637\u0639.",lastInput:lastInput.current});setStreaming(false)}})()},[url,init]);return{reply,streaming,error,send,stop}}var StreamError=class extends Error{code;constructor(code,message){super(message);this.name="StreamError";this.code=code}};export{AiAvatar,AiComposer,AiDisclaimer,AiDraft,AiMessage,AiPromptChips,AiSources,AiThinking,AiToolCall,AskCard,DraftPanel,ReplyView,useMicLevel,useReplyStream,useStreamingText};
2
+ import{BarChart,ChoiceCards,DataTable,Money,TrendChart,isCurrency}from"./chunk-E7HZ2JKH.js";import{Button,Input,Textarea}from"./chunk-53YEURBU.js";import{Badge,Card,StatCard,formatTime}from"./chunk-2I63VHR4.js";import{Alert,Modal}from"./chunk-SNVEJCAW.js";import{cn,useUIText}from"./chunk-P55JZZGN.js";import{useEffect,useRef,useState}from"react";import{Bot,Check,Copy,ExternalLink,RotateCcw,ThumbsDown,ThumbsUp,TriangleAlert}from"lucide-react";import{Fragment,jsx,jsxs}from"react/jsx-runtime";function AiAvatar({state="idle",level,size="md",icon:Icon=Bot}){const ring=useRef(null);useEffect(()=>{if(state!=="speaking"||!level)return;let raf=0;const loop=()=>{const v=level.current??0;if(ring.current){ring.current.style.transform=`scale(${1+v**1.6*.9})`;ring.current.style.opacity=String(Math.min(.45,v))}raf=requestAnimationFrame(loop)};raf=requestAnimationFrame(loop);const el=ring.current;return()=>{cancelAnimationFrame(raf);if(el)el.style.opacity="0"}},[state,level]);const box={sm:"size-8",md:"size-9",lg:"size-12"}[size];const px={sm:16,md:18,lg:24}[size];return jsxs("span",{className:"relative inline-flex shrink-0",children:[jsx("span",{ref:ring,"aria-hidden":"true",className:cn("absolute inset-0 rounded-sm bg-brand opacity-0",box),style:{transition:"transform 90ms linear, opacity 90ms linear"}}),jsx("span",{"aria-hidden":"true",className:cn("relative rounded-sm bg-soft border border-soft2 flex items-center justify-center",box,state==="thinking"&&"animate-pulse"),children:jsx(Icon,{size:px,strokeWidth:2,className:"text-brand"})})]})}function AiThinking({label}){const ui=useUIText();return jsxs("span",{role:"status","aria-live":"polite",className:"flex items-center gap-2.5",children:[jsx(AiAvatar,{size:"sm",state:"thinking"}),jsxs("span",{className:"flex items-center gap-2 py-2.5 px-3.5 rounded-card bg-bg border border-line",children:[jsx("span",{"aria-hidden":"true",className:"flex items-center gap-1",children:[0,1,2].map(i=>jsx("span",{className:"size-1.5 rounded-full bg-muted2 animate-bounce",style:{animationDelay:`${i*140}ms`,animationDuration:"900ms"}},i))}),jsx("span",{className:"text-caption text-muted",children:label??ui.shehabThinking})]})]})}function AiToolCall({icon:Icon,title,detail,state="done",onUndo,undoLabel}){const ui=useUIText();const tone={running:"bg-bg border-line text-muted",done:"bg-green-bg2 border-green-line text-green",failed:"bg-red-bg border-red-line text-red",reverted:"bg-bg border-line text-muted2"}[state];const off=state==="reverted";return jsxs("div",{className:cn("flex items-start gap-2.5 p-3 rounded-card border",tone),children:[jsx("span",{"aria-hidden":"true",className:"shrink-0 mt-0.5",children:state==="failed"?jsx(TriangleAlert,{size:15}):off?jsx(RotateCcw,{size:15}):state==="done"?jsx(Check,{size:15}):Icon?jsx(Icon,{size:15}):jsx("span",{className:"block size-3.5 rounded-full border-2 border-current border-t-transparent animate-spin"})}),jsxs("span",{className:"flex flex-col gap-1 min-w-0 flex-1",children:[jsx("span",{className:cn("text-ui font-bold",off?"text-muted":"text-ink"),children:title}),detail&&jsx("span",{className:cn("text-caption leading-[1.7]",off?"text-muted2 line-through":"text-ink2"),children:detail})]}),onUndo&&state==="done"&&jsx("button",{type:"button",onClick:onUndo,className:"shrink-0 text-caption font-bold text-brand-ink cursor-pointer hover:underline underline-offset-4",children:undoLabel??ui.undo})]})}function AiSources({sources,label}){const ui=useUIText();if(sources.length===0)return null;return jsxs("span",{className:"flex items-center gap-1.5 flex-wrap",children:[jsx("span",{className:"text-micro text-muted2",children:label??ui.from}),sources.map(s=>{const inner=jsxs(Fragment,{children:[s.label,jsx(ExternalLink,{size:10,"aria-hidden":"true"})]});const cls="inline-flex items-center gap-1 h-6 px-2 rounded-full bg-soft text-brand-ink text-micro font-bold no-underline cursor-pointer transition-colors hover:bg-soft2";return s.href?jsx("a",{href:s.href,className:cls,children:inner},s.id):jsx("button",{type:"button",onClick:s.onOpen,className:cls,children:inner},s.id)})]})}function AiMessage({role,children,streaming,sources,copyText,onRetry,onFeedback,tools,fill}){const ui=useUIText();const[copied,setCopied]=useState(false);const[vote,setVote]=useState(null);const user=role==="user";const actionable=!user&&!streaming&&(copyText||onRetry||onFeedback);return jsxs("div",{className:cn("flex gap-2.5",fill?"w-full":"max-w-[88%]",user?"self-end":"self-start"),children:[!user&&jsx(AiAvatar,{size:"sm"}),jsxs("div",{className:cn("flex flex-col gap-2 min-w-0",fill&&"flex-1"),children:[jsxs("div",{dir:"auto",className:cn("py-2.5 px-3.5 rounded-card text-ui leading-[1.85] whitespace-pre-line",user?"bg-brand text-white":"bg-bg text-ink border border-line"),children:[children,streaming&&jsx("span",{"aria-hidden":"true",className:"inline-block w-[2px] h-[1em] align-[-2px] ms-0.5 bg-brand animate-pulse"})]}),tools,sources&&sources.length>0&&!streaming&&jsx(AiSources,{sources}),actionable&&jsxs("div",{className:"flex items-center gap-0.5",children:[copyText&&jsx(ActionBtn,{label:copied?"\u0627\u062A\u0646\u0633\u062E":"\u0646\u0633\u062E",onClick:()=>{navigator.clipboard?.writeText(copyText);setCopied(true);setTimeout(()=>setCopied(false),1400)},children:copied?jsx(Check,{size:13,className:"text-green"}):jsx(Copy,{size:13})}),onRetry&&jsx(ActionBtn,{label:ui.tryAnotherReply,onClick:onRetry,children:jsx(RotateCcw,{size:13})}),onFeedback&&jsxs(Fragment,{children:[jsx(ActionBtn,{label:ui.helpfulReply,active:vote==="up",onClick:()=>{setVote("up");onFeedback("up")},children:jsx(ThumbsUp,{size:13})}),jsx(ActionBtn,{label:ui.unhelpfulReply,active:vote==="down",onClick:()=>{setVote("down");onFeedback("down")},children:jsx(ThumbsDown,{size:13})})]})]})]})]})}function ActionBtn({onClick,label,active,children}){return jsx("button",{type:"button",onClick,"aria-label":label,title:label,"aria-pressed":active,className:cn("size-7 rounded-xs inline-flex items-center justify-center cursor-pointer transition-colors",active?"bg-soft text-brand-ink":"text-muted2 hover:bg-hover hover:text-ink"),children})}function AiDisclaimer({children}){const ui=useUIText();return jsx("span",{className:"block text-center text-micro leading-[1.7] text-muted2 [text-wrap:pretty]",children:children??ui.aiDisclaimer})}import{useEffect as useEffect3,useRef as useRef3}from"react";import{ArrowUp,Mic,Paperclip,Square,Trash2}from"lucide-react";import{useCallback,useEffect as useEffect2,useRef as useRef2,useState as useState2}from"react";function useStreamingText({speed=18}={}){const[shown,setShown]=useState2("");const[streaming,setStreaming]=useState2(false);const full=useRef2("");const timer=useRef2(void 0);const stopTimer=useCallback(()=>{clearInterval(timer.current);timer.current=void 0},[]);useEffect2(()=>stopTimer,[stopTimer]);const run=useCallback(()=>{if(timer.current)return;timer.current=setInterval(()=>{setShown(s=>{if(s.length>=full.current.length){stopTimer();setStreaming(false);return s}return full.current.slice(0,s.length+1)})},speed)},[speed,stopTimer]);const start=useCallback(text=>{stopTimer();full.current=text;setShown("");setStreaming(true);run()},[run,stopTimer]);const push=useCallback(chunk=>{full.current+=chunk;setStreaming(true);run()},[run]);const stop=useCallback(()=>{stopTimer();full.current=shown;setStreaming(false)},[shown,stopTimer]);const finish=useCallback(()=>{stopTimer();setShown(full.current);setStreaming(false)},[stopTimer]);const reset=useCallback(()=>{stopTimer();full.current="";setShown("");setStreaming(false)},[stopTimer]);return{text:shown,streaming,start,push,stop,finish,reset}}function useMicLevel(){const level=useRef2(0);const[recording,setRecording]=useState2(false);const[seconds,setSeconds]=useState2(0);const[denied,setDenied]=useState2(false);const stream=useRef2(null);const ctx=useRef2(null);const raf=useRef2(0);const tick=useRef2(void 0);const stop=useCallback(()=>{cancelAnimationFrame(raf.current);clearInterval(tick.current);stream.current?.getTracks().forEach(t=>t.stop());void ctx.current?.close();stream.current=null;ctx.current=null;level.current=0;setRecording(false);setSeconds(0)},[]);useEffect2(()=>stop,[stop]);const start=useCallback(async()=>{if(recording)return;try{const media=await navigator.mediaDevices.getUserMedia({audio:true});const Ctx=window.AudioContext??window.webkitAudioContext;if(!Ctx)throw new Error("\u0645\u0627\u0641\u064A\u0634 Web Audio");const c=new Ctx;const src=c.createMediaStreamSource(media);const analyser=c.createAnalyser();analyser.fftSize=512;analyser.smoothingTimeConstant=.7;src.connect(analyser);stream.current=media;ctx.current=c;setDenied(false);setRecording(true);setSeconds(0);const data=new Uint8Array(analyser.frequencyBinCount);const loop=()=>{analyser.getByteTimeDomainData(data);let sum=0;for(let i=0;i<data.length;i++){const v=(data[i]-128)/128;sum+=v*v}level.current=Math.min(1,Math.sqrt(sum/data.length)*3);raf.current=requestAnimationFrame(loop)};raf.current=requestAnimationFrame(loop);tick.current=setInterval(()=>setSeconds(s=>s+1),1e3)}catch{setDenied(true);setRecording(false)}},[recording]);return{level,recording,seconds,start,stop,denied}}import{jsx as jsx2,jsxs as jsxs2}from"react/jsx-runtime";function AiPromptChips({prompts,onPick}){if(prompts.length===0)return null;return jsx2("div",{className:"flex gap-2 overflow-x-auto pb-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:prompts.map(p=>jsx2("button",{type:"button",dir:"auto",onClick:()=>onPick(p),className:"shrink-0 h-8 px-3 rounded-full border border-border bg-surface text-caption font-bold text-ink2 whitespace-nowrap cursor-pointer transition-colors hover:border-brand hover:text-brand-ink",children:p},p))})}function LiveBars({level,count=28}){const bars=useRef3([]);const history=useRef3(Array.from({length:count},()=>0));useEffect3(()=>{let raf=0;let last=0;const loop=t=>{if(t-last>60){last=t;history.current=[...history.current.slice(1),level.current??0];for(let i=0;i<bars.current.length;i++){const el=bars.current[i];if(el)el.style.height=`${Math.max(10,(history.current[i]??0)*100)}%`}}raf=requestAnimationFrame(loop)};raf=requestAnimationFrame(loop);return()=>cancelAnimationFrame(raf)},[level]);return jsx2("span",{dir:"ltr","aria-hidden":"true",className:"flex-1 min-w-0 h-7 flex items-center gap-0.5",children:Array.from({length:count},(_,i)=>jsx2("span",{ref:el=>{bars.current[i]=el},className:"flex-1 rounded-full bg-brand",style:{height:"10%",transition:"height 70ms linear"}},i))})}function AiComposer({value,onChange,onSend,placeholder,busy,onStop,onVoice,onAttach,disabled,className}){const ui=useUIText();const mic=useMicLevel();const area=useRef3(null);useEffect3(()=>{const el=area.current;if(!el)return;el.style.height="auto";el.style.height=`${Math.min(el.scrollHeight,120)}px`},[value]);function submit(){const text=value.trim();if(!text||busy)return;onSend(text)}if(mic.recording){return jsxs2("div",{className:cn("flex items-center gap-3 h-14 px-3 rounded-lg bg-surface border border-brand",className),children:[jsx2("button",{type:"button",onClick:mic.stop,"aria-label":ui.cancelRecording,className:"size-9 rounded-sm shrink-0 flex items-center justify-center text-muted cursor-pointer transition-colors hover:bg-red-bg hover:text-red",children:jsx2(Trash2,{size:17,"aria-hidden":"true"})}),jsx2(LiveBars,{level:mic.level}),jsx2("span",{"data-num":true,className:"text-ui font-bold text-ink2 shrink-0 tabular-nums",children:formatTime(mic.seconds)}),jsx2("button",{type:"button",onClick:()=>{const s=mic.seconds;mic.stop();onVoice?.(s)},"aria-label":ui.sendRecording,className:"size-9 rounded-sm shrink-0 flex items-center justify-center bg-brand text-white cursor-pointer transition-colors hover:bg-brand-hover",children:jsx2(ArrowUp,{size:17,strokeWidth:2.4,"aria-hidden":"true"})})]})}const canSend=value.trim().length>0;return jsxs2("div",{className:cn("flex flex-col gap-1.5",className),children:[jsxs2("div",{className:cn("flex items-end gap-2 p-2 ps-3.5 rounded-lg bg-surface border border-border","focus-within:border-brand transition-colors",disabled&&"opacity-60 pointer-events-none"),children:[jsx2("label",{htmlFor:"ai-composer",className:"sr-only",children:placeholder??ui.askShehab}),jsx2("textarea",{id:"ai-composer",ref:area,rows:1,value,disabled,placeholder:placeholder??ui.askShehab,onChange:e=>onChange(e.target.value),onKeyDown:e=>{if(e.key==="Enter"&&!e.shiftKey){e.preventDefault();submit()}},className:"flex-1 min-w-0 py-2 bg-transparent border-none outline-none resize-none text-body text-ink placeholder:text-muted2"}),jsxs2("span",{className:"flex items-center gap-0.5 shrink-0",children:[onAttach&&jsx2("button",{type:"button",onClick:onAttach,"aria-label":ui.attachFile,className:"size-9 rounded-sm flex items-center justify-center text-muted cursor-pointer transition-colors hover:bg-hover hover:text-ink",children:jsx2(Paperclip,{size:17,"aria-hidden":"true"})}),onVoice&&!canSend&&!busy&&jsx2("button",{type:"button",onClick:()=>void mic.start(),"aria-label":ui.recordVoice,className:"size-9 rounded-sm flex items-center justify-center text-muted cursor-pointer transition-colors hover:bg-hover hover:text-ink",children:jsx2(Mic,{size:17,"aria-hidden":"true"})}),jsx2("button",{type:"button",onClick:busy?onStop:submit,disabled:!busy&&!canSend,"aria-label":busy?"\u0623\u0648\u0642\u0641 \u0627\u0644\u062A\u0648\u0644\u064A\u062F":"\u0625\u0631\u0633\u0627\u0644",className:cn("size-9 rounded-sm flex items-center justify-center shrink-0 transition-colors",busy?"bg-ink2 text-surface cursor-pointer hover:bg-ink":canSend?"bg-brand text-white cursor-pointer hover:bg-brand-hover":"bg-soft text-brand-ink/40 cursor-not-allowed"),children:busy?jsx2(Square,{size:13,fill:"currentColor","aria-hidden":"true"}):jsx2(ArrowUp,{size:17,strokeWidth:2.4,"aria-hidden":"true"})})]})]}),mic.denied&&jsx2("span",{className:"text-caption text-red",children:"\u0627\u0644\u0645\u064A\u0643\u0631\u0648\u0641\u0648\u0646 \u0645\u0631\u0641\u0648\u0636 \u2014 \u0627\u0633\u0645\u062D \u0644\u0644\u0645\u0648\u0642\u0639 \u0628\u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u0645\u064A\u0643\u0631\u0648\u0641\u0648\u0646 \u0645\u0646 \u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0645\u062A\u0635\u0641\u0651\u062D."})]})}import{useState as useState5}from"react";import{useState as useState3}from"react";import{ArrowRight,Check as Check2,MessageSquarePlus}from"lucide-react";import{OTHER_PREFIX}from"@qumra/jawab-ai";import{jsx as jsx3,jsxs as jsxs3}from"react/jsx-runtime";function AskCard({block,onAnswer,live=true}){const[at,setAt]=useState3(0);const[picked,setPicked]=useState3({});const[other,setOther]=useState3({});const[notes,setNotes]=useState3({});const[noting,setNoting]=useState3({});const[sent,setSent]=useState3(null);const answerable=live&&Boolean(onAnswer)&&!sent;const total=block.questions.length;const q=block.questions[at];const last=at===total-1;function toggle(question,value){setPicked(prev=>{const cur=prev[question.key]??[];if(!question.multi)return{...prev,[question.key]:[value]};return{...prev,[question.key]:cur.includes(value)?cur.filter(v=>v!==value):[...cur,value]}})}function valuesFor(question){const base=picked[question.key]??[];const typed=other[question.key]?.trim();return typed?[...base,OTHER_PREFIX+typed]:base}function labelsFor(question){return valuesFor(question).map(v=>v.startsWith(OTHER_PREFIX)?v.slice(OTHER_PREFIX.length):question.options.find(o=>o.value===v)?.label??v)}const answered=valuesFor(q).length>0;const canGo=q.required===false||answered;function submit(){const result={answers:{},values:{}};const notesOut={};for(const question of block.questions){const values=valuesFor(question);if(values.length===0)continue;result.values[question.key]=values;result.answers[question.label]=labelsFor(question).join("\u060C ");const note=notes[question.key]?.trim();if(note)notesOut[question.label]={notes:note}}if(Object.keys(notesOut).length)result.annotations=notesOut;setSent(result);onAnswer?.(block.id,result)}if(sent){return jsxs3("div",{className:"flex flex-col gap-3 p-4 rounded-card border border-line bg-bg",children:[block.questions.map(question=>jsxs3("div",{className:"flex flex-col gap-1.5",children:[jsx3("span",{className:"text-caption text-muted [text-wrap:pretty]",children:question.label}),jsx3(Picked,{labels:(sent.answers[question.label]??"").split("\u060C ").filter(Boolean),note:sent.annotations?.[question.label]?.notes})]},question.key)),jsxs3("span",{className:"flex items-center gap-1.5 text-caption font-bold text-green",children:[jsx3(Check2,{size:13,strokeWidth:2.6,"aria-hidden":"true"}),"\u0627\u062A\u0628\u0639\u062A"]})]})}return jsxs3("div",{className:"flex flex-col gap-3.5 p-4 rounded-card border border-soft2 bg-tint",children:[jsxs3("span",{className:"flex items-center justify-between gap-3",children:[q.header?jsx3("span",{className:"px-2 h-5 rounded-mark bg-soft text-brand-ink text-micro font-extrabold flex items-center",children:q.header}):jsx3("span",{}),total>1&&jsxs3("span",{className:"flex items-center gap-2 shrink-0",children:[jsx3("span",{"aria-hidden":"true",className:"flex items-center gap-1",children:block.questions.map((qq,i)=>jsx3("span",{className:cn("size-1.5 rounded-full transition-colors",i===at?"bg-brand":i<at?"bg-brand/40":"bg-border/40")},qq.key))}),jsxs3("span",{"data-num":true,className:"text-micro font-bold text-muted whitespace-nowrap",children:[at+1," \u0645\u0646 ",total]})]})]}),jsxs3("div",{className:"flex flex-col gap-2",children:[jsx3("span",{className:"text-ui font-extrabold text-ink [text-wrap:pretty]",children:q.label}),q.hint&&jsx3("span",{className:"text-caption leading-[1.7] text-muted",children:q.hint}),jsx3(ChoiceCards,{name:`${block.id}-${q.key}`,multiple:q.multi,disabled:!answerable,value:q.multi?picked[q.key]??[]:picked[q.key]?.[0]??null,onChange:v=>toggle(q,v),options:q.options.map(o=>({value:o.value,label:o.label,meta:o.description}))}),q.other!==false&&jsx3(Input,{size:"sm",value:other[q.key]??"",onChange:e=>setOther(p=>({...p,[q.key]:e.target.value})),disabled:!answerable,placeholder:q.other?.placeholder??"\u0623\u0648 \u0627\u0643\u062A\u0628 \u0625\u062C\u0627\u0628\u062A\u0643\u2026","aria-label":`\u0625\u062C\u0627\u0628\u0629 \u0623\u062E\u0631\u0649 \u0639\u0644\u0649: ${q.label}`}),noting[q.key]?jsx3(Textarea,{rows:2,value:notes[q.key]??"",onChange:e=>setNotes(p=>({...p,[q.key]:e.target.value})),disabled:!answerable,placeholder:"\u062D\u0627\u062C\u0629 \u062A\u062D\u0628\u0651 \u062A\u0642\u0648\u0644\u0647\u0627 \u0645\u0639 \u0627\u062E\u062A\u064A\u0627\u0631\u0643\u2026","aria-label":`\u0645\u0644\u0627\u062D\u0638\u0629 \u0639\u0644\u0649: ${q.label}`}):answerable&&jsxs3("button",{type:"button",onClick:()=>setNoting(p=>({...p,[q.key]:true})),className:"self-start inline-flex items-center gap-1.5 text-micro font-bold text-muted hover:text-brand cursor-pointer transition-colors",children:[jsx3(MessageSquarePlus,{size:13,"aria-hidden":"true"}),"\u0636\u064A\u0641 \u0645\u0644\u0627\u062D\u0638\u0629"]})]}),answerable&&jsxs3("span",{className:"flex items-center gap-2.5",children:[at>0&&jsx3(Button,{size:"sm",variant:"ghost",onClick:()=>setAt(i=>i-1),children:"\u0631\u062C\u0648\u0639"}),last?jsx3(Button,{size:"sm",onClick:submit,disabled:!canGo,children:block.submitLabel??"\u0627\u0628\u0639\u062A"}):jsx3(Button,{size:"sm",onClick:()=>setAt(i=>i+1),disabled:!canGo,iconEnd:jsx3(ArrowRight,{size:13,className:"rtl:rotate-180","aria-hidden":"true"}),children:"\u0627\u0644\u062A\u0627\u0644\u064A"}),!canGo&&jsx3("span",{className:"text-micro text-muted2",children:"\u0627\u062E\u062A\u0627\u0631 \u0625\u062C\u0627\u0628\u0629 \u0627\u0644\u0623\u0648\u0644"})]})]})}function Picked({labels,note}){if(labels.length===0)return jsx3("span",{className:"text-caption text-muted2",children:"\u0627\u062A\u062E\u0637\u0651\u0649"});return jsxs3("span",{className:"flex flex-col gap-1.5",children:[jsx3("span",{className:"flex flex-wrap gap-1.5",children:labels.map((l,i)=>jsxs3("span",{className:"inline-flex items-center gap-1 h-6 px-2 rounded-mark bg-soft text-brand-ink text-caption font-bold",children:[jsx3(Check2,{size:11,strokeWidth:3,"aria-hidden":"true"}),l]},i))}),note&&jsx3("span",{className:"text-micro leading-[1.7] text-muted border-s-2 border-line ps-2",children:note})]})}import{useEffect as useEffect4,useState as useState4}from"react";import{Check as Check3,Copy as Copy2,RotateCcw as RotateCcw2,Sparkles,X}from"lucide-react";import{Fragment as Fragment2,jsx as jsx4,jsxs as jsxs4}from"react/jsx-runtime";function DraftPanel({draft:source,basis,label,onInsert,onClose,insertLabel="\u0623\u062F\u0631\u0650\u062C",className}){const[attempt,setAttempt]=useState4(0);const[done,setDone]=useState4(false);const{text,streaming,start,finish}=useStreamingText({speed:12});const dynamic=typeof source==="function";useEffect4(()=>{start(dynamic?source(attempt):source)},[attempt,source]);return jsxs4("div",{className:cn("flex flex-col gap-2.5 p-3.5 rounded-card bg-bg border border-line","basis-full order-last w-full",className),children:[jsxs4("span",{className:"flex items-start justify-between gap-3",children:[jsxs4("span",{className:"flex flex-col gap-0.5 min-w-0",children:[jsxs4("span",{className:"flex items-center gap-1.5 text-caption font-extrabold text-ink",children:[jsx4(Sparkles,{size:13,className:"text-brand shrink-0","aria-hidden":"true"}),label]}),jsx4("span",{className:"text-micro leading-[1.65] text-muted",children:basis})]}),onClose&&jsx4("button",{type:"button",onClick:onClose,"aria-label":"\u0625\u063A\u0644\u0627\u0642",className:"shrink-0 size-6 rounded-mark flex items-center justify-center text-muted2 hover:bg-hover hover:text-ink cursor-pointer transition-colors",children:jsx4(X,{size:14,"aria-hidden":"true"})})]}),text===""&&streaming?jsx4(AiThinking,{label:"\u0628\u064A\u0643\u062A\u0628\u2026"}):jsxs4("span",{className:"block text-caption leading-[1.9] text-ink whitespace-pre-wrap [text-wrap:pretty]","aria-live":"polite",children:[text,streaming&&jsx4("span",{"aria-hidden":"true",className:"inline-block w-[2px] h-[1em] align-[-0.15em] ms-0.5 bg-brand animate-pulse"})]}),jsx4("span",{className:"flex items-center gap-2 flex-wrap",children:streaming?jsx4(Button,{size:"sm",variant:"outline",onClick:finish,children:"\u0627\u0639\u0631\u0636\u0647\u0627 \u0643\u0644\u0647\u0627"}):jsxs4(Fragment2,{children:[onInsert&&jsx4(Button,{size:"sm",onClick:()=>{onInsert(text);setDone(true);onClose?.()},icon:jsx4(Check3,{size:13,"aria-hidden":"true"}),children:insertLabel}),jsx4(Button,{size:"sm",variant:"outline",onClick:()=>navigator.clipboard?.writeText(text),icon:jsx4(Copy2,{size:13,"aria-hidden":"true"}),children:"\u0627\u0646\u0633\u062E"}),dynamic&&jsx4(Button,{size:"sm",variant:"ghost",onClick:()=>setAttempt(a=>a+1),icon:jsx4(RotateCcw2,{size:13,"aria-hidden":"true"}),children:"\u0627\u0643\u062A\u0628 \u063A\u064A\u0631\u0647\u0627"})]})}),!streaming&&!done&&jsx4(AiDisclaimer,{children:"\u0645\u0645\u0643\u0646 \u064A\u063A\u0644\u0637 \u2014 \u0627\u0642\u0631\u0627\u0647\u0627 \u0642\u0628\u0644 \u0645\u0627 \u062A\u0646\u0634\u0631\u0647\u0627."})]})}function AiDraft({size="sm",...panel}){const[open,setOpen]=useState4(false);if(!open){return jsx4(Button,{variant:"outline",size,onClick:()=>setOpen(true),icon:jsx4(Sparkles,{size:size==="sm"?13:15,"aria-hidden":"true"}),className:panel.className,children:panel.label})}return jsx4(DraftPanel,{...panel,onClose:()=>setOpen(false)})}import{Fragment as Fragment3,jsx as jsx5}from"react/jsx-runtime";function Markdown({md}){const chunks=md.split(/\n{2,}/);return jsx5(Fragment3,{children:chunks.map((chunk,i)=>{const lines=chunk.split("\n");const bullets=lines.every(l=>/^\s*[-•]\s+/.test(l));const numbers=lines.every(l=>/^\s*\d+[.)]\s+/.test(l));if(bullets||numbers){const items=lines.map(l=>l.replace(/^\s*(?:[-•]|\d+[.)])\s+/,""));const List=numbers?"ol":"ul";return jsx5(List,{className:numbers?"my-2 ps-5 list-decimal marker:text-muted2 flex flex-col gap-1":"my-2 ps-5 list-disc marker:text-muted2 flex flex-col gap-1",children:items.map((it,j)=>jsx5("li",{children:inline(it)},j))},i)}return jsx5("p",{className:"my-2 first:mt-0 last:mb-0 [text-wrap:pretty]",children:inline(chunk)},i)})})}var TOKEN=/(`[^`\n]+`)|(\*\*[^*\n]+\*\*)|(\*[^*\n]+\*)/g;function inline(src){const out=[];let last=0;let m;TOKEN.lastIndex=0;while((m=TOKEN.exec(src))!==null){if(m.index>last)out.push(src.slice(last,m.index));const[full]=m;const key=`${m.index}`;if(full.startsWith("`")){out.push(jsx5("code",{dir:"ltr",className:"px-1 py-px rounded-mark bg-hover text-[0.9em] font-mono text-brand-ink",children:full.slice(1,-1)},key))}else if(full.startsWith("**")){out.push(jsx5("strong",{className:"font-extrabold text-ink",children:full.slice(2,-2)},key))}else{out.push(jsx5("em",{className:"not-italic font-bold",children:full.slice(1,-1)},key))}last=m.index+full.length}if(last<src.length)out.push(src.slice(last));return out}import{Fragment as Fragment4,jsx as jsx6,jsxs as jsxs5}from"react/jsx-runtime";var TONE={good:"green",warn:"amber",bad:"red",plain:"neutral"};var NOTICE_TONE={info:"brand",warn:"amber",danger:"red"};function major(a){return a.minor/10**(a.decimals??2)}function TextBlockView({block}){if(!block.md)return null;return jsx6("div",{className:"text-body leading-[1.95] text-ink2",children:jsx6(Markdown,{md:block.md})})}function MetricBlockView({block}){return jsx6("div",{className:"grid gap-2.5 grid-cols-[repeat(auto-fit,minmax(9.5rem,1fr))]",children:block.items.map((m,i)=>jsx6(StatCard,{tone:TONE[m.tone??"plain"]??"neutral",label:m.label,value:m.amount?jsx6(Money,{value:major(m.amount),currency:isCurrency(m.amount.currency)?m.amount.currency:void 0,compact:true,trimZeros:true}):m.value,hint:m.delta!==void 0?deltaHint(m.delta,m.deltaBasis):void 0},i))})}function deltaHint(delta,basis){const up=delta>0;const flat=delta===0;return jsxs5("span",{className:cn("font-bold",flat?"text-muted2":up?"text-green":"text-red"),children:[flat?"=":up?"\u25B2":"\u25BC"," ",Math.abs(delta),"\u066A",basis?` ${basis}`:""]})}function TableBlockView({block}){const rows=block.rows.map((cells,i)=>{const row={__key:String(i)};block.cols.forEach((c,j)=>{row[c.key]=cells[j]??null});return row});const columns=block.cols.map(c=>({key:c.key,header:c.label,end:c.align==="end",cell:row=>renderCell(row[c.key],c)}));return jsxs5("span",{className:"flex flex-col gap-1.5",children:[block.caption&&jsx6("span",{className:"text-micro text-muted2",children:block.caption}),jsx6(DataTable,{columns,rows,rowKey:r=>r.__key,grid:block.cols.map(c=>c.align==="end"?"1fr":"1.6fr").join("_"),minWidth:block.cols.length*120,mobileCard:row=>jsx6("span",{className:"flex flex-col gap-1",children:block.cols.map(c=>jsxs5("span",{className:"flex items-baseline justify-between gap-3",children:[jsx6("span",{className:"text-micro text-muted2",children:c.label}),jsx6("span",{className:"text-caption text-ink",children:renderCell(row[c.key],c)})]},c.key))})})]})}function renderCell(v,col){if(v===null||v==="")return jsx6("span",{className:"text-muted2",children:"\u2014"});switch(col.format){case"money":return typeof v==="number"?jsx6(Money,{value:v,trimZeros:true}):v;case"badge":return jsx6(Badge,{size:"sm",children:v});case"number":return jsx6("span",{"data-num":true,children:v});default:return v}}function CardsBlockView({block,intents}){return jsx6("div",{className:"grid gap-2.5 grid-cols-[repeat(auto-fill,minmax(13rem,1fr))]",children:block.items.map(c=>jsx6(Card,{children:jsxs5("span",{className:"flex gap-3 items-start",children:[c.img&&jsx6("img",{src:c.img,alt:"",className:"size-12 rounded-sm object-cover bg-hover shrink-0"}),jsxs5("span",{className:"flex flex-col gap-1 min-w-0",children:[jsx6("span",{className:"text-ui font-bold text-ink truncate",children:c.title}),c.subtitle&&jsx6("span",{className:"text-micro text-muted",children:c.subtitle}),c.badge&&jsx6("span",{children:jsx6(Badge,{size:"sm",tone:"brand",children:c.badge})}),c.action&&jsx6(ActionButton,{action:c.action,intents,size:"sm"})]})]})},c.id))})}function ChartBlockView({block}){const labels=block.series.map(p=>String(p.x));const values=block.series.map(p=>p.y);const money=block.unit?.kind==="money";const fmt=v=>block.unit?.kind==="percent"?`${v}\u066A`:v.toLocaleString("ar-EG");if(block.kind==="bar"){return jsx6(BarChart,{labels,series:[{label:"",values}],formatValue:fmt})}return jsx6(TrendChart,{labels:axisLabels(labels),values,pointLabels:labels,formatValue:money?v=>v.toLocaleString("ar-EG"):fmt,height:170})}function axisLabels(all){if(all.length<=3)return all;return[all[0],all[Math.floor(all.length/2)],all[all.length-1]]}function ActionBlockView({block,intents}){const runnable=block.items.filter(a=>intents[a.intent]);if(runnable.length===0)return null;return jsx6("span",{className:"flex flex-wrap gap-2",children:runnable.map((a,i)=>jsx6(ActionButton,{action:a,intents},i))})}function ActionButton({action,intents,size="sm"}){const[asking,setAsking]=useState5(false);const run=intents[action.intent];if(!run)return null;function fire(){setAsking(false);run(action.args)}return jsxs5(Fragment4,{children:[jsx6(Button,{size,variant:action.style==="quiet"?"outline":"primary",onClick:()=>action.confirm?setAsking(true):fire(),children:action.label}),jsx6(Modal,{open:asking,title:action.label,description:action.confirm,onClose:()=>setAsking(false),size:"sm",footer:jsxs5(Fragment4,{children:[jsx6(Button,{variant:"outline",onClick:()=>setAsking(false),children:"\u0625\u0644\u063A\u0627\u0621"}),jsx6(Button,{onClick:fire,children:action.label})]})})]})}function ToolBlockView({block,intents}){const undo=block.undo;const run=undo?intents[undo.intent]:void 0;return jsx6(AiToolCall,{title:block.title,detail:block.detail,state:block.state,onUndo:run&&undo?()=>run(undo.args):void 0,undoLabel:undo?.label})}function NoticeBlockView({block}){return jsx6(Alert,{tone:NOTICE_TONE[block.tone],children:block.text})}function ChipsBlockView({block,onSend}){if(!onSend)return null;const byLabel=new Map(block.items.map(c=>[c.label,c.send]));return jsx6(AiPromptChips,{prompts:block.items.map(c=>c.label),onPick:label=>onSend(byLabel.get(label)??label)})}function BlockView({block,intents,onSend,onInsertDraft,onAnswer,live=true}){switch(block.type){case"text":return jsx6(TextBlockView,{block});case"metric":return jsx6(MetricBlockView,{block});case"table":return jsx6(TableBlockView,{block});case"cards":return jsx6(CardsBlockView,{block,intents});case"chart":return jsx6(ChartBlockView,{block});case"action":return jsx6(ActionBlockView,{block,intents});case"tool":return jsx6(ToolBlockView,{block,intents});case"notice":return jsx6(NoticeBlockView,{block});case"chips":return jsx6(ChipsBlockView,{block,onSend});case"ask":return jsx6(AskCard,{block,onAnswer,live});case"draft":return jsx6(DraftPanel,{draft:block.text,basis:block.basis,label:"\u0645\u0633\u0648\u0651\u062F\u0629",onInsert:onInsertDraft});default:return null}}import{jsx as jsx7,jsxs as jsxs6}from"react/jsx-runtime";var NO_INTENTS={};function ReplyView({reply,streaming,intents=NO_INTENTS,onSend,onInsertDraft,onAnswer,live=true,onRetry,onFeedback,className}){return jsx7(AiMessage,{role:"assistant",fill:true,streaming,sources:reply.sources,copyText:plainText(reply),onRetry,onFeedback,children:jsxs6("span",{className:cn("flex flex-col gap-3",className),children:[reply.blocks.map((block,i)=>jsx7(BlockView,{block,intents,onSend,onInsertDraft,onAnswer,live},i)),reply.disclaimer!==false&&!streaming&&jsx7(AiDisclaimer,{})]})})}function plainText(reply){const parts=[];for(const b of reply.blocks){switch(b.type){case"text":parts.push(b.md);break;case"metric":parts.push(b.items.map(m=>`${m.label}: ${m.value}`).join(" \xB7 "));break;case"table":parts.push([b.cols.map(c=>c.label).join(" "),...b.rows.map(r=>r.map(c=>c??"").join(" "))].join("\n"));break;case"cards":parts.push(b.items.map(c=>c.title).join("\n"));break;case"draft":parts.push(b.text);break;case"tool":parts.push(b.detail?`${b.title} \u2014 ${b.detail}`:b.title);break;case"notice":parts.push(b.text);break;case"ask":parts.push(b.questions.map(q=>q.label).join("\n"));break;case"chart":case"action":case"chips":break}}return parts.filter(Boolean).join("\n\n")}import{useCallback as useCallback2,useEffect as useEffect5,useRef as useRef4,useState as useState6}from"react";import{parseEvent,parseSSE,reduce}from"@qumra/jawab-ai";function useReplyStream(url,init){const[reply,setReply]=useState6(null);const[streaming,setStreaming]=useState6(false);const[error,setError]=useState6(null);const abort=useRef4(null);const lastInput=useRef4("");useEffect5(()=>()=>abort.current?.abort(),[]);const stop=useCallback2(()=>{abort.current?.abort();abort.current=null;setStreaming(false)},[]);const send=useCallback2(text=>{const question=text.trim();if(!question)return;abort.current?.abort();const ctrl=new AbortController;abort.current=ctrl;lastInput.current=question;setError(null);setReply(null);setStreaming(true);void(async()=>{try{const res=await fetch(url,{method:"POST",headers:{"content-type":"application/json",accept:"text/event-stream"},body:JSON.stringify({input:question}),signal:ctrl.signal,...init});if(!res.ok||!res.body){throw new StreamError("http_"+res.status,`\u0627\u0644\u062E\u0627\u062F\u0645 \u0631\u062C\u0651\u0639 ${res.status}`)}const decoder=new TextDecoder;const readerStream=res.body.getReader();let rest="";let state=null;for(;;){const{done,value}=await readerStream.read();if(done)break;rest+=decoder.decode(value,{stream:true});const{events,rest:tail}=parseSSE(rest);rest=tail;for(const raw of events){const ev=parseEvent(raw);if(!ev)continue;if(ev.e==="error")throw new StreamError(ev.code,ev.message);state=reduce(state,ev);setReply(state);if(ev.e==="done")break}}setStreaming(false)}catch(e){if(ctrl.signal.aborted)return;const se=e;setError({code:se.code??"unknown",message:se.message??"\u0627\u0644\u0627\u062A\u0635\u0627\u0644 \u0627\u062A\u0642\u0637\u0639.",lastInput:lastInput.current});setStreaming(false)}})()},[url,init]);return{reply,streaming,error,send,stop}}var StreamError=class extends Error{code;constructor(code,message){super(message);this.name="StreamError";this.code=code}};export{AiAvatar,AiComposer,AiDisclaimer,AiDraft,AiMessage,AiPromptChips,AiSources,AiThinking,AiToolCall,AskCard,DraftPanel,ReplyView,useMicLevel,useReplyStream,useStreamingText};
package/dist/charts.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- import{TOKENS,cn,useMoneyLocale,useUIText}from"./chunk-N7CZXHOG.js";import"react";import{CartesianGrid,Legend,ResponsiveContainer,Tooltip,XAxis,YAxis}from"recharts";import{useCallback,useSyncExternalStore}from"react";var VAR={brand:"var(--color-brand)",amber:"var(--color-amber)",violet:"var(--color-violet)",green:"var(--color-green)",red:"var(--color-red)",mint:"var(--color-mint)",muted:"var(--color-brand-100)"};var SERIES_ORDER=["brand","amber","violet","green","red","mint"];function toneColor(tone){return VAR[tone]}function toneAt(index){return SERIES_ORDER[index%SERIES_ORDER.length]}var AXIS_COLOR="var(--color-muted)";var GRID_COLOR="var(--color-line)";var SURFACE_COLOR="var(--color-surface)";var dirStore={subscribe(cb){if(typeof MutationObserver==="undefined")return()=>{};const o=new MutationObserver(cb);o.observe(document.documentElement,{attributes:true,attributeFilter:["dir"]});return()=>o.disconnect()},get:()=>typeof document==="undefined"?"rtl":document.documentElement.dir||"rtl"};function useRtl(){const locale=useMoneyLocale();const serverSnapshot=useCallback(()=>locale.startsWith("en")?"ltr":"rtl",[locale]);return useSyncExternalStore(dirStore.subscribe,dirStore.get,serverSnapshot)!=="ltr"}var BAR_RADIUS=Number.parseFloat(TOKENS["--radius-mark"]);import{jsx,jsxs}from"react/jsx-runtime";function useFormatters(formatValue,formatAxis){const locale=useMoneyLocale();return{value:formatValue??(v=>new Intl.NumberFormat(locale).format(v)),axis:formatAxis??(v=>new Intl.NumberFormat(locale,{notation:"compact",maximumFractionDigits:1}).format(v))}}function ChartEmpty({height,children}){const ui=useUIText();return jsx("div",{className:"text-caption text-muted2 flex items-center justify-center",style:{height},role:"status",children:children??ui.noData})}function ChartTooltipContent({active,payload,label,format,formatX}){if(!active||!payload?.length)return null;return jsxs("div",{className:"bg-surface border-line rounded-card shadow-tip min-w-32 border p-2.5 whitespace-nowrap",children:[label!==void 0&&label!==""&&jsx("p",{className:"text-caption text-muted mb-1.5",children:formatX?formatX(label):String(label)}),jsx("ul",{className:"space-y-1",children:payload.map((entry,i)=>jsxs("li",{className:"flex items-center gap-2",children:[jsx("span",{className:"rounded-mark size-2 shrink-0",style:{backgroundColor:entry.color},"aria-hidden":"true"}),jsx("span",{className:"text-caption text-muted grow",children:entry.name}),jsx("span",{className:"text-ui text-ink font-bold","data-num":true,children:typeof entry.value==="number"?format(entry.value):String(entry.value??"")})]},`${entry.dataKey??"k"}-${i}`))})]})}function ChartTooltipLine({active,payload,label,format}){const point=payload?.[0];if(!active||!point)return null;const named=label!==void 0&&label!=="";return jsxs("div",{className:"bg-surface border-line rounded-sm shadow-tip flex items-center gap-1.5 border px-2 py-1 whitespace-nowrap",children:[named&&jsx("span",{className:"text-micro text-muted",children:label}),named&&jsx("span",{className:"text-micro text-muted2","aria-hidden":"true",children:"\xB7"}),jsx("span",{className:"text-caption text-ink font-bold","data-num":true,children:typeof point.value==="number"?format(point.value):String(point.value??"")})]})}function ChartLegendContent({payload}){if(!payload?.length)return null;return jsx("ul",{className:"text-caption text-muted flex flex-wrap items-center justify-center gap-x-4 gap-y-1 pt-2",children:payload.map((entry,i)=>jsxs("li",{className:"flex items-center gap-1.5",children:[jsx("span",{className:"rounded-mark size-2 shrink-0",style:{backgroundColor:entry.color},"aria-hidden":"true"}),entry.value]},`${entry.dataKey??"k"}-${i}`))})}function chartGrid(){return jsx(CartesianGrid,{stroke:GRID_COLOR,strokeDasharray:"3 3",vertical:false})}function chartXAxis({dataKey,rtl,axis,formatX}){return jsx(XAxis,{dataKey,reversed:rtl&&axis==="category",tickFormatter:formatX,tick:{fill:AXIS_COLOR,className:"text-caption"},tickLine:false,axisLine:{stroke:GRID_COLOR},tickMargin:8,minTickGap:4})}function chartYAxis({rtl,format,id,side="primary"}){const onRight=side==="primary"?rtl:!rtl;return jsx(YAxis,{yAxisId:id,orientation:onRight?"right":"left",tickFormatter:format,tick:{fill:AXIS_COLOR,className:"text-caption",textAnchor:onRight===rtl?"end":"start"},tickLine:false,axisLine:false,width:"auto"})}var TOOLTIP_WRAPPER={zIndex:50};function chartTooltip({format,formatX}){return jsx(Tooltip,{cursor:{fill:GRID_COLOR,fillOpacity:.6},wrapperStyle:TOOLTIP_WRAPPER,content:jsx(ChartTooltipContent,{format,formatX})})}function chartLegend(){return jsx(Legend,{content:jsx(ChartLegendContent,{}),verticalAlign:"bottom"})}function ChartFrame({label,height,empty,isEmpty,className,children}){return jsx("div",{className:cn("w-full",className),role:"img","aria-label":label,children:isEmpty?jsx(ChartEmpty,{height,children:empty}):jsx(ResponsiveContainer,{width:"100%",height,children})})}function resolveSeries(series){return series.map((s,i)=>({...s,name:s.label??s.key,color:toneColor(s.tone??toneAt(i))}))}function chartMargin(rtl){return{top:8,bottom:0,left:rtl?4:0,right:rtl?0:4}}import{useId}from"react";import{Area,AreaChart as RAreaChart,Bar,BarChart as RBarChart,ComposedChart as RComposedChart,Line,LineChart as RLineChart,ResponsiveContainer as ResponsiveContainer2,Scatter,Tooltip as Tooltip2,ScatterChart as RScatterChart,XAxis as XAxis2,YAxis as YAxis2,ZAxis}from"recharts";import{Fragment,jsx as jsx2,jsxs as jsxs2}from"react/jsx-runtime";var DEFAULT_HEIGHT=220;function BarChart({data,x,series,bars="columns",height=DEFAULT_HEIGHT,label,formatValue,formatAxis,formatX,axis="category",grid=true,legend,empty,className}){const rtl=useRtl();const fmt=useFormatters(formatValue,formatAxis);const items=resolveSeries(series);const showLegend=legend??items.length>1;const rows=bars==="rows";return jsx2(ChartFrame,{label,height,isEmpty:data.length===0,empty,className,children:jsxs2(RBarChart,{data,layout:rows?"vertical":"horizontal",margin:chartMargin(rtl),accessibilityLayer:true,children:[grid&&chartGrid(),rows?jsxs2(Fragment,{children:[jsx2(XAxis2,{type:"number",tickFormatter:fmt.axis,tick:{fill:AXIS_COLOR,className:"text-caption"},tickLine:false,axisLine:{stroke:GRID_COLOR},reversed:rtl}),jsx2(YAxis2,{type:"category",dataKey:x,tickFormatter:formatX,tick:{fill:AXIS_COLOR,className:"text-caption",textAnchor:"end"},tickLine:false,axisLine:false,orientation:rtl?"right":"left",width:"auto"})]}):jsxs2(Fragment,{children:[chartXAxis({dataKey:x,rtl,axis,formatX}),chartYAxis({rtl,format:fmt.axis})]}),chartTooltip({format:fmt.value,formatX}),showLegend&&chartLegend(),items.map(s=>jsx2(Bar,{dataKey:s.key,name:s.name,fill:s.color,stackId:s.stackId,radius:rows?[0,BAR_RADIUS,BAR_RADIUS,0]:[BAR_RADIUS,BAR_RADIUS,0,0],maxBarSize:rows?24:48,isAnimationActive:false},s.key))]})})}function LineChart({data,x,series,height=DEFAULT_HEIGHT,label,formatValue,formatAxis,formatX,axis="time",grid=true,legend,dots=false,straight=false,empty,className}){const rtl=useRtl();const fmt=useFormatters(formatValue,formatAxis);const items=resolveSeries(series);const showLegend=legend??items.length>1;return jsx2(ChartFrame,{label,height,isEmpty:data.length===0,empty,className,children:jsxs2(RLineChart,{data,margin:chartMargin(rtl),accessibilityLayer:true,children:[grid&&chartGrid(),chartXAxis({dataKey:x,rtl,axis,formatX}),chartYAxis({rtl,format:fmt.axis}),chartTooltip({format:fmt.value,formatX}),showLegend&&chartLegend(),items.map(s=>jsx2(Line,{type:straight?"linear":"monotone",dataKey:s.key,name:s.name,stroke:s.color,strokeWidth:2,dot:dots?{r:3,fill:SURFACE_COLOR,strokeWidth:2}:false,activeDot:{r:4,fill:SURFACE_COLOR,strokeWidth:2},connectNulls:false,isAnimationActive:false},s.key))]})})}function AreaChart({data,x,series,height=DEFAULT_HEIGHT,label,formatValue,formatAxis,formatX,axis="time",grid=true,legend,empty,className}){const rtl=useRtl();const fmt=useFormatters(formatValue,formatAxis);const items=resolveSeries(series);const showLegend=legend??items.length>1;const gid=useId().replace(/:/g,"");return jsx2(ChartFrame,{label,height,isEmpty:data.length===0,empty,className,children:jsxs2(RAreaChart,{data,margin:chartMargin(rtl),accessibilityLayer:true,children:[jsx2("defs",{children:items.map(s=>jsxs2("linearGradient",{id:`${gid}-${s.key}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[jsx2("stop",{offset:"0%",stopColor:s.color,stopOpacity:.28}),jsx2("stop",{offset:"100%",stopColor:s.color,stopOpacity:.02})]},s.key))}),grid&&chartGrid(),chartXAxis({dataKey:x,rtl,axis,formatX}),chartYAxis({rtl,format:fmt.axis}),chartTooltip({format:fmt.value,formatX}),showLegend&&chartLegend(),items.map(s=>jsx2(Area,{type:"monotone",dataKey:s.key,name:s.name,stackId:s.stackId,stroke:s.color,strokeWidth:2,fill:`url(#${gid}-${s.key})`,activeDot:{r:4,fill:SURFACE_COLOR,strokeWidth:2},connectNulls:false,isAnimationActive:false},s.key))]})})}function ComposedChart({data,x,series,height=DEFAULT_HEIGHT,label,formatValue,formatAxis,formatX,axis="category",grid=true,legend,empty,className}){const rtl=useRtl();const fmt=useFormatters(formatValue,formatAxis);const items=resolveSeries(series);const showLegend=legend??items.length>1;const gid=useId().replace(/:/g,"");const split=items.some(s=>s.scale==="secondary");const axisOf=s=>split?s.scale==="secondary"?"r":"l":void 0;return jsx2(ChartFrame,{label,height,isEmpty:data.length===0,empty,className,children:jsxs2(RComposedChart,{data,margin:chartMargin(rtl),accessibilityLayer:true,children:[jsx2("defs",{children:items.filter(s=>s.as==="area").map(s=>jsxs2("linearGradient",{id:`${gid}-${s.key}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[jsx2("stop",{offset:"0%",stopColor:s.color,stopOpacity:.28}),jsx2("stop",{offset:"100%",stopColor:s.color,stopOpacity:.02})]},s.key))}),grid&&chartGrid(),chartXAxis({dataKey:x,rtl,axis,formatX}),chartYAxis({rtl,format:fmt.axis,id:split?"l":void 0}),split&&chartYAxis({rtl,format:fmt.axis,id:"r",side:"secondary"}),chartTooltip({format:fmt.value,formatX}),showLegend&&chartLegend(),items.map(s=>s.as==="line"?jsx2(Line,{type:"monotone",dataKey:s.key,name:s.name,yAxisId:axisOf(s),stroke:s.color,strokeWidth:2,dot:false,activeDot:{r:4,fill:SURFACE_COLOR,strokeWidth:2},isAnimationActive:false},s.key):s.as==="area"?jsx2(Area,{type:"monotone",dataKey:s.key,name:s.name,yAxisId:axisOf(s),stackId:s.stackId,stroke:s.color,strokeWidth:2,fill:`url(#${gid}-${s.key})`,isAnimationActive:false},s.key):jsx2(Bar,{dataKey:s.key,name:s.name,yAxisId:axisOf(s),fill:s.color,stackId:s.stackId,radius:[BAR_RADIUS,BAR_RADIUS,0,0],maxBarSize:48,isAnimationActive:false},s.key))]})})}function ScatterChart({groups,height=DEFAULT_HEIGHT,label,xLabel,yLabel,formatValue,formatAxis,grid=true,legend,empty,className}){const rtl=useRtl();const fmt=useFormatters(formatValue,formatAxis);const showLegend=legend??groups.length>1;const isEmpty=groups.every(g=>g.points.length===0);return jsx2(ChartFrame,{label,height,isEmpty,empty,className,children:jsxs2(RScatterChart,{margin:chartMargin(rtl),accessibilityLayer:true,children:[grid&&chartGrid(),jsx2(XAxis2,{type:"number",dataKey:"x",name:xLabel,tickFormatter:fmt.axis,tick:{fill:AXIS_COLOR,className:"text-caption"},tickLine:false,axisLine:{stroke:GRID_COLOR}}),jsx2(YAxis2,{type:"number",dataKey:"y",name:yLabel,tickFormatter:fmt.axis,tick:{fill:AXIS_COLOR,className:"text-caption",textAnchor:"end"},tickLine:false,axisLine:false,orientation:rtl?"right":"left",width:"auto"}),jsx2(ZAxis,{type:"number",dataKey:"z",range:[36,300]}),chartTooltip({format:fmt.value}),showLegend&&chartLegend(),groups.map((g,i)=>jsx2(Scatter,{name:g.label??g.key,data:g.points,fill:toneColor(g.tone??toneAt(i)),fillOpacity:.75,isAnimationActive:false},g.key))]})})}function Sparkline({values,label,labels,formatValue,tone="brand",height=36,filled,className}){const gid=useId().replace(/:/g,"");const fmt=useFormatters(formatValue);const color=toneColor(tone);const named=labels!==void 0&&labels.length>0;const data=values.map((v,i)=>({i,v,at:labels?.[i]??""}));if(values.length===0)return null;return jsx2("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx2(ResponsiveContainer2,{width:"100%",height,children:jsxs2(RAreaChart,{data,margin:{top:2,bottom:2,left:0,right:0},accessibilityLayer:true,children:[jsx2("defs",{children:jsxs2("linearGradient",{id:`${gid}-spark`,x1:"0",y1:"0",x2:"0",y2:"1",children:[jsx2("stop",{offset:"0%",stopColor:color,stopOpacity:.3}),jsx2("stop",{offset:"100%",stopColor:color,stopOpacity:0})]})}),named&&jsx2(XAxis2,{dataKey:"at",hide:true}),named&&jsx2(Tooltip2,{cursor:{stroke:color,strokeWidth:1},wrapperStyle:TOOLTIP_WRAPPER,content:jsx2(ChartTooltipLine,{format:fmt.value})}),jsx2(Area,{type:"monotone",dataKey:"v",name:label,stroke:color,strokeWidth:1.5,fill:filled?`url(#${gid}-spark)`:"none",dot:false,isAnimationActive:false})]})})})}import{Cell,Legend as Legend2,Pie,PieChart as RPieChart,PolarAngleAxis,PolarGrid,PolarRadiusAxis,Radar,RadarChart as RRadarChart,RadialBar,RadialBarChart as RRadialBarChart,ResponsiveContainer as ResponsiveContainer3,Tooltip as Tooltip3}from"recharts";import{jsx as jsx3,jsxs as jsxs3}from"react/jsx-runtime";var DEFAULT_HEIGHT2=220;function slices(items){return items.map((s,i)=>({name:s.label??s.key,value:s.value,color:toneColor(s.tone??toneAt(i)),key:s.key}))}function PieChart({items,height=DEFAULT_HEIGHT2,label,formatValue,legend=true,empty,className}){return jsx3(Ring,{items,height,label,formatValue,legend,empty,className,inner:0})}function DonutChart({items,height=DEFAULT_HEIGHT2,label,formatValue,legend=true,centerValue,centerLabel,empty,className}){return jsx3(Ring,{items,height,label,formatValue,legend,empty,className,inner:62,centerValue,centerLabel})}function Ring({items,height,label,formatValue,legend,empty,className,inner,centerValue,centerLabel}){const locale=useMoneyLocale();const fmt=useFormatters(formatValue);const data=slices(items);const isEmpty=data.length===0||data.every(d=>!d.value);const total=data.reduce((sum,d)=>sum+(d.value||0),0);if(isEmpty){return jsx3("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx3(ChartEmpty,{height:height??DEFAULT_HEIGHT2,children:empty})})}return jsxs3("div",{className:cn("relative w-full",className),role:"img","aria-label":label,children:[jsx3(ResponsiveContainer3,{width:"100%",height:height??DEFAULT_HEIGHT2,children:jsxs3(RPieChart,{children:[jsx3(Tooltip3,{wrapperStyle:TOOLTIP_WRAPPER,content:jsx3(ChartTooltipContent,{format:fmt.value})}),legend&&jsx3(Legend2,{content:jsx3(ChartLegendContent,{}),verticalAlign:"bottom"}),jsx3(Pie,{data,dataKey:"value",nameKey:"name",innerRadius:inner?`${inner}%`:0,outerRadius:"88%",stroke:SURFACE_COLOR,strokeWidth:2,isAnimationActive:false,startAngle:90,endAngle:-270,children:data.map(d=>jsx3(Cell,{fill:d.color},d.key))})]})}),inner>0&&jsxs3("div",{className:"pointer-events-none absolute inset-0 flex flex-col items-center justify-center",children:[jsx3("span",{className:"text-h3 text-ink font-extrabold","data-num":true,children:centerValue??new Intl.NumberFormat(locale).format(total)}),centerLabel&&jsx3("span",{className:"text-caption text-muted",children:centerLabel})]})]})}function RadarChart({data,x,series,height=DEFAULT_HEIGHT2,label,formatValue,legend,empty,className}){const fmt=useFormatters(formatValue);const items=resolveSeries(series);const showLegend=legend??items.length>1;if(data.length===0){return jsx3("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx3(ChartEmpty,{height,children:empty})})}return jsx3("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx3(ResponsiveContainer3,{width:"100%",height,children:jsxs3(RRadarChart,{data,outerRadius:"72%",children:[jsx3(PolarGrid,{stroke:GRID_COLOR}),jsx3(PolarAngleAxis,{dataKey:x,tick:{fill:AXIS_COLOR,className:"text-caption"}}),jsx3(PolarRadiusAxis,{tick:false,axisLine:false}),jsx3(Tooltip3,{wrapperStyle:TOOLTIP_WRAPPER,content:jsx3(ChartTooltipContent,{format:fmt.value})}),showLegend&&jsx3(Legend2,{content:jsx3(ChartLegendContent,{}),verticalAlign:"bottom"}),items.map(s=>jsx3(Radar,{dataKey:s.key,name:s.name,stroke:s.color,strokeWidth:2,fill:s.color,fillOpacity:.18,isAnimationActive:false},s.key))]})})})}function RadialChart({items,max,height=DEFAULT_HEIGHT2,label,formatValue,legend=true,empty,className}){const fmt=useFormatters(formatValue);const data=slices(items);const isEmpty=data.length===0;if(isEmpty){return jsx3("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx3(ChartEmpty,{height,children:empty})})}const ceiling=max??Math.max(...data.map(d=>d.value||0));return jsx3("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx3(ResponsiveContainer3,{width:"100%",height,children:jsxs3(RRadialBarChart,{data,innerRadius:"30%",outerRadius:"95%",startAngle:90,endAngle:-270,barSize:12,children:[jsx3(PolarAngleAxis,{type:"number",domain:[0,ceiling],tick:false}),jsx3(Tooltip3,{wrapperStyle:TOOLTIP_WRAPPER,content:jsx3(ChartTooltipContent,{format:fmt.value})}),legend&&jsx3(Legend2,{content:jsx3(ChartLegendContent,{}),verticalAlign:"bottom"}),jsx3(RadialBar,{dataKey:"value",background:{fill:GRID_COLOR},cornerRadius:"50%",isAnimationActive:false,children:data.map(d=>jsx3(Cell,{fill:d.color},d.key))})]})})})}import{useMemo}from"react";import{Funnel,FunnelChart as RFunnelChart,LabelList,useChartWidth,useMargin,ResponsiveContainer as ResponsiveContainer4,Sankey,Tooltip as Tooltip4,Treemap}from"recharts";import{jsx as jsx4,jsxs as jsxs4}from"react/jsx-runtime";var DEFAULT_HEIGHT3=240;function FunnelChart({steps,height=DEFAULT_HEIGHT3,label,formatValue,showRate=true,empty,className}){const rtl=useRtl();const locale=useMoneyLocale();const fmt=useFormatters(formatValue);const isEmpty=steps.length===0||steps.every(s=>!s.value);if(isEmpty){return jsx4("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx4(ChartEmpty,{height,children:empty})})}const first=steps[0]?.value||0;const data=steps.map(s=>({name:s.label??s.key,value:s.value,fill:toneColor(s.tone??"brand"),rate:first?s.value/first:0}));return jsx4("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx4(ResponsiveContainer4,{width:"100%",height,children:jsxs4(RFunnelChart,{margin:rtl?{left:56,right:104}:{left:104,right:56},children:[jsx4(Tooltip4,{wrapperStyle:TOOLTIP_WRAPPER,content:jsx4(ChartTooltipContent,{format:fmt.value})}),jsx4(Funnel,{dataKey:"value",data,stroke:SURFACE_COLOR,strokeWidth:2,isAnimationActive:false,children:jsx4(LabelList,{dataKey:"name",content:jsx4(FunnelBandLabel,{rtl,rows:data,showRate,formatRate:v=>new Intl.NumberFormat(locale,{style:"percent",maximumFractionDigits:1}).format(v)})})})]})})})}function TreemapChart({nodes,height=DEFAULT_HEIGHT3,label,formatValue,empty,className}){const fmt=useFormatters(formatValue);const isEmpty=nodes.length===0;if(isEmpty){return jsx4("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx4(ChartEmpty,{height,children:empty})})}const data=nodes.map((n,i)=>({...n,fill:toneColor(n.tone??toneAt(i))}));return jsx4("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx4(ResponsiveContainer4,{width:"100%",height,children:jsx4(Treemap,{data,dataKey:"value",stroke:SURFACE_COLOR,isAnimationActive:false,content:jsx4(TreemapCell,{}),children:jsx4(Tooltip4,{wrapperStyle:TOOLTIP_WRAPPER,content:jsx4(ChartTooltipContent,{format:fmt.value})})})})})}function TreemapCell(props){const{x=0,y=0,width=0,height=0,name,fill}=props;const roomy=width>64&&height>24;return jsxs4("g",{children:[jsx4("rect",{x,y,width,height,fill,stroke:SURFACE_COLOR,strokeWidth:2}),roomy&&name&&jsx4("text",{x:x+width/2,y:y+height/2,textAnchor:"middle",dominantBaseline:"middle",fill:SURFACE_COLOR,className:"text-caption",children:name})]})}function SankeyChart({nodes,links,height=DEFAULT_HEIGHT3,label,formatValue,empty,className}){const rtl=useRtl();const fmt=useFormatters(formatValue);const isEmpty=nodes.length===0||links.length===0;const ends=useMemo(()=>{const withIncoming=new Set(links.map(l=>l.target));const withOutgoing=new Set(links.map(l=>l.source));return{first:new Set(nodes.map((_,i)=>i).filter(i=>!withIncoming.has(i))),last:new Set(nodes.map((_,i)=>i).filter(i=>!withOutgoing.has(i)))}},[nodes,links]);if(isEmpty){return jsx4("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx4(ChartEmpty,{height,children:empty})})}return jsx4("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx4(ResponsiveContainer4,{width:"100%",height,children:jsx4(Sankey,{data:{nodes,links},nodePadding:24,node:jsx4(SankeyNodeShape,{rtl,ends}),link:{stroke:toneColor("brand"),strokeOpacity:.16},margin:{top:24,bottom:8,left:72,right:72},children:jsx4(Tooltip4,{wrapperStyle:TOOLTIP_WRAPPER,content:jsx4(ChartTooltipContent,{format:fmt.value})})})})})}function SankeyNodeShape(props){const{x=0,y=0,width=0,height=0,index=0,rtl=false,ends,payload}=props;const isFirst=ends?.first.has(index)??false;const isLast=ends?.last.has(index)??false;const at=isFirst&&!isLast?{x:x-8,y:y+height/2,anchor:rtl?"start":"end"}:isLast?{x:x+width+8,y:y+height/2,anchor:rtl?"end":"start"}:{x:x+width/2,y:y-8,anchor:"middle"};return jsxs4("g",{children:[jsx4("rect",{x,y,width,height,fill:toneColor("brand"),rx:BAR_RADIUS}),jsx4("text",{x:at.x,y:at.y,textAnchor:at.anchor,dominantBaseline:at.anchor==="middle"?"auto":"middle",fill:AXIS_COLOR,className:"text-caption",children:payload?.name})]})}function FunnelBandLabel(props){const{y=0,height=0,index=0,rtl=false,showRate,rows,formatRate,value}=props;const chartWidth=useChartWidth()??0;const margin=useMargin()??{left:0,right:0};const left=margin.left??0;const right=margin.right??0;const rate=rows?.[index]?.rate;const mid=y+height/2;const pad=8;const nameX=rtl?chartWidth-right+pad:left-pad;const rateX=rtl?left-pad:chartWidth-right+pad;return jsxs4("g",{children:[jsx4("text",{x:nameX,y:mid,textAnchor:"end",dominantBaseline:"middle",fill:AXIS_COLOR,className:"text-caption",children:value}),showRate&&rate!==void 0&&jsx4("text",{x:rateX,y:mid,textAnchor:"start",dominantBaseline:"middle",fill:AXIS_COLOR,className:"text-caption",children:formatRate?.(rate)})]})}export{AreaChart,BarChart,ChartEmpty,ChartFrame,ComposedChart,DonutChart,FunnelChart,LineChart,PieChart,RadarChart,RadialChart,SERIES_ORDER,SankeyChart,ScatterChart,Sparkline,TreemapChart,toneAt,toneColor,useRtl};
2
+ import{TOKENS,cn,useMoneyLocale,useUIText}from"./chunk-P55JZZGN.js";import"react";import{CartesianGrid,Legend,ResponsiveContainer,Tooltip,XAxis,YAxis}from"recharts";import{useCallback,useSyncExternalStore}from"react";var VAR={brand:"var(--color-brand)",amber:"var(--color-amber)",violet:"var(--color-violet)",green:"var(--color-green)",red:"var(--color-red)",mint:"var(--color-mint)",muted:"var(--color-brand-100)"};var SERIES_ORDER=["brand","amber","violet","green","red","mint"];function toneColor(tone){return VAR[tone]}function toneAt(index){return SERIES_ORDER[index%SERIES_ORDER.length]}var AXIS_COLOR="var(--color-muted)";var GRID_COLOR="var(--color-line)";var SURFACE_COLOR="var(--color-surface)";var dirStore={subscribe(cb){if(typeof MutationObserver==="undefined")return()=>{};const o=new MutationObserver(cb);o.observe(document.documentElement,{attributes:true,attributeFilter:["dir"]});return()=>o.disconnect()},get:()=>typeof document==="undefined"?"rtl":document.documentElement.dir||"rtl"};function useRtl(){const locale=useMoneyLocale();const serverSnapshot=useCallback(()=>locale.startsWith("en")?"ltr":"rtl",[locale]);return useSyncExternalStore(dirStore.subscribe,dirStore.get,serverSnapshot)!=="ltr"}var BAR_RADIUS=Number.parseFloat(TOKENS["--radius-mark"]);import{jsx,jsxs}from"react/jsx-runtime";function useFormatters(formatValue,formatAxis){const locale=useMoneyLocale();return{value:formatValue??(v=>new Intl.NumberFormat(locale).format(v)),axis:formatAxis??(v=>new Intl.NumberFormat(locale,{notation:"compact",maximumFractionDigits:1}).format(v))}}function ChartEmpty({height,children}){const ui=useUIText();return jsx("div",{className:"text-caption text-muted2 flex items-center justify-center",style:{height},role:"status",children:children??ui.noData})}function ChartTooltipContent({active,payload,label,format,formatX}){if(!active||!payload?.length)return null;return jsxs("div",{className:"bg-surface border-line rounded-card shadow-tip min-w-32 border p-2.5 whitespace-nowrap",children:[label!==void 0&&label!==""&&jsx("p",{className:"text-caption text-muted mb-1.5",children:formatX?formatX(label):String(label)}),jsx("ul",{className:"space-y-1",children:payload.map((entry,i)=>jsxs("li",{className:"flex items-center gap-2",children:[jsx("span",{className:"rounded-mark size-2 shrink-0",style:{backgroundColor:entry.color},"aria-hidden":"true"}),jsx("span",{className:"text-caption text-muted grow",children:entry.name}),jsx("span",{className:"text-ui text-ink font-bold","data-num":true,children:typeof entry.value==="number"?format(entry.value):String(entry.value??"")})]},`${entry.dataKey??"k"}-${i}`))})]})}function ChartTooltipLine({active,payload,label,format}){const point=payload?.[0];if(!active||!point)return null;const named=label!==void 0&&label!=="";return jsxs("div",{className:"bg-surface border-line rounded-sm shadow-tip flex items-center gap-1.5 border px-2 py-1 whitespace-nowrap",children:[named&&jsx("span",{className:"text-micro text-muted",children:label}),named&&jsx("span",{className:"text-micro text-muted2","aria-hidden":"true",children:"\xB7"}),jsx("span",{className:"text-caption text-ink font-bold","data-num":true,children:typeof point.value==="number"?format(point.value):String(point.value??"")})]})}function ChartLegendContent({payload}){if(!payload?.length)return null;return jsx("ul",{className:"text-caption text-muted flex flex-wrap items-center justify-center gap-x-4 gap-y-1 pt-2",children:payload.map((entry,i)=>jsxs("li",{className:"flex items-center gap-1.5",children:[jsx("span",{className:"rounded-mark size-2 shrink-0",style:{backgroundColor:entry.color},"aria-hidden":"true"}),entry.value]},`${entry.dataKey??"k"}-${i}`))})}function chartGrid(){return jsx(CartesianGrid,{stroke:GRID_COLOR,strokeDasharray:"3 3",vertical:false})}function chartXAxis({dataKey,rtl,axis,formatX}){return jsx(XAxis,{dataKey,reversed:rtl&&axis==="category",tickFormatter:formatX,tick:{fill:AXIS_COLOR,className:"text-caption"},tickLine:false,axisLine:{stroke:GRID_COLOR},tickMargin:8,minTickGap:4})}function chartYAxis({rtl,format,id,side="primary"}){const onRight=side==="primary"?rtl:!rtl;return jsx(YAxis,{yAxisId:id,orientation:onRight?"right":"left",tickFormatter:format,tick:{fill:AXIS_COLOR,className:"text-caption",textAnchor:onRight===rtl?"end":"start"},tickLine:false,axisLine:false,width:"auto"})}var TOOLTIP_WRAPPER={zIndex:50};function chartTooltip({format,formatX}){return jsx(Tooltip,{cursor:{fill:GRID_COLOR,fillOpacity:.6},wrapperStyle:TOOLTIP_WRAPPER,content:jsx(ChartTooltipContent,{format,formatX})})}function chartLegend(){return jsx(Legend,{content:jsx(ChartLegendContent,{}),verticalAlign:"bottom"})}function ChartFrame({label,height,empty,isEmpty,className,children}){return jsx("div",{className:cn("w-full",className),role:"img","aria-label":label,children:isEmpty?jsx(ChartEmpty,{height,children:empty}):jsx(ResponsiveContainer,{width:"100%",height,children})})}function resolveSeries(series){return series.map((s,i)=>({...s,name:s.label??s.key,color:toneColor(s.tone??toneAt(i))}))}function chartMargin(rtl){return{top:8,bottom:0,left:rtl?4:0,right:rtl?0:4}}import{useId}from"react";import{Area,AreaChart as RAreaChart,Bar,BarChart as RBarChart,ComposedChart as RComposedChart,Line,LineChart as RLineChart,ResponsiveContainer as ResponsiveContainer2,Scatter,Tooltip as Tooltip2,ScatterChart as RScatterChart,XAxis as XAxis2,YAxis as YAxis2,ZAxis}from"recharts";import{Fragment,jsx as jsx2,jsxs as jsxs2}from"react/jsx-runtime";var DEFAULT_HEIGHT=220;function BarChart({data,x,series,bars="columns",height=DEFAULT_HEIGHT,label,formatValue,formatAxis,formatX,axis="category",grid=true,legend,empty,className}){const rtl=useRtl();const fmt=useFormatters(formatValue,formatAxis);const items=resolveSeries(series);const showLegend=legend??items.length>1;const rows=bars==="rows";return jsx2(ChartFrame,{label,height,isEmpty:data.length===0,empty,className,children:jsxs2(RBarChart,{data,layout:rows?"vertical":"horizontal",margin:chartMargin(rtl),accessibilityLayer:true,children:[grid&&chartGrid(),rows?jsxs2(Fragment,{children:[jsx2(XAxis2,{type:"number",tickFormatter:fmt.axis,tick:{fill:AXIS_COLOR,className:"text-caption"},tickLine:false,axisLine:{stroke:GRID_COLOR},reversed:rtl}),jsx2(YAxis2,{type:"category",dataKey:x,tickFormatter:formatX,tick:{fill:AXIS_COLOR,className:"text-caption",textAnchor:"end"},tickLine:false,axisLine:false,orientation:rtl?"right":"left",width:"auto"})]}):jsxs2(Fragment,{children:[chartXAxis({dataKey:x,rtl,axis,formatX}),chartYAxis({rtl,format:fmt.axis})]}),chartTooltip({format:fmt.value,formatX}),showLegend&&chartLegend(),items.map(s=>jsx2(Bar,{dataKey:s.key,name:s.name,fill:s.color,stackId:s.stackId,radius:rows?[0,BAR_RADIUS,BAR_RADIUS,0]:[BAR_RADIUS,BAR_RADIUS,0,0],maxBarSize:rows?24:48,isAnimationActive:false},s.key))]})})}function LineChart({data,x,series,height=DEFAULT_HEIGHT,label,formatValue,formatAxis,formatX,axis="time",grid=true,legend,dots=false,straight=false,empty,className}){const rtl=useRtl();const fmt=useFormatters(formatValue,formatAxis);const items=resolveSeries(series);const showLegend=legend??items.length>1;return jsx2(ChartFrame,{label,height,isEmpty:data.length===0,empty,className,children:jsxs2(RLineChart,{data,margin:chartMargin(rtl),accessibilityLayer:true,children:[grid&&chartGrid(),chartXAxis({dataKey:x,rtl,axis,formatX}),chartYAxis({rtl,format:fmt.axis}),chartTooltip({format:fmt.value,formatX}),showLegend&&chartLegend(),items.map(s=>jsx2(Line,{type:straight?"linear":"monotone",dataKey:s.key,name:s.name,stroke:s.color,strokeWidth:2,dot:dots?{r:3,fill:SURFACE_COLOR,strokeWidth:2}:false,activeDot:{r:4,fill:SURFACE_COLOR,strokeWidth:2},connectNulls:false,isAnimationActive:false},s.key))]})})}function AreaChart({data,x,series,height=DEFAULT_HEIGHT,label,formatValue,formatAxis,formatX,axis="time",grid=true,legend,empty,className}){const rtl=useRtl();const fmt=useFormatters(formatValue,formatAxis);const items=resolveSeries(series);const showLegend=legend??items.length>1;const gid=useId().replace(/:/g,"");return jsx2(ChartFrame,{label,height,isEmpty:data.length===0,empty,className,children:jsxs2(RAreaChart,{data,margin:chartMargin(rtl),accessibilityLayer:true,children:[jsx2("defs",{children:items.map(s=>jsxs2("linearGradient",{id:`${gid}-${s.key}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[jsx2("stop",{offset:"0%",stopColor:s.color,stopOpacity:.28}),jsx2("stop",{offset:"100%",stopColor:s.color,stopOpacity:.02})]},s.key))}),grid&&chartGrid(),chartXAxis({dataKey:x,rtl,axis,formatX}),chartYAxis({rtl,format:fmt.axis}),chartTooltip({format:fmt.value,formatX}),showLegend&&chartLegend(),items.map(s=>jsx2(Area,{type:"monotone",dataKey:s.key,name:s.name,stackId:s.stackId,stroke:s.color,strokeWidth:2,fill:`url(#${gid}-${s.key})`,activeDot:{r:4,fill:SURFACE_COLOR,strokeWidth:2},connectNulls:false,isAnimationActive:false},s.key))]})})}function ComposedChart({data,x,series,height=DEFAULT_HEIGHT,label,formatValue,formatAxis,formatX,axis="category",grid=true,legend,empty,className}){const rtl=useRtl();const fmt=useFormatters(formatValue,formatAxis);const items=resolveSeries(series);const showLegend=legend??items.length>1;const gid=useId().replace(/:/g,"");const split=items.some(s=>s.scale==="secondary");const axisOf=s=>split?s.scale==="secondary"?"r":"l":void 0;return jsx2(ChartFrame,{label,height,isEmpty:data.length===0,empty,className,children:jsxs2(RComposedChart,{data,margin:chartMargin(rtl),accessibilityLayer:true,children:[jsx2("defs",{children:items.filter(s=>s.as==="area").map(s=>jsxs2("linearGradient",{id:`${gid}-${s.key}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[jsx2("stop",{offset:"0%",stopColor:s.color,stopOpacity:.28}),jsx2("stop",{offset:"100%",stopColor:s.color,stopOpacity:.02})]},s.key))}),grid&&chartGrid(),chartXAxis({dataKey:x,rtl,axis,formatX}),chartYAxis({rtl,format:fmt.axis,id:split?"l":void 0}),split&&chartYAxis({rtl,format:fmt.axis,id:"r",side:"secondary"}),chartTooltip({format:fmt.value,formatX}),showLegend&&chartLegend(),items.map(s=>s.as==="line"?jsx2(Line,{type:"monotone",dataKey:s.key,name:s.name,yAxisId:axisOf(s),stroke:s.color,strokeWidth:2,dot:false,activeDot:{r:4,fill:SURFACE_COLOR,strokeWidth:2},isAnimationActive:false},s.key):s.as==="area"?jsx2(Area,{type:"monotone",dataKey:s.key,name:s.name,yAxisId:axisOf(s),stackId:s.stackId,stroke:s.color,strokeWidth:2,fill:`url(#${gid}-${s.key})`,isAnimationActive:false},s.key):jsx2(Bar,{dataKey:s.key,name:s.name,yAxisId:axisOf(s),fill:s.color,stackId:s.stackId,radius:[BAR_RADIUS,BAR_RADIUS,0,0],maxBarSize:48,isAnimationActive:false},s.key))]})})}function ScatterChart({groups,height=DEFAULT_HEIGHT,label,xLabel,yLabel,formatValue,formatAxis,grid=true,legend,empty,className}){const rtl=useRtl();const fmt=useFormatters(formatValue,formatAxis);const showLegend=legend??groups.length>1;const isEmpty=groups.every(g=>g.points.length===0);return jsx2(ChartFrame,{label,height,isEmpty,empty,className,children:jsxs2(RScatterChart,{margin:chartMargin(rtl),accessibilityLayer:true,children:[grid&&chartGrid(),jsx2(XAxis2,{type:"number",dataKey:"x",name:xLabel,tickFormatter:fmt.axis,tick:{fill:AXIS_COLOR,className:"text-caption"},tickLine:false,axisLine:{stroke:GRID_COLOR}}),jsx2(YAxis2,{type:"number",dataKey:"y",name:yLabel,tickFormatter:fmt.axis,tick:{fill:AXIS_COLOR,className:"text-caption",textAnchor:"end"},tickLine:false,axisLine:false,orientation:rtl?"right":"left",width:"auto"}),jsx2(ZAxis,{type:"number",dataKey:"z",range:[36,300]}),chartTooltip({format:fmt.value}),showLegend&&chartLegend(),groups.map((g,i)=>jsx2(Scatter,{name:g.label??g.key,data:g.points,fill:toneColor(g.tone??toneAt(i)),fillOpacity:.75,isAnimationActive:false},g.key))]})})}function Sparkline({values,label,labels,formatValue,tone="brand",height=36,filled,className}){const gid=useId().replace(/:/g,"");const fmt=useFormatters(formatValue);const color=toneColor(tone);const named=labels!==void 0&&labels.length>0;const data=values.map((v,i)=>({i,v,at:labels?.[i]??""}));if(values.length===0)return null;return jsx2("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx2(ResponsiveContainer2,{width:"100%",height,children:jsxs2(RAreaChart,{data,margin:{top:2,bottom:2,left:0,right:0},accessibilityLayer:true,children:[jsx2("defs",{children:jsxs2("linearGradient",{id:`${gid}-spark`,x1:"0",y1:"0",x2:"0",y2:"1",children:[jsx2("stop",{offset:"0%",stopColor:color,stopOpacity:.3}),jsx2("stop",{offset:"100%",stopColor:color,stopOpacity:0})]})}),named&&jsx2(XAxis2,{dataKey:"at",hide:true}),named&&jsx2(Tooltip2,{cursor:{stroke:color,strokeWidth:1},wrapperStyle:TOOLTIP_WRAPPER,content:jsx2(ChartTooltipLine,{format:fmt.value})}),jsx2(Area,{type:"monotone",dataKey:"v",name:label,stroke:color,strokeWidth:1.5,fill:filled?`url(#${gid}-spark)`:"none",dot:false,isAnimationActive:false})]})})})}import{Cell,Legend as Legend2,Pie,PieChart as RPieChart,PolarAngleAxis,PolarGrid,PolarRadiusAxis,Radar,RadarChart as RRadarChart,RadialBar,RadialBarChart as RRadialBarChart,ResponsiveContainer as ResponsiveContainer3,Tooltip as Tooltip3}from"recharts";import{jsx as jsx3,jsxs as jsxs3}from"react/jsx-runtime";var DEFAULT_HEIGHT2=220;function slices(items){return items.map((s,i)=>({name:s.label??s.key,value:s.value,color:toneColor(s.tone??toneAt(i)),key:s.key}))}function PieChart({items,height=DEFAULT_HEIGHT2,label,formatValue,legend=true,empty,className}){return jsx3(Ring,{items,height,label,formatValue,legend,empty,className,inner:0})}function DonutChart({items,height=DEFAULT_HEIGHT2,label,formatValue,legend=true,centerValue,centerLabel,empty,className}){return jsx3(Ring,{items,height,label,formatValue,legend,empty,className,inner:62,centerValue,centerLabel})}function Ring({items,height,label,formatValue,legend,empty,className,inner,centerValue,centerLabel}){const locale=useMoneyLocale();const fmt=useFormatters(formatValue);const data=slices(items);const isEmpty=data.length===0||data.every(d=>!d.value);const total=data.reduce((sum,d)=>sum+(d.value||0),0);if(isEmpty){return jsx3("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx3(ChartEmpty,{height:height??DEFAULT_HEIGHT2,children:empty})})}return jsxs3("div",{className:cn("relative w-full",className),role:"img","aria-label":label,children:[jsx3(ResponsiveContainer3,{width:"100%",height:height??DEFAULT_HEIGHT2,children:jsxs3(RPieChart,{children:[jsx3(Tooltip3,{wrapperStyle:TOOLTIP_WRAPPER,content:jsx3(ChartTooltipContent,{format:fmt.value})}),legend&&jsx3(Legend2,{content:jsx3(ChartLegendContent,{}),verticalAlign:"bottom"}),jsx3(Pie,{data,dataKey:"value",nameKey:"name",innerRadius:inner?`${inner}%`:0,outerRadius:"88%",stroke:SURFACE_COLOR,strokeWidth:2,isAnimationActive:false,startAngle:90,endAngle:-270,children:data.map(d=>jsx3(Cell,{fill:d.color},d.key))})]})}),inner>0&&jsxs3("div",{className:"pointer-events-none absolute inset-0 flex flex-col items-center justify-center",children:[jsx3("span",{className:"text-h3 text-ink font-extrabold","data-num":true,children:centerValue??new Intl.NumberFormat(locale).format(total)}),centerLabel&&jsx3("span",{className:"text-caption text-muted",children:centerLabel})]})]})}function RadarChart({data,x,series,height=DEFAULT_HEIGHT2,label,formatValue,legend,empty,className}){const fmt=useFormatters(formatValue);const items=resolveSeries(series);const showLegend=legend??items.length>1;if(data.length===0){return jsx3("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx3(ChartEmpty,{height,children:empty})})}return jsx3("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx3(ResponsiveContainer3,{width:"100%",height,children:jsxs3(RRadarChart,{data,outerRadius:"72%",children:[jsx3(PolarGrid,{stroke:GRID_COLOR}),jsx3(PolarAngleAxis,{dataKey:x,tick:{fill:AXIS_COLOR,className:"text-caption"}}),jsx3(PolarRadiusAxis,{tick:false,axisLine:false}),jsx3(Tooltip3,{wrapperStyle:TOOLTIP_WRAPPER,content:jsx3(ChartTooltipContent,{format:fmt.value})}),showLegend&&jsx3(Legend2,{content:jsx3(ChartLegendContent,{}),verticalAlign:"bottom"}),items.map(s=>jsx3(Radar,{dataKey:s.key,name:s.name,stroke:s.color,strokeWidth:2,fill:s.color,fillOpacity:.18,isAnimationActive:false},s.key))]})})})}function RadialChart({items,max,height=DEFAULT_HEIGHT2,label,formatValue,legend=true,empty,className}){const fmt=useFormatters(formatValue);const data=slices(items);const isEmpty=data.length===0;if(isEmpty){return jsx3("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx3(ChartEmpty,{height,children:empty})})}const ceiling=max??Math.max(...data.map(d=>d.value||0));return jsx3("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx3(ResponsiveContainer3,{width:"100%",height,children:jsxs3(RRadialBarChart,{data,innerRadius:"30%",outerRadius:"95%",startAngle:90,endAngle:-270,barSize:12,children:[jsx3(PolarAngleAxis,{type:"number",domain:[0,ceiling],tick:false}),jsx3(Tooltip3,{wrapperStyle:TOOLTIP_WRAPPER,content:jsx3(ChartTooltipContent,{format:fmt.value})}),legend&&jsx3(Legend2,{content:jsx3(ChartLegendContent,{}),verticalAlign:"bottom"}),jsx3(RadialBar,{dataKey:"value",background:{fill:GRID_COLOR},cornerRadius:"50%",isAnimationActive:false,children:data.map(d=>jsx3(Cell,{fill:d.color},d.key))})]})})})}import{useMemo}from"react";import{Funnel,FunnelChart as RFunnelChart,LabelList,useChartWidth,useMargin,ResponsiveContainer as ResponsiveContainer4,Sankey,Tooltip as Tooltip4,Treemap}from"recharts";import{jsx as jsx4,jsxs as jsxs4}from"react/jsx-runtime";var DEFAULT_HEIGHT3=240;function FunnelChart({steps,height=DEFAULT_HEIGHT3,label,formatValue,showRate=true,empty,className}){const rtl=useRtl();const locale=useMoneyLocale();const fmt=useFormatters(formatValue);const isEmpty=steps.length===0||steps.every(s=>!s.value);if(isEmpty){return jsx4("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx4(ChartEmpty,{height,children:empty})})}const first=steps[0]?.value||0;const data=steps.map(s=>({name:s.label??s.key,value:s.value,fill:toneColor(s.tone??"brand"),rate:first?s.value/first:0}));return jsx4("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx4(ResponsiveContainer4,{width:"100%",height,children:jsxs4(RFunnelChart,{margin:rtl?{left:56,right:104}:{left:104,right:56},children:[jsx4(Tooltip4,{wrapperStyle:TOOLTIP_WRAPPER,content:jsx4(ChartTooltipContent,{format:fmt.value})}),jsx4(Funnel,{dataKey:"value",data,stroke:SURFACE_COLOR,strokeWidth:2,isAnimationActive:false,children:jsx4(LabelList,{dataKey:"name",content:jsx4(FunnelBandLabel,{rtl,rows:data,showRate,formatRate:v=>new Intl.NumberFormat(locale,{style:"percent",maximumFractionDigits:1}).format(v)})})})]})})})}function TreemapChart({nodes,height=DEFAULT_HEIGHT3,label,formatValue,empty,className}){const fmt=useFormatters(formatValue);const isEmpty=nodes.length===0;if(isEmpty){return jsx4("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx4(ChartEmpty,{height,children:empty})})}const data=nodes.map((n,i)=>({...n,fill:toneColor(n.tone??toneAt(i))}));return jsx4("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx4(ResponsiveContainer4,{width:"100%",height,children:jsx4(Treemap,{data,dataKey:"value",stroke:SURFACE_COLOR,isAnimationActive:false,content:jsx4(TreemapCell,{}),children:jsx4(Tooltip4,{wrapperStyle:TOOLTIP_WRAPPER,content:jsx4(ChartTooltipContent,{format:fmt.value})})})})})}function TreemapCell(props){const{x=0,y=0,width=0,height=0,name,fill}=props;const roomy=width>64&&height>24;return jsxs4("g",{children:[jsx4("rect",{x,y,width,height,fill,stroke:SURFACE_COLOR,strokeWidth:2}),roomy&&name&&jsx4("text",{x:x+width/2,y:y+height/2,textAnchor:"middle",dominantBaseline:"middle",fill:SURFACE_COLOR,className:"text-caption",children:name})]})}function SankeyChart({nodes,links,height=DEFAULT_HEIGHT3,label,formatValue,empty,className}){const rtl=useRtl();const fmt=useFormatters(formatValue);const isEmpty=nodes.length===0||links.length===0;const ends=useMemo(()=>{const withIncoming=new Set(links.map(l=>l.target));const withOutgoing=new Set(links.map(l=>l.source));return{first:new Set(nodes.map((_,i)=>i).filter(i=>!withIncoming.has(i))),last:new Set(nodes.map((_,i)=>i).filter(i=>!withOutgoing.has(i)))}},[nodes,links]);if(isEmpty){return jsx4("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx4(ChartEmpty,{height,children:empty})})}return jsx4("div",{className:cn("w-full",className),role:"img","aria-label":label,children:jsx4(ResponsiveContainer4,{width:"100%",height,children:jsx4(Sankey,{data:{nodes,links},nodePadding:24,node:jsx4(SankeyNodeShape,{rtl,ends}),link:{stroke:toneColor("brand"),strokeOpacity:.16},margin:{top:24,bottom:8,left:72,right:72},children:jsx4(Tooltip4,{wrapperStyle:TOOLTIP_WRAPPER,content:jsx4(ChartTooltipContent,{format:fmt.value})})})})})}function SankeyNodeShape(props){const{x=0,y=0,width=0,height=0,index=0,rtl=false,ends,payload}=props;const isFirst=ends?.first.has(index)??false;const isLast=ends?.last.has(index)??false;const at=isFirst&&!isLast?{x:x-8,y:y+height/2,anchor:rtl?"start":"end"}:isLast?{x:x+width+8,y:y+height/2,anchor:rtl?"end":"start"}:{x:x+width/2,y:y-8,anchor:"middle"};return jsxs4("g",{children:[jsx4("rect",{x,y,width,height,fill:toneColor("brand"),rx:BAR_RADIUS}),jsx4("text",{x:at.x,y:at.y,textAnchor:at.anchor,dominantBaseline:at.anchor==="middle"?"auto":"middle",fill:AXIS_COLOR,className:"text-caption",children:payload?.name})]})}function FunnelBandLabel(props){const{y=0,height=0,index=0,rtl=false,showRate,rows,formatRate,value}=props;const chartWidth=useChartWidth()??0;const margin=useMargin()??{left:0,right:0};const left=margin.left??0;const right=margin.right??0;const rate=rows?.[index]?.rate;const mid=y+height/2;const pad=8;const nameX=rtl?chartWidth-right+pad:left-pad;const rateX=rtl?left-pad:chartWidth-right+pad;return jsxs4("g",{children:[jsx4("text",{x:nameX,y:mid,textAnchor:"end",dominantBaseline:"middle",fill:AXIS_COLOR,className:"text-caption",children:value}),showRate&&rate!==void 0&&jsx4("text",{x:rateX,y:mid,textAnchor:"start",dominantBaseline:"middle",fill:AXIS_COLOR,className:"text-caption",children:formatRate?.(rate)})]})}export{AreaChart,BarChart,ChartEmpty,ChartFrame,ComposedChart,DonutChart,FunnelChart,LineChart,PieChart,RadarChart,RadialChart,SERIES_ORDER,SankeyChart,ScatterChart,Sparkline,TreemapChart,toneAt,toneColor,useRtl};
package/dist/{chunk-OL5OXS2S.js → chunk-2I63VHR4.js} RENAMED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- import{TONE_SOFT,TONE_SOLID,cn,useUIText}from"./chunk-N7CZXHOG.js";import{useCallback,useEffect,useRef,useState}from"react";var INITIAL={playing:false,time:0,duration:0,buffered:0,volume:1,muted:false,rate:1,waiting:false,ended:false};function useMedia(){const ref=useRef(null);const[state,setState]=useState(INITIAL);useEffect(()=>{const el=ref.current;if(!el)return;const patch=p=>setState(s=>({...s,...p}));const onTime=()=>{let end=0;const b=el.buffered;for(let i=0;i<b.length;i++){if(b.start(i)<=el.currentTime&&el.currentTime<=b.end(i))end=b.end(i)}patch({time:el.currentTime,buffered:end})};const onMeta=()=>patch({duration:Number.isFinite(el.duration)?el.duration:0,ended:false});const onPlay=()=>patch({playing:true,ended:false});const onPause=()=>patch({playing:false});const onEnded=()=>patch({playing:false,ended:true});const onWaiting=()=>patch({waiting:true});const onPlaying=()=>patch({waiting:false,playing:true});const onVolume=()=>patch({volume:el.volume,muted:el.muted});const onRate=()=>patch({rate:el.playbackRate});el.addEventListener("timeupdate",onTime);el.addEventListener("progress",onTime);el.addEventListener("loadedmetadata",onMeta);el.addEventListener("durationchange",onMeta);el.addEventListener("play",onPlay);el.addEventListener("pause",onPause);el.addEventListener("ended",onEnded);el.addEventListener("waiting",onWaiting);el.addEventListener("playing",onPlaying);el.addEventListener("volumechange",onVolume);el.addEventListener("ratechange",onRate);if(el.readyState>=1)onMeta();return()=>{el.removeEventListener("timeupdate",onTime);el.removeEventListener("progress",onTime);el.removeEventListener("loadedmetadata",onMeta);el.removeEventListener("durationchange",onMeta);el.removeEventListener("play",onPlay);el.removeEventListener("pause",onPause);el.removeEventListener("ended",onEnded);el.removeEventListener("waiting",onWaiting);el.removeEventListener("playing",onPlaying);el.removeEventListener("volumechange",onVolume);el.removeEventListener("ratechange",onRate)}},[]);useEffect(()=>{if(!state.playing)return;let raf=0;const tick=()=>{const el=ref.current;if(el)setState(s=>s.time===el.currentTime?s:{...s,time:el.currentTime});raf=requestAnimationFrame(tick)};raf=requestAnimationFrame(tick);return()=>cancelAnimationFrame(raf)},[state.playing]);const toggle=useCallback(()=>{const el=ref.current;if(!el)return;if(el.paused)void el.play();else el.pause()},[]);const seek=useCallback(to=>{const el=ref.current;if(!el)return;el.currentTime=Math.max(0,Math.min(to,el.duration||0))},[]);const skip=useCallback(by=>{const el=ref.current;if(el)seek(el.currentTime+by)},[seek]);const setVolume=useCallback(v=>{const el=ref.current;if(!el)return;el.volume=Math.max(0,Math.min(1,v));if(el.volume>0)el.muted=false},[]);const toggleMute=useCallback(()=>{const el=ref.current;if(el)el.muted=!el.muted},[]);const setRate=useCallback(r=>{const el=ref.current;if(el)el.playbackRate=r},[]);return{ref,state,toggle,seek,skip,setVolume,toggleMute,setRate}}function formatTime(seconds){if(!Number.isFinite(seconds)||seconds<0)return"0:00";const total=Math.floor(seconds);const s=total%60;const m=Math.floor(total/60)%60;const h=Math.floor(total/3600);const pad=n=>String(n).padStart(2,"0");return h>0?`${h}:${pad(m)}:${pad(s)}`:`${m}:${pad(s)}`}var RATES=[.5,.75,1,1.25,1.5,2];import{useCallback as useCallback2,useRef as useRef2,useState as useState2}from"react";import{jsx,jsxs}from"react/jsx-runtime";function Scrubber({time,duration,buffered,onSeek,chapters,label,size="md"}){const ui=useUIText();const bar=useRef2(null);const[hover,setHover]=useState2(null);const pct=duration>0?time/duration*100:0;const buf=duration>0?(buffered??0)/duration*100:0;const atPointer=useCallback2(clientX=>{const box=bar.current?.getBoundingClientRect();if(!box||duration<=0)return null;const ratio=Math.max(0,Math.min(1,(clientX-box.left)/box.width));return ratio*duration},[duration]);const h=size==="sm"?"h-1":"h-1.5";return jsxs("div",{dir:"ltr",className:"relative group/scrub w-full py-2 select-none",children:[hover!==null&&jsx("span",{"data-num":true,style:{insetInlineStart:`${hover/duration*100}%`},className:"absolute bottom-full mb-1 -translate-x-1/2 px-1.5 py-0.5 rounded-xs bg-night text-white text-micro font-bold pointer-events-none whitespace-nowrap",children:formatTime(hover)}),jsxs("div",{ref:bar,onMouseMove:e=>setHover(atPointer(e.clientX)),onMouseLeave:()=>setHover(null),className:cn("relative w-full rounded-full bg-white/25 overflow-visible",h),children:[jsx("span",{"aria-hidden":"true",style:{width:`${buf}%`},className:cn("absolute inset-y-0 start-0 rounded-full bg-white/30",h)}),jsx("span",{"aria-hidden":"true",style:{width:`${pct}%`},className:cn("absolute inset-y-0 start-0 rounded-full bg-brand",h)}),chapters?.map(c=>duration>0&&c.at>0&&c.at<duration?jsx("span",{title:c.title,"aria-hidden":"true",style:{insetInlineStart:`${c.at/duration*100}%`},className:"absolute inset-y-0 w-0.5 -translate-x-1/2 bg-night/50"},`${c.at}-${c.title}`):null),jsx("span",{"aria-hidden":"true",style:{insetInlineStart:`${pct}%`},className:"absolute top-1/2 -translate-y-1/2 -translate-x-1/2 size-3 rounded-full bg-white shadow-raise scale-0 transition-transform group-hover/scrub:scale-100 group-focus-within/scrub:scale-100"}),jsx("input",{type:"range",min:0,max:duration||0,step:.1,value:time,"aria-label":label??ui.playbackPosition,"aria-valuetext":`${formatTime(time)} \u0645\u0646 ${formatTime(duration)}`,onChange:e=>onSeek(Number(e.target.value)),className:"absolute inset-0 w-full h-full opacity-0 cursor-pointer"})]})]})}import{useCallback as useCallback3,useEffect as useEffect2,useRef as useRef3,useState as useState3}from"react";import{Gauge,Loader2,Maximize,Minimize,Pause,PictureInPicture2,Play,RotateCcw,RotateCw,Volume2,VolumeX,X}from"lucide-react";import{jsx as jsx2,jsxs as jsxs2}from"react/jsx-runtime";function CtrlButton({onClick,label,children,active}){return jsx2("button",{type:"button",onClick,"aria-label":label,title:label,className:cn("size-9 rounded-sm inline-flex items-center justify-center shrink-0 cursor-pointer transition-colors","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white",active?"bg-white/20 text-white":"text-white/80 hover:bg-white/15 hover:text-white"),children})}function SuggestionCard({item,wide}){return jsxs2("button",{type:"button",onClick:item.onSelect,className:cn("group/sug flex flex-col gap-1.5 text-start cursor-pointer shrink-0","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white rounded-sm",wide?"w-full":"w-40"),children:[jsxs2("span",{className:"relative block w-full aspect-video rounded-sm overflow-clip bg-white/10 border border-white/15 transition-colors group-hover/sug:border-brand-100",children:[item.poster&&jsx2("img",{src:item.poster,alt:"",loading:"lazy",className:"w-full h-full object-cover"}),typeof item.duration==="number"&&jsx2("span",{"data-num":true,className:"absolute bottom-1 end-1 px-1 py-px rounded-xs bg-black/75 text-white text-micro font-bold",children:formatTime(item.duration)})]}),jsx2("span",{className:"text-caption font-bold text-white/90 leading-snug line-clamp-2 group-hover/sug:text-white",children:item.title})]})}function VideoPlayer({src,poster,title,chapters,captions,suggestions,suggestAt=10,autoPlay,loop,className}){const ui=useUIText();const{ref,state,toggle,seek,skip,setVolume,toggleMute,setRate}=useMedia();const shell=useRef3(null);const[full,setFull]=useState3(false);const[rateOpen,setRateOpen]=useState3(false);const[idle,setIdle]=useState3(false);const[dismissed,setDismissed]=useState3(false);const idleTimer=useRef3(void 0);const wake=useCallback3(()=>{setIdle(false);clearTimeout(idleTimer.current);idleTimer.current=setTimeout(()=>setIdle(true),2500)},[]);useEffect2(()=>{if(!state.playing)clearTimeout(idleTimer.current)},[state.playing]);useEffect2(()=>()=>clearTimeout(idleTimer.current),[]);useEffect2(()=>{const onFs=()=>setFull(document.fullscreenElement===shell.current);document.addEventListener("fullscreenchange",onFs);return()=>document.removeEventListener("fullscreenchange",onFs)},[]);async function toggleFull(){if(document.fullscreenElement)await document.exitFullscreen();else await shell.current?.requestFullscreen()}async function togglePip(){const el=ref.current;if(!el)return;if(document.pictureInPictureElement)await document.exitPictureInPicture();else await el.requestPictureInPicture()}const onKey=e=>{const keys=[" ","k","ArrowRight","ArrowLeft","ArrowUp","ArrowDown","m","f","j","l"];if(!keys.includes(e.key))return;e.preventDefault();wake();const el=ref.current;if(!el)return;switch(e.key){case" ":case"k":toggle();break;case"ArrowRight":case"l":skip(e.key==="l"?10:5);break;case"ArrowLeft":case"j":skip(e.key==="j"?-10:-5);break;case"ArrowUp":setVolume(el.volume+.1);break;case"ArrowDown":setVolume(el.volume-.1);break;case"m":toggleMute();break;case"f":void toggleFull();break}};const showChrome=!state.playing||!idle||state.ended;const has=Boolean(suggestions?.length);const remaining=state.duration-state.time;const nearEnd=state.duration>0&&remaining<=suggestAt&&!state.ended;const showStrip=has&&nearEnd&&!dismissed;const showEndScreen=has&&state.ended;return jsxs2("div",{ref:shell,role:"group","aria-label":title??ui.videoPlayer,tabIndex:0,onKeyDown:onKey,onMouseMove:wake,onMouseLeave:()=>state.playing&&setIdle(true),className:cn("relative bg-night rounded-card overflow-clip group/player","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand",full?"w-screen h-screen rounded-none":"w-full aspect-video",className),children:[jsx2("video",{ref,src,poster,autoPlay,loop,playsInline:true,onClick:toggle,className:"w-full h-full object-contain cursor-pointer bg-night",children:captions&&jsx2("track",{kind:"captions",src:captions,srcLang:"ar",label:ui.arabic,default:true})}),state.waiting&&jsx2("span",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:jsx2(Loader2,{size:40,className:"animate-spin text-white/90","aria-hidden":"true"})}),(!state.playing||state.ended)&&!state.waiting&&!showEndScreen&&jsx2("button",{type:"button",onClick:toggle,"aria-label":state.ended?"\u0634\u063A\u0651\u0644 \u0645\u0646 \u0627\u0644\u0623\u0648\u0644":"\u062A\u0634\u063A\u064A\u0644",className:"absolute inset-0 flex items-center justify-center cursor-pointer group/big",children:jsx2("span",{className:"size-16 rounded-full bg-brand text-white flex items-center justify-center shadow-pop transition-transform group-hover/big:scale-110",children:state.ended?jsx2(RotateCcw,{size:26,"aria-hidden":"true"}):jsx2(Play,{size:28,className:"ml-1 icon-fixed",fill:"currentColor","aria-hidden":"true"})})}),title&&jsx2("div",{className:cn("absolute inset-x-0 top-0 p-4 bg-gradient-to-b from-black/70 to-transparent transition-opacity duration-200 pointer-events-none",showChrome?"opacity-100":"opacity-0"),children:jsx2("span",{className:"text-body font-extrabold text-white [text-wrap:balance]",children:title})}),showStrip&&jsx2("div",{className:"absolute inset-x-0 bottom-20 px-3 animate-[fade-in_.2s_ease-out]",children:jsxs2("div",{className:"flex items-end gap-3 p-3 rounded-card bg-black/70 backdrop-blur-sm border border-white/10",children:[jsxs2("div",{className:"flex flex-col gap-2 min-w-0 flex-1",children:[jsxs2("span",{className:"flex items-center gap-2 text-caption font-extrabold text-white/90",children:["\u0634\u0648\u0641 \u0643\u0645\u0627\u0646",jsxs2("span",{"data-num":true,className:"text-micro font-bold text-brand-100",children:["\u0627\u0644\u0645\u0642\u0637\u0639 \u0628\u064A\u062E\u0644\u0635 \u062E\u0644\u0627\u0644 ",Math.max(0,Math.ceil(remaining))," \u062B"]})]}),jsx2("div",{className:"flex gap-2.5 overflow-x-auto pb-1",children:suggestions?.slice(0,4).map(s=>jsx2(SuggestionCard,{item:s},s.id))})]}),jsx2("button",{type:"button",onClick:()=>setDismissed(true),"aria-label":ui.hideSuggestions,className:"size-8 rounded-sm shrink-0 flex items-center justify-center text-white/60 hover:bg-white/15 hover:text-white cursor-pointer transition-colors",children:jsx2(X,{size:16,"aria-hidden":"true"})})]})}),showEndScreen&&jsxs2("div",{className:"absolute inset-0 bg-night/92 backdrop-blur-sm flex flex-col gap-4 p-5 overflow-y-auto animate-[fade-in_.22s_ease-out]",children:[jsxs2("div",{className:"flex items-center justify-between gap-3 shrink-0",children:[jsx2("span",{className:"text-body font-extrabold text-white",children:ui.seeMore}),jsxs2("button",{type:"button",onClick:toggle,className:"inline-flex items-center gap-2 h-9 px-3.5 rounded-sm bg-white/10 text-white text-ui font-bold cursor-pointer transition-colors hover:bg-white/20",children:[jsx2(RotateCcw,{size:15,"aria-hidden":"true"}),"\u0634\u063A\u0651\u0644 \u0645\u0646 \u0627\u0644\u0623\u0648\u0644"]})]}),jsx2("div",{className:"grid gap-3 [grid-template-columns:repeat(auto-fill,minmax(150px,1fr))]",children:suggestions?.map(s=>jsx2(SuggestionCard,{item:s,wide:true},s.id))})]}),jsxs2("div",{className:cn("absolute inset-x-0 bottom-0 px-3 pb-2 pt-8 bg-gradient-to-t from-black/80 to-transparent transition-opacity duration-200",showChrome?"opacity-100":"opacity-0 pointer-events-none"),children:[jsx2(Scrubber,{time:state.time,duration:state.duration,buffered:state.buffered,onSeek:seek,chapters}),jsxs2("div",{className:"flex items-center gap-1 flex-wrap",children:[jsx2(CtrlButton,{onClick:toggle,label:state.playing?"\u0625\u064A\u0642\u0627\u0641 \u0645\u0624\u0642\u062A":"\u062A\u0634\u063A\u064A\u0644",children:state.playing?jsx2(Pause,{size:18,fill:"currentColor"}):jsx2(Play,{size:18,fill:"currentColor"})}),jsx2(CtrlButton,{onClick:()=>skip(-10),label:ui.back10,children:jsx2(RotateCcw,{size:17})}),jsx2(CtrlButton,{onClick:()=>skip(10),label:ui.forward10,children:jsx2(RotateCw,{size:17})}),jsxs2("span",{className:"flex items-center group/vol",children:[jsx2(CtrlButton,{onClick:toggleMute,label:state.muted?"\u062A\u0634\u063A\u064A\u0644 \u0627\u0644\u0635\u0648\u062A":"\u0643\u062A\u0645",children:state.muted||state.volume===0?jsx2(VolumeX,{size:18}):jsx2(Volume2,{size:18})}),jsx2("span",{className:"h-9 flex items-center overflow-clip w-0 group-hover/vol:w-20 focus-within:w-20 transition-[width] duration-200",children:jsx2("input",{type:"range",min:0,max:1,step:.05,value:state.muted?0:state.volume,onChange:e=>setVolume(Number(e.target.value)),"aria-label":ui.volume,dir:"ltr",className:"w-20 accent-brand cursor-pointer"})})]}),jsxs2("span",{"data-num":true,className:"px-2 text-caption font-bold text-white/90 whitespace-nowrap",children:[formatTime(state.time)," / ",formatTime(state.duration)]}),jsx2("span",{className:"flex-1"}),jsxs2("span",{className:"relative flex",children:[jsx2(CtrlButton,{onClick:()=>setRateOpen(v=>!v),label:ui.playbackSpeed,active:rateOpen,children:jsxs2("span",{className:"flex items-center gap-1",children:[jsx2(Gauge,{size:17}),state.rate!==1&&jsxs2("span",{"data-num":true,className:"text-micro font-extrabold",children:[state.rate,"\xD7"]})]})}),rateOpen&&jsx2("div",{className:"absolute bottom-full end-0 mb-2 py-1 rounded-card bg-night border border-white/15 shadow-pop min-w-20",children:RATES.map(r=>jsx2("button",{type:"button",onClick:()=>{setRate(r);setRateOpen(false)},className:cn("w-full px-3 py-1.5 text-ui text-center cursor-pointer transition-colors",r===state.rate?"text-brand-100 font-extrabold":"text-white/80 hover:bg-white/10"),children:jsxs2("span",{"data-num":true,children:[r,"\xD7"]})},r))})]}),"pictureInPictureEnabled"in document&&jsx2(CtrlButton,{onClick:()=>void togglePip(),label:ui.pictureInPicture,children:jsx2(PictureInPicture2,{size:17})}),jsx2(CtrlButton,{onClick:()=>void toggleFull(),label:full?"\u062E\u0631\u0648\u062C \u0645\u0646 \u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629":"\u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629",children:full?jsx2(Minimize,{size:17}):jsx2(Maximize,{size:17})})]})]})]})}import{memo,useEffect as useEffect3,useImperativeHandle,useMemo,useRef as useRef4,useState as useState4}from"react";import{Gauge as Gauge2,Loader2 as Loader22,Pause as Pause2,Play as Play2,RotateCcw as RotateCcw2,RotateCw as RotateCw2,Volume2 as Volume22,VolumeX as VolumeX2}from"lucide-react";import{jsx as jsx3,jsxs as jsxs3}from"react/jsx-runtime";var PEAKS_CACHE=new Map;var ANALYSIS_BUCKETS=512;var BAR=3;var GAP=2;async function analyse(src,buckets){const cached=PEAKS_CACHE.get(src);if(cached!==void 0)return cached;try{const res=await fetch(src);const raw=await res.arrayBuffer();const Ctx2=window.AudioContext??window.webkitAudioContext;if(!Ctx2)throw new Error("\u0645\u0627\u0641\u064A\u0634 Web Audio");const ctx=new Ctx2;const buffer=await ctx.decodeAudioData(raw);const data=buffer.getChannelData(0);const per=Math.floor(data.length/buckets);const peaks=[];for(let i=0;i<buckets;i++){let max=0;for(let j=0;j<per;j++){const v=Math.abs(data[i*per+j]??0);if(v>max)max=v}peaks.push(max)}void ctx.close();const top=Math.max(...peaks,.01);const normalised=peaks.map(p=>p/top);PEAKS_CACHE.set(src,normalised);return normalised}catch{PEAKS_CACHE.set(src,null);return null}}var BarRow=memo(function BarRow2({peaks,color}){return jsx3("div",{"aria-hidden":"true",className:"absolute inset-0 flex items-center justify-between",style:{gap:GAP},children:peaks.map((p,i)=>jsx3("span",{style:{height:`${Math.max(8,p*100)}%`,width:BAR},className:cn("shrink-0 rounded-full",color)},i))})});function Waveform({peaks,time,duration,onSeek,bars,height=48}){const ui=useUIText();const box=useRef4(null);const[count,setCount]=useState4(bars??0);const[width,setWidth]=useState4(0);useEffect3(()=>{const el=box.current;if(!el)return;const measure=()=>{setWidth(el.clientWidth);if(!bars)setCount(Math.max(8,Math.floor(el.clientWidth/(BAR+GAP))))};measure();const ro=new ResizeObserver(measure);ro.observe(el);return()=>ro.disconnect()},[bars]);const shown=useMemo(()=>{if(count<=0)return[];const per=peaks.length/count;return Array.from({length:count},(_,i)=>{let max=0;for(let j=Math.floor(i*per);j<Math.floor((i+1)*per);j++){if(peaks[j]>max)max=peaks[j]}return max})},[peaks,count]);const played=duration>0?Math.min(1,time/duration):0;const grey=useMemo(()=>jsx3(BarRow,{peaks:shown,color:"bg-border/50"}),[shown]);const teal=useMemo(()=>jsx3(BarRow,{peaks:shown,color:"bg-brand"}),[shown]);return jsxs3("div",{dir:"ltr",className:"relative w-full",style:{height},children:[jsx3("div",{ref:box,className:"absolute inset-0",children:grey}),jsx3("div",{"aria-hidden":"true",className:"absolute inset-y-0 start-0 overflow-clip pointer-events-none",style:{width:`${played*100}%`},children:jsx3("div",{className:"relative h-full",style:{width:width||"100%"},children:teal})}),jsx3("input",{type:"range",min:0,max:duration||0,step:.1,value:time,"aria-label":ui.playbackPosition,"aria-valuetext":`${formatTime(time)} \u0645\u0646 ${formatTime(duration)}`,onChange:e=>onSeek(Number(e.target.value)),className:"absolute inset-0 w-full h-full opacity-0 cursor-pointer"})]})}function Btn({onClick,label,children,small}){return jsx3("button",{type:"button",onClick,"aria-label":label,title:label,className:cn("rounded-sm inline-flex items-center justify-center shrink-0 cursor-pointer transition-colors","text-muted hover:bg-hover hover:text-ink","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand",small?"size-8":"size-9"),children})}function AudioPlayer({src,title,meta,cover,variant="card",bars,onLevel,mediaRef,className}){const ui=useUIText();const{ref,state,toggle,seek,skip,setVolume,toggleMute,setRate}=useMedia();const[peaks,setPeaks]=useState4(null);const[analysing,setAnalysing]=useState4(false);const[rateOpen,setRateOpen]=useState4(false);const alive=useRef4(true);useEffect3(()=>{alive.current=true;return()=>{alive.current=false}},[]);useEffect3(()=>{if(variant==="row")return;let live=true;void Promise.resolve().then(()=>live&&setAnalysing(true));void analyse(src,ANALYSIS_BUCKETS).then(p=>{live=false;if(!alive.current)return;setPeaks(p);setAnalysing(false)})},[src,variant]);useImperativeHandle(mediaRef,()=>ref.current,[ref]);useEffect3(()=>{if(!onLevel)return;if(!peaks||state.duration<=0||!state.playing){onLevel(0);return}const i=Math.min(peaks.length-1,Math.floor(state.time/state.duration*peaks.length));onLevel(peaks[i]??0)},[onLevel,peaks,state.time,state.duration,state.playing]);const PlayBtn=jsx3("button",{type:"button",onClick:toggle,"aria-label":state.playing?"\u0625\u064A\u0642\u0627\u0641 \u0645\u0624\u0642\u062A":"\u062A\u0634\u063A\u064A\u0644",className:cn("rounded-full bg-brand text-white flex items-center justify-center shrink-0 cursor-pointer transition-colors hover:bg-brand-hover","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand",variant==="row"?"size-9":"size-11"),children:state.playing?jsx3(Pause2,{size:variant==="row"?16:18,fill:"currentColor","aria-hidden":"true"}):jsx3(Play2,{size:variant==="row"?16:18,className:"ml-0.5 icon-fixed",fill:"currentColor","aria-hidden":"true"})});const audio=jsx3("audio",{ref,src,preload:"metadata"});if(variant==="row"){return jsxs3("div",{className:cn("flex items-center gap-3 p-2.5 rounded-card border border-line bg-surface",className),children:[audio,PlayBtn,jsxs3("span",{className:"flex flex-col gap-1 flex-1 min-w-0",children:[title&&jsx3("span",{className:"text-ui font-bold text-ink truncate",children:title}),jsxs3("span",{dir:"ltr",className:"relative h-1 rounded-full bg-hover overflow-clip",children:[jsx3("span",{"aria-hidden":"true",style:{width:`${state.duration?state.time/state.duration*100:0}%`},className:"absolute inset-y-0 start-0 bg-brand rounded-full"}),jsx3("input",{type:"range",min:0,max:state.duration||0,step:.1,value:state.time,"aria-label":ui.playbackPosition,onChange:e=>seek(Number(e.target.value)),className:"absolute inset-0 w-full opacity-0 cursor-pointer"})]})]}),jsxs3("span",{"data-num":true,className:"text-micro text-muted2 shrink-0",children:[formatTime(state.time)," / ",formatTime(state.duration)]})]})}return jsxs3("div",{className:cn("flex flex-col gap-3.5 p-4 rounded-card border border-line bg-surface",className),children:[audio,(title||cover)&&jsxs3("div",{className:"flex items-center gap-3",children:[cover&&jsx3("img",{src:cover,alt:"",className:"size-12 rounded-sm object-cover border border-line shrink-0"}),jsxs3("span",{className:"flex flex-col gap-0.5 min-w-0",children:[title&&jsx3("span",{className:"text-body font-extrabold text-ink truncate",children:title}),meta&&jsx3("span",{className:"text-caption text-muted truncate",children:meta})]})]}),jsx3("div",{className:"min-h-12 flex items-center",children:analysing?jsxs3("span",{className:"w-full flex items-center justify-center gap-2 text-caption text-muted2",children:[jsx3(Loader22,{size:14,className:"animate-spin","aria-hidden":"true"}),"\u0628\u064A\u062D\u0644\u0651\u0644 \u0627\u0644\u0645\u0648\u062C\u0629\u2026"]}):peaks?jsx3(Waveform,{peaks,time:state.time,duration:state.duration,onSeek:seek,bars}):jsxs3("span",{dir:"ltr",className:"relative w-full h-1.5 rounded-full bg-hover",children:[jsx3("span",{"aria-hidden":"true",style:{width:`${state.duration?state.time/state.duration*100:0}%`},className:"absolute inset-y-0 start-0 bg-brand rounded-full"}),jsx3("input",{type:"range",min:0,max:state.duration||0,step:.1,value:state.time,"aria-label":ui.playbackPosition,onChange:e=>seek(Number(e.target.value)),className:"absolute inset-0 w-full opacity-0 cursor-pointer"})]})}),jsxs3("div",{className:"flex items-center gap-1 flex-wrap",children:[PlayBtn,jsx3(Btn,{onClick:()=>skip(-10),label:ui.back10,children:jsx3(RotateCcw2,{size:16})}),jsx3(Btn,{onClick:()=>skip(10),label:ui.forward10,children:jsx3(RotateCw2,{size:16})}),jsxs3("span",{className:"flex items-center group/vol",children:[jsx3(Btn,{onClick:toggleMute,label:state.muted?"\u062A\u0634\u063A\u064A\u0644 \u0627\u0644\u0635\u0648\u062A":"\u0643\u062A\u0645",children:state.muted||state.volume===0?jsx3(VolumeX2,{size:16}):jsx3(Volume22,{size:16})}),jsx3("span",{className:"h-9 flex items-center overflow-clip w-0 group-hover/vol:w-16 focus-within:w-16 transition-[width] duration-200",children:jsx3("input",{type:"range",min:0,max:1,step:.05,value:state.muted?0:state.volume,onChange:e=>setVolume(Number(e.target.value)),"aria-label":ui.volume,dir:"ltr",className:"w-16 accent-brand cursor-pointer"})})]}),jsxs3("span",{"data-num":true,className:"px-2 text-caption font-bold text-ink2 whitespace-nowrap",children:[formatTime(state.time)," / ",formatTime(state.duration)]}),jsx3("span",{className:"flex-1"}),jsxs3("span",{className:"relative flex",children:[jsx3(Btn,{onClick:()=>setRateOpen(v=>!v),label:ui.playbackSpeed,children:jsxs3("span",{className:"flex items-center gap-1",children:[jsx3(Gauge2,{size:16}),state.rate!==1&&jsxs3("span",{"data-num":true,className:"text-micro font-extrabold text-brand-ink",children:[state.rate,"\xD7"]})]})}),rateOpen&&jsx3("div",{className:"absolute bottom-full end-0 mb-2 py-1 rounded-card bg-surface border border-line shadow-panel min-w-20 z-20",children:RATES.map(r=>jsx3("button",{type:"button",onClick:()=>{setRate(r);setRateOpen(false)},className:cn("w-full px-3 py-1.5 text-ui text-center cursor-pointer transition-colors",r===state.rate?"bg-soft text-brand-ink font-extrabold":"text-ink2 hover:bg-hover"),children:jsxs3("span",{"data-num":true,children:[r,"\xD7"]})},r))})]})]})]})}import{useEffect as useEffect4,useRef as useRef5,useState as useState5}from"react";var SOURCES=new WeakMap;function useAudioLevel(ref,{bands=5,enabled=true}={}){const level=useRef5(0);const bandsRef=useRef5(Array.from({length:bands},()=>0));const[ready,setReady]=useState5(false);const[failed,setFailed]=useState5(false);useEffect4(()=>{const el=ref.current;if(!el||!enabled)return;let raf=0;let analyser=null;let dead=false;function connect(){if(dead||analyser)return;const media=ref.current;if(!media)return;try{let entry=SOURCES.get(media);if(!entry){const Ctx2=window.AudioContext??window.webkitAudioContext;if(!Ctx2)throw new Error("\u0645\u0627\u0641\u064A\u0634 Web Audio");const ctx=new Ctx2;const source=ctx.createMediaElementSource(media);source.connect(ctx.destination);entry={ctx,source};SOURCES.set(media,entry)}void entry.ctx.resume();analyser=entry.ctx.createAnalyser();analyser.fftSize=1024;analyser.smoothingTimeConstant=.75;entry.source.connect(analyser);setReady(true);loop()}catch{setFailed(true)}}const spectrum=new Uint8Array(512);const wave=new Uint8Array(1024);let peak=.02;function loop(){if(dead||!analyser)return;analyser.getByteFrequencyData(spectrum);analyser.getByteTimeDomainData(wave);let sum=0;for(let i=0;i<wave.length;i++){const v=(wave[i]-128)/128;sum+=v*v}const rms=Math.sqrt(sum/wave.length);peak=Math.max(rms,peak*.995);level.current=Math.min(1,rms/Math.max(peak,.015));const out=[];for(let b=0;b<bands;b++){const from=Math.floor(spectrum.length**(b/bands))-1;const to=Math.floor(spectrum.length**((b+1)/bands));let peak2=0;for(let i=Math.max(0,from);i<to;i++){if(spectrum[i]>peak2)peak2=spectrum[i]}out.push(peak2/255)}bandsRef.current=out;raf=requestAnimationFrame(loop)}el.addEventListener("play",connect);if(!el.paused)connect();return()=>{dead=true;cancelAnimationFrame(raf);el.removeEventListener("play",connect);analyser?.disconnect()}},[ref,bands,enabled]);return{level,bands:bandsRef,ready,failed}}import{createContext,useCallback as useCallback4,useContext,useEffect as useEffect7,useMemo as useMemo2,useRef as useRef8,useState as useState8}from"react";import{useEffect as useEffect5,useLayoutEffect,useRef as useRef6,useState as useState6}from"react";import{X as X2}from"lucide-react";import{jsx as jsx4,jsxs as jsxs4}from"react/jsx-runtime";var GAP2=10;var EDGE=12;var WIDTH=264;function CoachHintSurface({item,onClose}){const ui=useUIText();const anchors=useCoachAnchors();const box=useRef6(null);const[pos,setPos]=useState6(null);const anchorId=item.where?.anchor;const gone=anchorId!==void 0&&!anchors.get(anchorId);useLayoutEffect(()=>{if(!anchorId)return;const el=anchors.get(anchorId);if(!el)return;function place(){const target=anchors.get(anchorId);const self=box.current;if(!target||!self)return;const a=target.getBoundingClientRect();const h=self.offsetHeight;const below=a.bottom+GAP2;const above=window.innerHeight-a.top+GAP2;const flip=below+h>window.innerHeight-EDGE&&above>below;const left=Math.min(window.innerWidth-WIDTH-EDGE,Math.max(EDGE,a.left+a.width/2-WIDTH/2));setPos({top:flip?a.top-h-GAP2:a.bottom+GAP2,left,above:flip})}place();window.addEventListener("scroll",place,true);window.addEventListener("resize",place);return()=>{window.removeEventListener("scroll",place,true);window.removeEventListener("resize",place)}},[anchorId,anchors]);useEffect5(()=>{if(!anchorId)return;const el=anchors.get(anchorId);if(!el)return;const prev=el.style.boxShadow;el.style.boxShadow="0 0 0 3px var(--color-soft), 0 0 0 4px var(--color-brand)";el.style.borderRadius=el.style.borderRadius||"var(--radius-field)";return()=>{el.style.boxShadow=prev}},[anchorId,anchors]);useEffect5(()=>{if(gone)onClose()},[gone,onClose]);useEffect5(()=>{const onKey=e=>{if(e.key==="Escape")onClose()};document.addEventListener("keydown",onKey);return()=>document.removeEventListener("keydown",onKey)},[onClose]);if(gone)return null;return jsxs4("div",{ref:box,role:"status",style:{width:WIDTH,top:pos?.top??-9999,left:pos?.left??-9999},className:cn("fixed z-[80] rounded-card border border-line bg-surface shadow-pop p-3 flex flex-col gap-1.5","animate-qfade",pos?"opacity-100":"opacity-0"),children:[jsxs4("div",{className:"flex items-start gap-2",children:[jsxs4("span",{className:"flex-1 min-w-0 flex flex-col gap-1",children:[item.title&&jsx4("span",{className:"text-ui font-extrabold text-ink",children:item.title}),jsx4("span",{className:"text-caption leading-[1.75] text-ink2 [text-wrap:pretty]",children:item.text})]}),jsx4("button",{type:"button","aria-label":ui.close,onClick:onClose,className:"size-6 -me-1 -mt-0.5 rounded-xs flex items-center justify-center text-muted hover:text-ink hover:bg-hover cursor-pointer transition-colors shrink-0",children:jsx4(X2,{size:13,"aria-hidden":"true"})})]}),jsx4("span",{"aria-hidden":"true",className:cn("absolute start-1/2 -ms-1.5 size-3 rotate-45 bg-surface border-line",pos?.above?"-bottom-1.5 border-e border-b":"-top-1.5 border-s border-t")})]})}import{useEffect as useEffect6,useRef as useRef7,useState as useState7}from"react";import{X as X3}from"lucide-react";import{Fragment,jsx as jsx5,jsxs as jsxs5}from"react/jsx-runtime";function CoachAudioSurface({item,onClose,orb,region}){const ui=useUIText();const box={top:0,bottom:0,insetInlineStart:0,insetInlineEnd:0,...region};const anchors=useCoachAnchors();const[time,setTime]=useState7(0);const wrap=useRef7(null);const level=useRef7(0);const active=item.lines.findIndex(l=>time>=l.start&&time<l.end);const line=active>=0?item.lines[active]:item.lines[0];useEffect6(()=>{const onKey=e=>{if(e.key==="Escape")onClose()};document.addEventListener("keydown",onKey);return()=>document.removeEventListener("keydown",onKey)},[onClose]);useEffect6(()=>{const el=wrap.current?.querySelector("audio");if(!el)return;const onTime=()=>setTime(el.currentTime);el.addEventListener("timeupdate",onTime);return()=>el.removeEventListener("timeupdate",onTime)},[]);useEffect6(()=>{const id=item.where?.anchor;if(!id)return;const el=anchors.get(id);if(!el)return;const prev=el.style.boxShadow;el.style.boxShadow="0 0 0 3px var(--color-soft), 0 0 0 4px var(--color-brand)";return()=>{el.style.boxShadow=prev}},[item,anchors]);useEffect6(()=>{if(!orb)return;let raf=0;let alive=true;let peaks=null;void(async()=>{try{const Ctx2=window.AudioContext??window.webkitAudioContext;if(!Ctx2)return;const raw=await(await fetch(item.src)).arrayBuffer();const ctx=new Ctx2;const buffer=await ctx.decodeAudioData(raw);void ctx.close();if(!alive)return;const data=buffer.getChannelData(0);const BUCKETS=600;const per=Math.floor(data.length/BUCKETS);const out=new Float32Array(BUCKETS);for(let i=0;i<BUCKETS;i++){let sum=0;for(let j=0;j<per;j++){const v=data[i*per+j];sum+=v*v}out[i]=Math.min(1,Math.sqrt(sum/per)*3.2)}peaks=out}catch{}})();const el=wrap.current?.querySelector("audio");const loop=()=>{if(peaks&&el&&el.duration>0){const i=Math.floor(el.currentTime/el.duration*peaks.length);level.current=peaks[Math.min(i,peaks.length-1)]??0}raf=requestAnimationFrame(loop)};loop();return()=>{alive=false;cancelAnimationFrame(raf)}},[item.src,orb]);return jsxs5(Fragment,{children:[jsx5("button",{type:"button","aria-label":ui.closeExplainer,onClick:onClose,style:box,className:"fixed z-[78] bg-night/25 backdrop-blur-[1.5px] cursor-pointer animate-qfade"}),jsxs5("div",{ref:wrap,style:box,className:"fixed z-[79] flex flex-col pointer-events-none",children:[orb&&jsx5("div",{"aria-hidden":"true",className:"flex-1 min-h-0 flex items-center justify-center animate-qfade",children:orb(level)}),jsx5("div",{className:"shrink-0 pointer-events-auto animate-tip-up",role:"region","aria-label":item.headline,children:jsx5("div",{className:"bg-surface border-t border-line shadow-sheet",children:jsxs5("div",{className:"mx-auto max-w-shell px-[22px] py-3 flex flex-col gap-2.5",children:[jsxs5("div",{className:"flex items-center gap-2.5",children:[jsx5("span",{"aria-live":"polite",className:"flex-1 min-w-0 text-ui font-bold leading-[1.7] text-ink [text-wrap:pretty]",children:line?.text}),jsx5("button",{type:"button","aria-label":ui.close,onClick:onClose,className:"size-8 rounded-sm flex items-center justify-center text-muted hover:text-ink hover:bg-hover cursor-pointer transition-colors shrink-0",children:jsx5(X3,{size:15,"aria-hidden":"true"})})]}),jsx5(AudioPlayer,{src:item.src,title:item.headline,meta:item.meta})]})})})]})]})}import{jsx as jsx6,jsxs as jsxs6}from"react/jsx-runtime";var Ctx=createContext(null);var AnchorCtx=createContext(null);function useCoachAnchors(){const ctx=useContext(AnchorCtx);if(!ctx)throw new Error("<Coach> \u0644\u0627\u0632\u0645 \u064A\u0643\u0648\u0646 \u062C\u0648\u0651\u0647 <CoachProvider>");return ctx}function readSeen(key){try{return JSON.parse(localStorage.getItem(key)??"[]")}catch{return[]}}function CoachProvider({items,path,orb,region,storageKey="qumra-coach-seen",disabled,children}){const[seenIds,setSeenIds]=useState8(()=>readSeen(storageKey));const[openId,setOpenId]=useState8(null);const[openPath,setOpenPath]=useState8(path);const shownId=openPath===path?openId:null;const anchors=useRef8(new Map);const anchorApi=useMemo2(()=>({set:(id,el)=>{if(el)anchors.current.set(id,el);else anchors.current.delete(id)},get:id=>anchors.current.get(id)??null}),[]);const markSeen=useCallback4(id=>{setSeenIds(prev=>{if(prev.includes(id))return prev;const next=[...prev,id];try{localStorage.setItem(storageKey,JSON.stringify(next))}catch{}return next})},[storageKey]);const close=useCallback4(()=>{setOpenId(id=>{if(id)markSeen(id);return null})},[markSeen]);useEffect7(()=>{if(disabled)return;const candidate=items.find(it=>(it.when??"enter")!=="manual"&&(it.where?.path===void 0||it.where.path===path)&&!seenIds.includes(it.id));if(!candidate)return;const when=candidate.when??"enter";const delay=when.startsWith("idle:")?Number(when.slice(5,-1))*1e3:0;const timer=setTimeout(()=>{setOpenId(candidate.id);setOpenPath(path)},delay);return()=>clearTimeout(timer)},[items,path,disabled]);const api=useMemo2(()=>({show:id=>{if(disabled||seenIds.includes(id))return;setOpenId(id);setOpenPath(path)},replay:id=>{setOpenId(id);setOpenPath(path)},close,current:items.find(it=>it.id===shownId)??null,seen:id=>seenIds.includes(id),reset:()=>{setSeenIds([]);try{localStorage.removeItem(storageKey)}catch{}}}),[items,shownId,path,seenIds,close,disabled,storageKey]);const current=api.current;return jsx6(AnchorCtx.Provider,{value:anchorApi,children:jsxs6(Ctx.Provider,{value:api,children:[children,current?.kind==="hint"&&jsx6(CoachHintSurface,{item:current,onClose:close}),current?.kind==="audio"&&jsx6(CoachAudioSurface,{item:current,onClose:close,orb,region})]})})}function useCoach(){const ctx=useContext(Ctx);if(!ctx)throw new Error("useCoach \u0644\u0627\u0632\u0645 \u064A\u062A\u0646\u0627\u062F\u0649 \u062C\u0648\u0651\u0647 <CoachProvider>");return ctx}function useCoachOptional(){return useContext(Ctx)}import{cloneElement,isValidElement,useEffect as useEffect8,useRef as useRef9}from"react";import{jsx as jsx7}from"react/jsx-runtime";function Coach({id,asChild,children}){const anchors=useCoachAnchors();const own=useRef9(null);useEffect8(()=>{if(asChild)return;const el=own.current?.firstElementChild??own.current;anchors.set(id,el);return()=>anchors.set(id,null)},[id,anchors,asChild]);if(asChild&&isValidElement(children)){return cloneElement(children,{ref:el=>anchors.set(id,el)})}return jsx7("span",{ref:own,className:"contents",children})}var coachSeconds=item=>item.lines[item.lines.length-1]?.end??0;import{Info}from"lucide-react";import{jsx as jsx8,jsxs as jsxs7}from"react/jsx-runtime";function Badge({children,tone="neutral",variant="soft",size="md",dot,icon,className}){return jsxs7("span",{className:cn("inline-flex items-center gap-1.5 rounded-full font-bold whitespace-nowrap",size==="sm"?"text-micro px-2 py-0.5":"text-caption px-2.5 py-1",variant==="solid"?TONE_SOLID[tone]:TONE_SOFT[tone],className),children:[dot&&jsx8("span",{"aria-hidden":"true",className:"size-1.5 rounded-full bg-current shrink-0"}),icon,children]})}function Counter({value,max=99}){if(value<=0)return null;return jsx8("span",{"data-num":true,dir:"ltr",className:"inline-flex items-center justify-center min-w-[18px] h-[18px] px-1.5 rounded-full bg-danger text-white text-micro font-extrabold leading-none",children:value>max?`${max}+`:value})}var AVATAR_SIZES={xs:"size-7 text-micro",sm:"size-9 text-ui",md:"size-11 text-body",lg:"size-14 text-h4"};function initials(name){return name.trim().split(/\s+/).slice(0,2).map(w=>w[0]).join("")}function Avatar({name,src,size="md",square,className}){const shape=square?"rounded-field":"rounded-full";if(src){return jsx8("img",{src,alt:name,loading:"lazy",className:cn("object-cover border border-line shrink-0",shape,AVATAR_SIZES[size],className)})}return jsx8("span",{role:"img","aria-label":name,className:cn("flex items-center justify-center font-extrabold bg-soft text-brand-ink shrink-0",shape,AVATAR_SIZES[size],className),children:initials(name)})}function StatCard({icon:Icon,tile=false,tone="brand",label,value,hint,coachId,className}){const ui=useUIText();const coach=useCoachOptional();const explained=Boolean(coachId&&coach);const body=jsxs7("div",{className:cn("relative bg-surface border border-line rounded-card p-4 flex flex-col gap-2",className),children:[jsxs7("span",{className:"flex items-center gap-2.5",children:[Icon&&(tile?jsx8(Icon,{size:30,"aria-hidden":"true"}):jsx8("span",{"aria-hidden":"true",className:cn("size-[30px] rounded-sm flex items-center justify-center shrink-0",TONE_SOFT[tone]),children:jsx8(Icon,{size:15,strokeWidth:2})})),jsx8("span",{className:"text-ui text-muted",children:label}),explained&&jsx8("button",{type:"button",onClick:()=>coach.replay(coachId),"aria-label":typeof label==="string"?`\u0645\u0627 \u0645\u0639\u0646\u0649 \xAB${label}\xBB\u061F`:"\u0645\u0627 \u0645\u0639\u0646\u0649 \u0647\u0630\u0627 \u0627\u0644\u0631\u0642\u0645\u061F",title:ui.whatIsThisNumber,className:cn("ms-auto -me-1 -mt-1 size-7 rounded-full shrink-0 flex items-center justify-center","text-brand cursor-pointer transition-colors","hover:bg-soft hover:text-brand-hover","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand"),children:jsx8(Info,{size:15,strokeWidth:2,"aria-hidden":"true"})})]}),jsx8("span",{"data-num":true,className:"text-h3 font-extrabold leading-none whitespace-nowrap",children:value}),hint&&jsx8("span",{className:"text-micro text-muted2",children:hint})]});return explained?jsx8(Coach,{id:coachId,children:body}):body}function Card({children,padded=true,className}){return jsx8("div",{className:cn("bg-surface border border-line rounded-card",padded?"p-5":"overflow-clip",className),children})}function CardHeader({title,description,action,coachId}){const ui=useUIText();const coach=useCoachOptional();const explained=Boolean(coachId&&coach);const head=jsxs7("div",{className:"flex items-start justify-between gap-4",children:[jsxs7("div",{className:"flex flex-col gap-1 min-w-0",children:[jsx8("h3",{className:"text-lead font-extrabold text-ink m-0",children:title}),description&&jsx8("p",{className:"text-ui text-muted m-0",children:description})]}),(action||explained)&&jsxs7("div",{className:"shrink-0 flex items-center gap-1.5",children:[action,explained&&jsx8("button",{type:"button",onClick:()=>coach.replay(coachId),"aria-label":typeof title==="string"?`\u0645\u0627 \u0645\u0639\u0646\u0649 \xAB${title}\xBB\u061F`:"\u0645\u0627 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645\u061F",title:ui.explainToMe,className:cn("size-7 rounded-full shrink-0 flex items-center justify-center","text-brand cursor-pointer transition-colors","hover:bg-soft hover:text-brand-hover","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand"),children:jsx8(Info,{size:15,strokeWidth:2,"aria-hidden":"true"})})]})]});return explained?jsx8(Coach,{id:coachId,children:head}):head}function PageHeader({title,hint,actions}){return jsxs7("div",{className:"flex items-start justify-between gap-3.5 flex-wrap",children:[jsxs7("div",{className:"flex flex-col gap-1 min-w-0",children:[jsx8("h1",{className:"text-h3 font-black text-ink m-0 [text-wrap:balance]",children:title}),hint&&jsx8("p",{className:"text-ui text-muted m-0 [text-wrap:pretty]",children:hint})]}),actions&&jsx8("div",{className:"flex items-center gap-2.5 min-w-0 flex-wrap",children:actions})]})}function Progress({value,max=100,label,tone="brand",className}){const safe=Math.min(max,Math.max(0,value));const pct=safe/max*100;const fill={neutral:"bg-muted2",brand:"bg-brand",amber:"bg-amber",green:"bg-green-solid",red:"bg-danger",violet:"bg-violet-solid"};return jsxs7("div",{className:cn("flex flex-col gap-1.5",className),children:[label&&jsxs7("span",{className:"flex items-center justify-between gap-3 text-caption",children:[jsx8("span",{className:"text-ink2",children:label}),jsxs7("span",{"data-num":true,className:"text-muted font-bold",children:[Math.round(pct),"%"]})]}),jsx8("span",{role:"progressbar","aria-valuenow":safe,"aria-valuemin":0,"aria-valuemax":max,className:"h-1.5 rounded-full bg-hover overflow-clip block",children:jsx8("span",{className:cn("block h-full rounded-full transition-[width] duration-500",fill[tone]),style:{width:`${pct}%`}})})]})}function Skeleton({variant="text",width,className}){return jsx8("span",{"aria-hidden":"true",style:{width},className:cn("block bg-skeleton animate-skeleton",variant==="text"&&"h-3.5 rounded-xs w-full",variant==="block"&&"h-20 rounded-field w-full",variant==="circle"&&"size-10 rounded-full",className)})}export{useMedia,formatTime,Scrubber,VideoPlayer,AudioPlayer,useAudioLevel,CoachProvider,useCoach,useCoachOptional,Coach,coachSeconds,Badge,Counter,Avatar,StatCard,Card,CardHeader,PageHeader,Progress,Skeleton};
2
+ import{TONE_SOFT,TONE_SOLID,cn,useUIText}from"./chunk-P55JZZGN.js";import{useCallback,useEffect,useRef,useState}from"react";var INITIAL={playing:false,time:0,duration:0,buffered:0,volume:1,muted:false,rate:1,waiting:false,ended:false};function useMedia(){const ref=useRef(null);const[state,setState]=useState(INITIAL);useEffect(()=>{const el=ref.current;if(!el)return;const patch=p=>setState(s=>({...s,...p}));const onTime=()=>{let end=0;const b=el.buffered;for(let i=0;i<b.length;i++){if(b.start(i)<=el.currentTime&&el.currentTime<=b.end(i))end=b.end(i)}patch({time:el.currentTime,buffered:end})};const onMeta=()=>patch({duration:Number.isFinite(el.duration)?el.duration:0,ended:false});const onPlay=()=>patch({playing:true,ended:false});const onPause=()=>patch({playing:false});const onEnded=()=>patch({playing:false,ended:true});const onWaiting=()=>patch({waiting:true});const onPlaying=()=>patch({waiting:false,playing:true});const onVolume=()=>patch({volume:el.volume,muted:el.muted});const onRate=()=>patch({rate:el.playbackRate});el.addEventListener("timeupdate",onTime);el.addEventListener("progress",onTime);el.addEventListener("loadedmetadata",onMeta);el.addEventListener("durationchange",onMeta);el.addEventListener("play",onPlay);el.addEventListener("pause",onPause);el.addEventListener("ended",onEnded);el.addEventListener("waiting",onWaiting);el.addEventListener("playing",onPlaying);el.addEventListener("volumechange",onVolume);el.addEventListener("ratechange",onRate);if(el.readyState>=1)onMeta();return()=>{el.removeEventListener("timeupdate",onTime);el.removeEventListener("progress",onTime);el.removeEventListener("loadedmetadata",onMeta);el.removeEventListener("durationchange",onMeta);el.removeEventListener("play",onPlay);el.removeEventListener("pause",onPause);el.removeEventListener("ended",onEnded);el.removeEventListener("waiting",onWaiting);el.removeEventListener("playing",onPlaying);el.removeEventListener("volumechange",onVolume);el.removeEventListener("ratechange",onRate)}},[]);useEffect(()=>{if(!state.playing)return;let raf=0;const tick=()=>{const el=ref.current;if(el)setState(s=>s.time===el.currentTime?s:{...s,time:el.currentTime});raf=requestAnimationFrame(tick)};raf=requestAnimationFrame(tick);return()=>cancelAnimationFrame(raf)},[state.playing]);const toggle=useCallback(()=>{const el=ref.current;if(!el)return;if(el.paused)void el.play();else el.pause()},[]);const seek=useCallback(to=>{const el=ref.current;if(!el)return;el.currentTime=Math.max(0,Math.min(to,el.duration||0))},[]);const skip=useCallback(by=>{const el=ref.current;if(el)seek(el.currentTime+by)},[seek]);const setVolume=useCallback(v=>{const el=ref.current;if(!el)return;el.volume=Math.max(0,Math.min(1,v));if(el.volume>0)el.muted=false},[]);const toggleMute=useCallback(()=>{const el=ref.current;if(el)el.muted=!el.muted},[]);const setRate=useCallback(r=>{const el=ref.current;if(el)el.playbackRate=r},[]);return{ref,state,toggle,seek,skip,setVolume,toggleMute,setRate}}function formatTime(seconds){if(!Number.isFinite(seconds)||seconds<0)return"0:00";const total=Math.floor(seconds);const s=total%60;const m=Math.floor(total/60)%60;const h=Math.floor(total/3600);const pad=n=>String(n).padStart(2,"0");return h>0?`${h}:${pad(m)}:${pad(s)}`:`${m}:${pad(s)}`}var RATES=[.5,.75,1,1.25,1.5,2];import{useCallback as useCallback2,useRef as useRef2,useState as useState2}from"react";import{jsx,jsxs}from"react/jsx-runtime";function Scrubber({time,duration,buffered,onSeek,chapters,label,size="md"}){const ui=useUIText();const bar=useRef2(null);const[hover,setHover]=useState2(null);const pct=duration>0?time/duration*100:0;const buf=duration>0?(buffered??0)/duration*100:0;const atPointer=useCallback2(clientX=>{const box=bar.current?.getBoundingClientRect();if(!box||duration<=0)return null;const ratio=Math.max(0,Math.min(1,(clientX-box.left)/box.width));return ratio*duration},[duration]);const h=size==="sm"?"h-1":"h-1.5";return jsxs("div",{dir:"ltr",className:"relative group/scrub w-full py-2 select-none",children:[hover!==null&&jsx("span",{"data-num":true,style:{insetInlineStart:`${hover/duration*100}%`},className:"absolute bottom-full mb-1 -translate-x-1/2 px-1.5 py-0.5 rounded-xs bg-night text-white text-micro font-bold pointer-events-none whitespace-nowrap",children:formatTime(hover)}),jsxs("div",{ref:bar,onMouseMove:e=>setHover(atPointer(e.clientX)),onMouseLeave:()=>setHover(null),className:cn("relative w-full rounded-full bg-white/25 overflow-visible",h),children:[jsx("span",{"aria-hidden":"true",style:{width:`${buf}%`},className:cn("absolute inset-y-0 start-0 rounded-full bg-white/30",h)}),jsx("span",{"aria-hidden":"true",style:{width:`${pct}%`},className:cn("absolute inset-y-0 start-0 rounded-full bg-brand",h)}),chapters?.map(c=>duration>0&&c.at>0&&c.at<duration?jsx("span",{title:c.title,"aria-hidden":"true",style:{insetInlineStart:`${c.at/duration*100}%`},className:"absolute inset-y-0 w-0.5 -translate-x-1/2 bg-night/50"},`${c.at}-${c.title}`):null),jsx("span",{"aria-hidden":"true",style:{insetInlineStart:`${pct}%`},className:"absolute top-1/2 -translate-y-1/2 -translate-x-1/2 size-3 rounded-full bg-white shadow-raise scale-0 transition-transform group-hover/scrub:scale-100 group-focus-within/scrub:scale-100"}),jsx("input",{type:"range",min:0,max:duration||0,step:.1,value:time,"aria-label":label??ui.playbackPosition,"aria-valuetext":`${formatTime(time)} \u0645\u0646 ${formatTime(duration)}`,onChange:e=>onSeek(Number(e.target.value)),className:"absolute inset-0 w-full h-full opacity-0 cursor-pointer"})]})]})}import{useCallback as useCallback3,useEffect as useEffect2,useRef as useRef3,useState as useState3}from"react";import{Gauge,Loader2,Maximize,Minimize,Pause,PictureInPicture2,Play,RotateCcw,RotateCw,Volume2,VolumeX,X}from"lucide-react";import{jsx as jsx2,jsxs as jsxs2}from"react/jsx-runtime";function CtrlButton({onClick,label,children,active}){return jsx2("button",{type:"button",onClick,"aria-label":label,title:label,className:cn("size-9 rounded-sm inline-flex items-center justify-center shrink-0 cursor-pointer transition-colors","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white",active?"bg-white/20 text-white":"text-white/80 hover:bg-white/15 hover:text-white"),children})}function SuggestionCard({item,wide}){return jsxs2("button",{type:"button",onClick:item.onSelect,className:cn("group/sug flex flex-col gap-1.5 text-start cursor-pointer shrink-0","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white rounded-sm",wide?"w-full":"w-40"),children:[jsxs2("span",{className:"relative block w-full aspect-video rounded-sm overflow-clip bg-white/10 border border-white/15 transition-colors group-hover/sug:border-brand-100",children:[item.poster&&jsx2("img",{src:item.poster,alt:"",loading:"lazy",className:"w-full h-full object-cover"}),typeof item.duration==="number"&&jsx2("span",{"data-num":true,className:"absolute bottom-1 end-1 px-1 py-px rounded-xs bg-black/75 text-white text-micro font-bold",children:formatTime(item.duration)})]}),jsx2("span",{className:"text-caption font-bold text-white/90 leading-snug line-clamp-2 group-hover/sug:text-white",children:item.title})]})}function VideoPlayer({src,poster,title,chapters,captions,suggestions,suggestAt=10,autoPlay,loop,className}){const ui=useUIText();const{ref,state,toggle,seek,skip,setVolume,toggleMute,setRate}=useMedia();const shell=useRef3(null);const[full,setFull]=useState3(false);const[rateOpen,setRateOpen]=useState3(false);const[idle,setIdle]=useState3(false);const[dismissed,setDismissed]=useState3(false);const idleTimer=useRef3(void 0);const wake=useCallback3(()=>{setIdle(false);clearTimeout(idleTimer.current);idleTimer.current=setTimeout(()=>setIdle(true),2500)},[]);useEffect2(()=>{if(!state.playing)clearTimeout(idleTimer.current)},[state.playing]);useEffect2(()=>()=>clearTimeout(idleTimer.current),[]);useEffect2(()=>{const onFs=()=>setFull(document.fullscreenElement===shell.current);document.addEventListener("fullscreenchange",onFs);return()=>document.removeEventListener("fullscreenchange",onFs)},[]);async function toggleFull(){if(document.fullscreenElement)await document.exitFullscreen();else await shell.current?.requestFullscreen()}async function togglePip(){const el=ref.current;if(!el)return;if(document.pictureInPictureElement)await document.exitPictureInPicture();else await el.requestPictureInPicture()}const onKey=e=>{const keys=[" ","k","ArrowRight","ArrowLeft","ArrowUp","ArrowDown","m","f","j","l"];if(!keys.includes(e.key))return;e.preventDefault();wake();const el=ref.current;if(!el)return;switch(e.key){case" ":case"k":toggle();break;case"ArrowRight":case"l":skip(e.key==="l"?10:5);break;case"ArrowLeft":case"j":skip(e.key==="j"?-10:-5);break;case"ArrowUp":setVolume(el.volume+.1);break;case"ArrowDown":setVolume(el.volume-.1);break;case"m":toggleMute();break;case"f":void toggleFull();break}};const showChrome=!state.playing||!idle||state.ended;const has=Boolean(suggestions?.length);const remaining=state.duration-state.time;const nearEnd=state.duration>0&&remaining<=suggestAt&&!state.ended;const showStrip=has&&nearEnd&&!dismissed;const showEndScreen=has&&state.ended;return jsxs2("div",{ref:shell,role:"group","aria-label":title??ui.videoPlayer,tabIndex:0,onKeyDown:onKey,onMouseMove:wake,onMouseLeave:()=>state.playing&&setIdle(true),className:cn("relative bg-night rounded-card overflow-clip group/player","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand",full?"w-screen h-screen rounded-none":"w-full aspect-video",className),children:[jsx2("video",{ref,src,poster,autoPlay,loop,playsInline:true,onClick:toggle,className:"w-full h-full object-contain cursor-pointer bg-night",children:captions&&jsx2("track",{kind:"captions",src:captions,srcLang:"ar",label:ui.arabic,default:true})}),state.waiting&&jsx2("span",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:jsx2(Loader2,{size:40,className:"animate-spin text-white/90","aria-hidden":"true"})}),(!state.playing||state.ended)&&!state.waiting&&!showEndScreen&&jsx2("button",{type:"button",onClick:toggle,"aria-label":state.ended?"\u0634\u063A\u0651\u0644 \u0645\u0646 \u0627\u0644\u0623\u0648\u0644":"\u062A\u0634\u063A\u064A\u0644",className:"absolute inset-0 flex items-center justify-center cursor-pointer group/big",children:jsx2("span",{className:"size-16 rounded-full bg-brand text-white flex items-center justify-center shadow-pop transition-transform group-hover/big:scale-110",children:state.ended?jsx2(RotateCcw,{size:26,"aria-hidden":"true"}):jsx2(Play,{size:28,className:"ml-1 icon-fixed",fill:"currentColor","aria-hidden":"true"})})}),title&&jsx2("div",{className:cn("absolute inset-x-0 top-0 p-4 bg-gradient-to-b from-black/70 to-transparent transition-opacity duration-200 pointer-events-none",showChrome?"opacity-100":"opacity-0"),children:jsx2("span",{className:"text-body font-extrabold text-white [text-wrap:balance]",children:title})}),showStrip&&jsx2("div",{className:"absolute inset-x-0 bottom-20 px-3 animate-[fade-in_.2s_ease-out]",children:jsxs2("div",{className:"flex items-end gap-3 p-3 rounded-card bg-black/70 backdrop-blur-sm border border-white/10",children:[jsxs2("div",{className:"flex flex-col gap-2 min-w-0 flex-1",children:[jsxs2("span",{className:"flex items-center gap-2 text-caption font-extrabold text-white/90",children:["\u0634\u0648\u0641 \u0643\u0645\u0627\u0646",jsxs2("span",{"data-num":true,className:"text-micro font-bold text-brand-100",children:["\u0627\u0644\u0645\u0642\u0637\u0639 \u0628\u064A\u062E\u0644\u0635 \u062E\u0644\u0627\u0644 ",Math.max(0,Math.ceil(remaining))," \u062B"]})]}),jsx2("div",{className:"flex gap-2.5 overflow-x-auto pb-1",children:suggestions?.slice(0,4).map(s=>jsx2(SuggestionCard,{item:s},s.id))})]}),jsx2("button",{type:"button",onClick:()=>setDismissed(true),"aria-label":ui.hideSuggestions,className:"size-8 rounded-sm shrink-0 flex items-center justify-center text-white/60 hover:bg-white/15 hover:text-white cursor-pointer transition-colors",children:jsx2(X,{size:16,"aria-hidden":"true"})})]})}),showEndScreen&&jsxs2("div",{className:"absolute inset-0 bg-night/92 backdrop-blur-sm flex flex-col gap-4 p-5 overflow-y-auto animate-[fade-in_.22s_ease-out]",children:[jsxs2("div",{className:"flex items-center justify-between gap-3 shrink-0",children:[jsx2("span",{className:"text-body font-extrabold text-white",children:ui.seeMore}),jsxs2("button",{type:"button",onClick:toggle,className:"inline-flex items-center gap-2 h-9 px-3.5 rounded-sm bg-white/10 text-white text-ui font-bold cursor-pointer transition-colors hover:bg-white/20",children:[jsx2(RotateCcw,{size:15,"aria-hidden":"true"}),"\u0634\u063A\u0651\u0644 \u0645\u0646 \u0627\u0644\u0623\u0648\u0644"]})]}),jsx2("div",{className:"grid gap-3 [grid-template-columns:repeat(auto-fill,minmax(150px,1fr))]",children:suggestions?.map(s=>jsx2(SuggestionCard,{item:s,wide:true},s.id))})]}),jsxs2("div",{className:cn("absolute inset-x-0 bottom-0 px-3 pb-2 pt-8 bg-gradient-to-t from-black/80 to-transparent transition-opacity duration-200",showChrome?"opacity-100":"opacity-0 pointer-events-none"),children:[jsx2(Scrubber,{time:state.time,duration:state.duration,buffered:state.buffered,onSeek:seek,chapters}),jsxs2("div",{className:"flex items-center gap-1 flex-wrap",children:[jsx2(CtrlButton,{onClick:toggle,label:state.playing?"\u0625\u064A\u0642\u0627\u0641 \u0645\u0624\u0642\u062A":"\u062A\u0634\u063A\u064A\u0644",children:state.playing?jsx2(Pause,{size:18,fill:"currentColor"}):jsx2(Play,{size:18,fill:"currentColor"})}),jsx2(CtrlButton,{onClick:()=>skip(-10),label:ui.back10,children:jsx2(RotateCcw,{size:17})}),jsx2(CtrlButton,{onClick:()=>skip(10),label:ui.forward10,children:jsx2(RotateCw,{size:17})}),jsxs2("span",{className:"flex items-center group/vol",children:[jsx2(CtrlButton,{onClick:toggleMute,label:state.muted?"\u062A\u0634\u063A\u064A\u0644 \u0627\u0644\u0635\u0648\u062A":"\u0643\u062A\u0645",children:state.muted||state.volume===0?jsx2(VolumeX,{size:18}):jsx2(Volume2,{size:18})}),jsx2("span",{className:"h-9 flex items-center overflow-clip w-0 group-hover/vol:w-20 focus-within:w-20 transition-[width] duration-200",children:jsx2("input",{type:"range",min:0,max:1,step:.05,value:state.muted?0:state.volume,onChange:e=>setVolume(Number(e.target.value)),"aria-label":ui.volume,dir:"ltr",className:"w-20 accent-brand cursor-pointer"})})]}),jsxs2("span",{"data-num":true,className:"px-2 text-caption font-bold text-white/90 whitespace-nowrap",children:[formatTime(state.time)," / ",formatTime(state.duration)]}),jsx2("span",{className:"flex-1"}),jsxs2("span",{className:"relative flex",children:[jsx2(CtrlButton,{onClick:()=>setRateOpen(v=>!v),label:ui.playbackSpeed,active:rateOpen,children:jsxs2("span",{className:"flex items-center gap-1",children:[jsx2(Gauge,{size:17}),state.rate!==1&&jsxs2("span",{"data-num":true,className:"text-micro font-extrabold",children:[state.rate,"\xD7"]})]})}),rateOpen&&jsx2("div",{className:"absolute bottom-full end-0 mb-2 py-1 rounded-card bg-night border border-white/15 shadow-pop min-w-20",children:RATES.map(r=>jsx2("button",{type:"button",onClick:()=>{setRate(r);setRateOpen(false)},className:cn("w-full px-3 py-1.5 text-ui text-center cursor-pointer transition-colors",r===state.rate?"text-brand-100 font-extrabold":"text-white/80 hover:bg-white/10"),children:jsxs2("span",{"data-num":true,children:[r,"\xD7"]})},r))})]}),"pictureInPictureEnabled"in document&&jsx2(CtrlButton,{onClick:()=>void togglePip(),label:ui.pictureInPicture,children:jsx2(PictureInPicture2,{size:17})}),jsx2(CtrlButton,{onClick:()=>void toggleFull(),label:full?"\u062E\u0631\u0648\u062C \u0645\u0646 \u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629":"\u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629",children:full?jsx2(Minimize,{size:17}):jsx2(Maximize,{size:17})})]})]})]})}import{memo,useEffect as useEffect3,useImperativeHandle,useMemo,useRef as useRef4,useState as useState4}from"react";import{Gauge as Gauge2,Loader2 as Loader22,Pause as Pause2,Play as Play2,RotateCcw as RotateCcw2,RotateCw as RotateCw2,Volume2 as Volume22,VolumeX as VolumeX2}from"lucide-react";import{jsx as jsx3,jsxs as jsxs3}from"react/jsx-runtime";var PEAKS_CACHE=new Map;var ANALYSIS_BUCKETS=512;var BAR=3;var GAP=2;async function analyse(src,buckets){const cached=PEAKS_CACHE.get(src);if(cached!==void 0)return cached;try{const res=await fetch(src);const raw=await res.arrayBuffer();const Ctx2=window.AudioContext??window.webkitAudioContext;if(!Ctx2)throw new Error("\u0645\u0627\u0641\u064A\u0634 Web Audio");const ctx=new Ctx2;const buffer=await ctx.decodeAudioData(raw);const data=buffer.getChannelData(0);const per=Math.floor(data.length/buckets);const peaks=[];for(let i=0;i<buckets;i++){let max=0;for(let j=0;j<per;j++){const v=Math.abs(data[i*per+j]??0);if(v>max)max=v}peaks.push(max)}void ctx.close();const top=Math.max(...peaks,.01);const normalised=peaks.map(p=>p/top);PEAKS_CACHE.set(src,normalised);return normalised}catch{PEAKS_CACHE.set(src,null);return null}}var BarRow=memo(function BarRow2({peaks,color}){return jsx3("div",{"aria-hidden":"true",className:"absolute inset-0 flex items-center justify-between",style:{gap:GAP},children:peaks.map((p,i)=>jsx3("span",{style:{height:`${Math.max(8,p*100)}%`,width:BAR},className:cn("shrink-0 rounded-full",color)},i))})});function Waveform({peaks,time,duration,onSeek,bars,height=48}){const ui=useUIText();const box=useRef4(null);const[count,setCount]=useState4(bars??0);const[width,setWidth]=useState4(0);useEffect3(()=>{const el=box.current;if(!el)return;const measure=()=>{setWidth(el.clientWidth);if(!bars)setCount(Math.max(8,Math.floor(el.clientWidth/(BAR+GAP))))};measure();const ro=new ResizeObserver(measure);ro.observe(el);return()=>ro.disconnect()},[bars]);const shown=useMemo(()=>{if(count<=0)return[];const per=peaks.length/count;return Array.from({length:count},(_,i)=>{let max=0;for(let j=Math.floor(i*per);j<Math.floor((i+1)*per);j++){if(peaks[j]>max)max=peaks[j]}return max})},[peaks,count]);const played=duration>0?Math.min(1,time/duration):0;const grey=useMemo(()=>jsx3(BarRow,{peaks:shown,color:"bg-border/50"}),[shown]);const teal=useMemo(()=>jsx3(BarRow,{peaks:shown,color:"bg-brand"}),[shown]);return jsxs3("div",{dir:"ltr",className:"relative w-full",style:{height},children:[jsx3("div",{ref:box,className:"absolute inset-0",children:grey}),jsx3("div",{"aria-hidden":"true",className:"absolute inset-y-0 start-0 overflow-clip pointer-events-none",style:{width:`${played*100}%`},children:jsx3("div",{className:"relative h-full",style:{width:width||"100%"},children:teal})}),jsx3("input",{type:"range",min:0,max:duration||0,step:.1,value:time,"aria-label":ui.playbackPosition,"aria-valuetext":`${formatTime(time)} \u0645\u0646 ${formatTime(duration)}`,onChange:e=>onSeek(Number(e.target.value)),className:"absolute inset-0 w-full h-full opacity-0 cursor-pointer"})]})}function Btn({onClick,label,children,small}){return jsx3("button",{type:"button",onClick,"aria-label":label,title:label,className:cn("rounded-sm inline-flex items-center justify-center shrink-0 cursor-pointer transition-colors","text-muted hover:bg-hover hover:text-ink","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand",small?"size-8":"size-9"),children})}function AudioPlayer({src,title,meta,cover,variant="card",bars,onLevel,mediaRef,className}){const ui=useUIText();const{ref,state,toggle,seek,skip,setVolume,toggleMute,setRate}=useMedia();const[peaks,setPeaks]=useState4(null);const[analysing,setAnalysing]=useState4(false);const[rateOpen,setRateOpen]=useState4(false);const alive=useRef4(true);useEffect3(()=>{alive.current=true;return()=>{alive.current=false}},[]);useEffect3(()=>{if(variant==="row")return;let live=true;void Promise.resolve().then(()=>live&&setAnalysing(true));void analyse(src,ANALYSIS_BUCKETS).then(p=>{live=false;if(!alive.current)return;setPeaks(p);setAnalysing(false)})},[src,variant]);useImperativeHandle(mediaRef,()=>ref.current,[ref]);useEffect3(()=>{if(!onLevel)return;if(!peaks||state.duration<=0||!state.playing){onLevel(0);return}const i=Math.min(peaks.length-1,Math.floor(state.time/state.duration*peaks.length));onLevel(peaks[i]??0)},[onLevel,peaks,state.time,state.duration,state.playing]);const PlayBtn=jsx3("button",{type:"button",onClick:toggle,"aria-label":state.playing?"\u0625\u064A\u0642\u0627\u0641 \u0645\u0624\u0642\u062A":"\u062A\u0634\u063A\u064A\u0644",className:cn("rounded-full bg-brand text-white flex items-center justify-center shrink-0 cursor-pointer transition-colors hover:bg-brand-hover","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand",variant==="row"?"size-9":"size-11"),children:state.playing?jsx3(Pause2,{size:variant==="row"?16:18,fill:"currentColor","aria-hidden":"true"}):jsx3(Play2,{size:variant==="row"?16:18,className:"ml-0.5 icon-fixed",fill:"currentColor","aria-hidden":"true"})});const audio=jsx3("audio",{ref,src,preload:"metadata"});if(variant==="row"){return jsxs3("div",{className:cn("flex items-center gap-3 p-2.5 rounded-card border border-line bg-surface",className),children:[audio,PlayBtn,jsxs3("span",{className:"flex flex-col gap-1 flex-1 min-w-0",children:[title&&jsx3("span",{className:"text-ui font-bold text-ink truncate",children:title}),jsxs3("span",{dir:"ltr",className:"relative h-1 rounded-full bg-hover overflow-clip",children:[jsx3("span",{"aria-hidden":"true",style:{width:`${state.duration?state.time/state.duration*100:0}%`},className:"absolute inset-y-0 start-0 bg-brand rounded-full"}),jsx3("input",{type:"range",min:0,max:state.duration||0,step:.1,value:state.time,"aria-label":ui.playbackPosition,onChange:e=>seek(Number(e.target.value)),className:"absolute inset-0 w-full opacity-0 cursor-pointer"})]})]}),jsxs3("span",{"data-num":true,className:"text-micro text-muted2 shrink-0",children:[formatTime(state.time)," / ",formatTime(state.duration)]})]})}return jsxs3("div",{className:cn("flex flex-col gap-3.5 p-4 rounded-card border border-line bg-surface",className),children:[audio,(title||cover)&&jsxs3("div",{className:"flex items-center gap-3",children:[cover&&jsx3("img",{src:cover,alt:"",className:"size-12 rounded-sm object-cover border border-line shrink-0"}),jsxs3("span",{className:"flex flex-col gap-0.5 min-w-0",children:[title&&jsx3("span",{className:"text-body font-extrabold text-ink truncate",children:title}),meta&&jsx3("span",{className:"text-caption text-muted truncate",children:meta})]})]}),jsx3("div",{className:"min-h-12 flex items-center",children:analysing?jsxs3("span",{className:"w-full flex items-center justify-center gap-2 text-caption text-muted2",children:[jsx3(Loader22,{size:14,className:"animate-spin","aria-hidden":"true"}),"\u0628\u064A\u062D\u0644\u0651\u0644 \u0627\u0644\u0645\u0648\u062C\u0629\u2026"]}):peaks?jsx3(Waveform,{peaks,time:state.time,duration:state.duration,onSeek:seek,bars}):jsxs3("span",{dir:"ltr",className:"relative w-full h-1.5 rounded-full bg-hover",children:[jsx3("span",{"aria-hidden":"true",style:{width:`${state.duration?state.time/state.duration*100:0}%`},className:"absolute inset-y-0 start-0 bg-brand rounded-full"}),jsx3("input",{type:"range",min:0,max:state.duration||0,step:.1,value:state.time,"aria-label":ui.playbackPosition,onChange:e=>seek(Number(e.target.value)),className:"absolute inset-0 w-full opacity-0 cursor-pointer"})]})}),jsxs3("div",{className:"flex items-center gap-1 flex-wrap",children:[PlayBtn,jsx3(Btn,{onClick:()=>skip(-10),label:ui.back10,children:jsx3(RotateCcw2,{size:16})}),jsx3(Btn,{onClick:()=>skip(10),label:ui.forward10,children:jsx3(RotateCw2,{size:16})}),jsxs3("span",{className:"flex items-center group/vol",children:[jsx3(Btn,{onClick:toggleMute,label:state.muted?"\u062A\u0634\u063A\u064A\u0644 \u0627\u0644\u0635\u0648\u062A":"\u0643\u062A\u0645",children:state.muted||state.volume===0?jsx3(VolumeX2,{size:16}):jsx3(Volume22,{size:16})}),jsx3("span",{className:"h-9 flex items-center overflow-clip w-0 group-hover/vol:w-16 focus-within:w-16 transition-[width] duration-200",children:jsx3("input",{type:"range",min:0,max:1,step:.05,value:state.muted?0:state.volume,onChange:e=>setVolume(Number(e.target.value)),"aria-label":ui.volume,dir:"ltr",className:"w-16 accent-brand cursor-pointer"})})]}),jsxs3("span",{"data-num":true,className:"px-2 text-caption font-bold text-ink2 whitespace-nowrap",children:[formatTime(state.time)," / ",formatTime(state.duration)]}),jsx3("span",{className:"flex-1"}),jsxs3("span",{className:"relative flex",children:[jsx3(Btn,{onClick:()=>setRateOpen(v=>!v),label:ui.playbackSpeed,children:jsxs3("span",{className:"flex items-center gap-1",children:[jsx3(Gauge2,{size:16}),state.rate!==1&&jsxs3("span",{"data-num":true,className:"text-micro font-extrabold text-brand-ink",children:[state.rate,"\xD7"]})]})}),rateOpen&&jsx3("div",{className:"absolute bottom-full end-0 mb-2 py-1 rounded-card bg-surface border border-line shadow-panel min-w-20 z-20",children:RATES.map(r=>jsx3("button",{type:"button",onClick:()=>{setRate(r);setRateOpen(false)},className:cn("w-full px-3 py-1.5 text-ui text-center cursor-pointer transition-colors",r===state.rate?"bg-soft text-brand-ink font-extrabold":"text-ink2 hover:bg-hover"),children:jsxs3("span",{"data-num":true,children:[r,"\xD7"]})},r))})]})]})]})}import{useEffect as useEffect4,useRef as useRef5,useState as useState5}from"react";var SOURCES=new WeakMap;function useAudioLevel(ref,{bands=5,enabled=true}={}){const level=useRef5(0);const bandsRef=useRef5(Array.from({length:bands},()=>0));const[ready,setReady]=useState5(false);const[failed,setFailed]=useState5(false);useEffect4(()=>{const el=ref.current;if(!el||!enabled)return;let raf=0;let analyser=null;let dead=false;function connect(){if(dead||analyser)return;const media=ref.current;if(!media)return;try{let entry=SOURCES.get(media);if(!entry){const Ctx2=window.AudioContext??window.webkitAudioContext;if(!Ctx2)throw new Error("\u0645\u0627\u0641\u064A\u0634 Web Audio");const ctx=new Ctx2;const source=ctx.createMediaElementSource(media);source.connect(ctx.destination);entry={ctx,source};SOURCES.set(media,entry)}void entry.ctx.resume();analyser=entry.ctx.createAnalyser();analyser.fftSize=1024;analyser.smoothingTimeConstant=.75;entry.source.connect(analyser);setReady(true);loop()}catch{setFailed(true)}}const spectrum=new Uint8Array(512);const wave=new Uint8Array(1024);let peak=.02;function loop(){if(dead||!analyser)return;analyser.getByteFrequencyData(spectrum);analyser.getByteTimeDomainData(wave);let sum=0;for(let i=0;i<wave.length;i++){const v=(wave[i]-128)/128;sum+=v*v}const rms=Math.sqrt(sum/wave.length);peak=Math.max(rms,peak*.995);level.current=Math.min(1,rms/Math.max(peak,.015));const out=[];for(let b=0;b<bands;b++){const from=Math.floor(spectrum.length**(b/bands))-1;const to=Math.floor(spectrum.length**((b+1)/bands));let peak2=0;for(let i=Math.max(0,from);i<to;i++){if(spectrum[i]>peak2)peak2=spectrum[i]}out.push(peak2/255)}bandsRef.current=out;raf=requestAnimationFrame(loop)}el.addEventListener("play",connect);if(!el.paused)connect();return()=>{dead=true;cancelAnimationFrame(raf);el.removeEventListener("play",connect);analyser?.disconnect()}},[ref,bands,enabled]);return{level,bands:bandsRef,ready,failed}}import{createContext,useCallback as useCallback4,useContext,useEffect as useEffect7,useMemo as useMemo2,useRef as useRef8,useState as useState8}from"react";import{useEffect as useEffect5,useLayoutEffect,useRef as useRef6,useState as useState6}from"react";import{X as X2}from"lucide-react";import{jsx as jsx4,jsxs as jsxs4}from"react/jsx-runtime";var GAP2=10;var EDGE=12;var WIDTH=264;function CoachHintSurface({item,onClose}){const ui=useUIText();const anchors=useCoachAnchors();const box=useRef6(null);const[pos,setPos]=useState6(null);const anchorId=item.where?.anchor;const gone=anchorId!==void 0&&!anchors.get(anchorId);useLayoutEffect(()=>{if(!anchorId)return;const el=anchors.get(anchorId);if(!el)return;function place(){const target=anchors.get(anchorId);const self=box.current;if(!target||!self)return;const a=target.getBoundingClientRect();const h=self.offsetHeight;const below=a.bottom+GAP2;const above=window.innerHeight-a.top+GAP2;const flip=below+h>window.innerHeight-EDGE&&above>below;const left=Math.min(window.innerWidth-WIDTH-EDGE,Math.max(EDGE,a.left+a.width/2-WIDTH/2));setPos({top:flip?a.top-h-GAP2:a.bottom+GAP2,left,above:flip})}place();window.addEventListener("scroll",place,true);window.addEventListener("resize",place);return()=>{window.removeEventListener("scroll",place,true);window.removeEventListener("resize",place)}},[anchorId,anchors]);useEffect5(()=>{if(!anchorId)return;const el=anchors.get(anchorId);if(!el)return;const prev=el.style.boxShadow;el.style.boxShadow="0 0 0 3px var(--color-soft), 0 0 0 4px var(--color-brand)";el.style.borderRadius=el.style.borderRadius||"var(--radius-field)";return()=>{el.style.boxShadow=prev}},[anchorId,anchors]);useEffect5(()=>{if(gone)onClose()},[gone,onClose]);useEffect5(()=>{const onKey=e=>{if(e.key==="Escape")onClose()};document.addEventListener("keydown",onKey);return()=>document.removeEventListener("keydown",onKey)},[onClose]);if(gone)return null;return jsxs4("div",{ref:box,role:"status",style:{width:WIDTH,top:pos?.top??-9999,left:pos?.left??-9999},className:cn("fixed z-[80] rounded-card border border-line bg-surface shadow-pop p-3 flex flex-col gap-1.5","animate-qfade",pos?"opacity-100":"opacity-0"),children:[jsxs4("div",{className:"flex items-start gap-2",children:[jsxs4("span",{className:"flex-1 min-w-0 flex flex-col gap-1",children:[item.title&&jsx4("span",{className:"text-ui font-extrabold text-ink",children:item.title}),jsx4("span",{className:"text-caption leading-[1.75] text-ink2 [text-wrap:pretty]",children:item.text})]}),jsx4("button",{type:"button","aria-label":ui.close,onClick:onClose,className:"size-6 -me-1 -mt-0.5 rounded-xs flex items-center justify-center text-muted hover:text-ink hover:bg-hover cursor-pointer transition-colors shrink-0",children:jsx4(X2,{size:13,"aria-hidden":"true"})})]}),jsx4("span",{"aria-hidden":"true",className:cn("absolute start-1/2 -ms-1.5 size-3 rotate-45 bg-surface border-line",pos?.above?"-bottom-1.5 border-e border-b":"-top-1.5 border-s border-t")})]})}import{useEffect as useEffect6,useRef as useRef7,useState as useState7}from"react";import{X as X3}from"lucide-react";import{Fragment,jsx as jsx5,jsxs as jsxs5}from"react/jsx-runtime";function CoachAudioSurface({item,onClose,orb,region}){const ui=useUIText();const box={top:0,bottom:0,insetInlineStart:0,insetInlineEnd:0,...region};const anchors=useCoachAnchors();const[time,setTime]=useState7(0);const wrap=useRef7(null);const level=useRef7(0);const active=item.lines.findIndex(l=>time>=l.start&&time<l.end);const line=active>=0?item.lines[active]:item.lines[0];useEffect6(()=>{const onKey=e=>{if(e.key==="Escape")onClose()};document.addEventListener("keydown",onKey);return()=>document.removeEventListener("keydown",onKey)},[onClose]);useEffect6(()=>{const el=wrap.current?.querySelector("audio");if(!el)return;const onTime=()=>setTime(el.currentTime);el.addEventListener("timeupdate",onTime);return()=>el.removeEventListener("timeupdate",onTime)},[]);useEffect6(()=>{const id=item.where?.anchor;if(!id)return;const el=anchors.get(id);if(!el)return;const prev=el.style.boxShadow;el.style.boxShadow="0 0 0 3px var(--color-soft), 0 0 0 4px var(--color-brand)";return()=>{el.style.boxShadow=prev}},[item,anchors]);useEffect6(()=>{if(!orb)return;let raf=0;let alive=true;let peaks=null;void(async()=>{try{const Ctx2=window.AudioContext??window.webkitAudioContext;if(!Ctx2)return;const raw=await(await fetch(item.src)).arrayBuffer();const ctx=new Ctx2;const buffer=await ctx.decodeAudioData(raw);void ctx.close();if(!alive)return;const data=buffer.getChannelData(0);const BUCKETS=600;const per=Math.floor(data.length/BUCKETS);const out=new Float32Array(BUCKETS);for(let i=0;i<BUCKETS;i++){let sum=0;for(let j=0;j<per;j++){const v=data[i*per+j];sum+=v*v}out[i]=Math.min(1,Math.sqrt(sum/per)*3.2)}peaks=out}catch{}})();const el=wrap.current?.querySelector("audio");const loop=()=>{if(peaks&&el&&el.duration>0){const i=Math.floor(el.currentTime/el.duration*peaks.length);level.current=peaks[Math.min(i,peaks.length-1)]??0}raf=requestAnimationFrame(loop)};loop();return()=>{alive=false;cancelAnimationFrame(raf)}},[item.src,orb]);return jsxs5(Fragment,{children:[jsx5("button",{type:"button","aria-label":ui.closeExplainer,onClick:onClose,style:box,className:"fixed z-[78] bg-night/25 backdrop-blur-[1.5px] cursor-pointer animate-qfade"}),jsxs5("div",{ref:wrap,style:box,className:"fixed z-[79] flex flex-col pointer-events-none",children:[orb&&jsx5("div",{"aria-hidden":"true",className:"flex-1 min-h-0 flex items-center justify-center animate-qfade",children:orb(level)}),jsx5("div",{className:"shrink-0 pointer-events-auto animate-tip-up",role:"region","aria-label":item.headline,children:jsx5("div",{className:"bg-surface border-t border-line shadow-sheet",children:jsxs5("div",{className:"mx-auto max-w-shell px-[22px] py-3 flex flex-col gap-2.5",children:[jsxs5("div",{className:"flex items-center gap-2.5",children:[jsx5("span",{"aria-live":"polite",className:"flex-1 min-w-0 text-ui font-bold leading-[1.7] text-ink [text-wrap:pretty]",children:line?.text}),jsx5("button",{type:"button","aria-label":ui.close,onClick:onClose,className:"size-8 rounded-sm flex items-center justify-center text-muted hover:text-ink hover:bg-hover cursor-pointer transition-colors shrink-0",children:jsx5(X3,{size:15,"aria-hidden":"true"})})]}),jsx5(AudioPlayer,{src:item.src,title:item.headline,meta:item.meta})]})})})]})]})}import{jsx as jsx6,jsxs as jsxs6}from"react/jsx-runtime";var Ctx=createContext(null);var AnchorCtx=createContext(null);function useCoachAnchors(){const ctx=useContext(AnchorCtx);if(!ctx)throw new Error("<Coach> \u0644\u0627\u0632\u0645 \u064A\u0643\u0648\u0646 \u062C\u0648\u0651\u0647 <CoachProvider>");return ctx}function readSeen(key){try{return JSON.parse(localStorage.getItem(key)??"[]")}catch{return[]}}function CoachProvider({items,path,orb,region,storageKey="qumra-coach-seen",disabled,children}){const[seenIds,setSeenIds]=useState8(()=>readSeen(storageKey));const[openId,setOpenId]=useState8(null);const[openPath,setOpenPath]=useState8(path);const shownId=openPath===path?openId:null;const anchors=useRef8(new Map);const anchorApi=useMemo2(()=>({set:(id,el)=>{if(el)anchors.current.set(id,el);else anchors.current.delete(id)},get:id=>anchors.current.get(id)??null}),[]);const markSeen=useCallback4(id=>{setSeenIds(prev=>{if(prev.includes(id))return prev;const next=[...prev,id];try{localStorage.setItem(storageKey,JSON.stringify(next))}catch{}return next})},[storageKey]);const close=useCallback4(()=>{setOpenId(id=>{if(id)markSeen(id);return null})},[markSeen]);useEffect7(()=>{if(disabled)return;const candidate=items.find(it=>(it.when??"enter")!=="manual"&&(it.where?.path===void 0||it.where.path===path)&&!seenIds.includes(it.id));if(!candidate)return;const when=candidate.when??"enter";const delay=when.startsWith("idle:")?Number(when.slice(5,-1))*1e3:0;const timer=setTimeout(()=>{setOpenId(candidate.id);setOpenPath(path)},delay);return()=>clearTimeout(timer)},[items,path,disabled]);const api=useMemo2(()=>({show:id=>{if(disabled||seenIds.includes(id))return;setOpenId(id);setOpenPath(path)},replay:id=>{setOpenId(id);setOpenPath(path)},close,current:items.find(it=>it.id===shownId)??null,seen:id=>seenIds.includes(id),reset:()=>{setSeenIds([]);try{localStorage.removeItem(storageKey)}catch{}}}),[items,shownId,path,seenIds,close,disabled,storageKey]);const current=api.current;return jsx6(AnchorCtx.Provider,{value:anchorApi,children:jsxs6(Ctx.Provider,{value:api,children:[children,current?.kind==="hint"&&jsx6(CoachHintSurface,{item:current,onClose:close}),current?.kind==="audio"&&jsx6(CoachAudioSurface,{item:current,onClose:close,orb,region})]})})}function useCoach(){const ctx=useContext(Ctx);if(!ctx)throw new Error("useCoach \u0644\u0627\u0632\u0645 \u064A\u062A\u0646\u0627\u062F\u0649 \u062C\u0648\u0651\u0647 <CoachProvider>");return ctx}function useCoachOptional(){return useContext(Ctx)}import{cloneElement,isValidElement,useEffect as useEffect8,useRef as useRef9}from"react";import{jsx as jsx7}from"react/jsx-runtime";function Coach({id,asChild,children}){const anchors=useCoachAnchors();const own=useRef9(null);useEffect8(()=>{if(asChild)return;const el=own.current?.firstElementChild??own.current;anchors.set(id,el);return()=>anchors.set(id,null)},[id,anchors,asChild]);if(asChild&&isValidElement(children)){return cloneElement(children,{ref:el=>anchors.set(id,el)})}return jsx7("span",{ref:own,className:"contents",children})}var coachSeconds=item=>item.lines[item.lines.length-1]?.end??0;import{Info}from"lucide-react";import{jsx as jsx8,jsxs as jsxs7}from"react/jsx-runtime";function Badge({children,tone="neutral",variant="soft",size="md",dot,icon,className}){return jsxs7("span",{className:cn("inline-flex items-center gap-1.5 rounded-full font-bold whitespace-nowrap",size==="sm"?"text-micro px-2 py-0.5":"text-caption px-2.5 py-1",variant==="solid"?TONE_SOLID[tone]:TONE_SOFT[tone],className),children:[dot&&jsx8("span",{"aria-hidden":"true",className:"size-1.5 rounded-full bg-current shrink-0"}),icon,children]})}function Counter({value,max=99}){if(value<=0)return null;return jsx8("span",{"data-num":true,dir:"ltr",className:"inline-flex items-center justify-center min-w-[18px] h-[18px] px-1.5 rounded-full bg-danger text-white text-micro font-extrabold leading-none",children:value>max?`${max}+`:value})}var AVATAR_SIZES={xs:"size-7 text-micro",sm:"size-9 text-ui",md:"size-11 text-body",lg:"size-14 text-h4"};function initials(name){return name.trim().split(/\s+/).slice(0,2).map(w=>w[0]).join("")}function Avatar({name,src,size="md",square,className}){const shape=square?"rounded-field":"rounded-full";if(src){return jsx8("img",{src,alt:name,loading:"lazy",className:cn("object-cover border border-line shrink-0",shape,AVATAR_SIZES[size],className)})}return jsx8("span",{role:"img","aria-label":name,className:cn("flex items-center justify-center font-extrabold bg-soft text-brand-ink shrink-0",shape,AVATAR_SIZES[size],className),children:initials(name)})}function StatCard({icon:Icon,tile=false,tone="brand",label,value,hint,coachId,className}){const ui=useUIText();const coach=useCoachOptional();const explained=Boolean(coachId&&coach);const body=jsxs7("div",{className:cn("relative bg-surface border border-line rounded-card p-4 flex flex-col gap-2",className),children:[jsxs7("span",{className:"flex items-center gap-2.5",children:[Icon&&(tile?jsx8(Icon,{size:30,"aria-hidden":"true"}):jsx8("span",{"aria-hidden":"true",className:cn("size-[30px] rounded-sm flex items-center justify-center shrink-0",TONE_SOFT[tone]),children:jsx8(Icon,{size:15,strokeWidth:2})})),jsx8("span",{className:"text-ui text-muted",children:label}),explained&&jsx8("button",{type:"button",onClick:()=>coach.replay(coachId),"aria-label":typeof label==="string"?`\u0645\u0627 \u0645\u0639\u0646\u0649 \xAB${label}\xBB\u061F`:"\u0645\u0627 \u0645\u0639\u0646\u0649 \u0647\u0630\u0627 \u0627\u0644\u0631\u0642\u0645\u061F",title:ui.whatIsThisNumber,className:cn("ms-auto -me-1 -mt-1 size-7 rounded-full shrink-0 flex items-center justify-center","text-brand cursor-pointer transition-colors","hover:bg-soft hover:text-brand-hover","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand"),children:jsx8(Info,{size:15,strokeWidth:2,"aria-hidden":"true"})})]}),jsx8("span",{"data-num":true,className:"text-h3 font-extrabold leading-none whitespace-nowrap",children:value}),hint&&jsx8("span",{className:"text-micro text-muted2",children:hint})]});return explained?jsx8(Coach,{id:coachId,children:body}):body}function Card({children,padded=true,className}){return jsx8("div",{className:cn("bg-surface border border-line rounded-card",padded?"p-5":"overflow-clip",className),children})}function CardHeader({title,description,action,coachId}){const ui=useUIText();const coach=useCoachOptional();const explained=Boolean(coachId&&coach);const head=jsxs7("div",{className:"flex items-start justify-between gap-4",children:[jsxs7("div",{className:"flex flex-col gap-1 min-w-0",children:[jsx8("h3",{className:"text-lead font-extrabold text-ink m-0",children:title}),description&&jsx8("p",{className:"text-ui text-muted m-0",children:description})]}),(action||explained)&&jsxs7("div",{className:"shrink-0 flex items-center gap-1.5",children:[action,explained&&jsx8("button",{type:"button",onClick:()=>coach.replay(coachId),"aria-label":typeof title==="string"?`\u0645\u0627 \u0645\u0639\u0646\u0649 \xAB${title}\xBB\u061F`:"\u0645\u0627 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645\u061F",title:ui.explainToMe,className:cn("size-7 rounded-full shrink-0 flex items-center justify-center","text-brand cursor-pointer transition-colors","hover:bg-soft hover:text-brand-hover","focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand"),children:jsx8(Info,{size:15,strokeWidth:2,"aria-hidden":"true"})})]})]});return explained?jsx8(Coach,{id:coachId,children:head}):head}function PageHeader({title,hint,actions}){return jsxs7("div",{className:"flex items-start justify-between gap-3.5 flex-wrap",children:[jsxs7("div",{className:"flex flex-col gap-1 min-w-0",children:[jsx8("h1",{className:"text-h3 font-black text-ink m-0 [text-wrap:balance]",children:title}),hint&&jsx8("p",{className:"text-ui text-muted m-0 [text-wrap:pretty]",children:hint})]}),actions&&jsx8("div",{className:"flex items-center gap-2.5 min-w-0 flex-wrap",children:actions})]})}function Progress({value,max=100,label,tone="brand",className}){const safe=Math.min(max,Math.max(0,value));const pct=safe/max*100;const fill={neutral:"bg-muted2",brand:"bg-brand",amber:"bg-amber",green:"bg-green-solid",red:"bg-danger",violet:"bg-violet-solid"};return jsxs7("div",{className:cn("flex flex-col gap-1.5",className),children:[label&&jsxs7("span",{className:"flex items-center justify-between gap-3 text-caption",children:[jsx8("span",{className:"text-ink2",children:label}),jsxs7("span",{"data-num":true,className:"text-muted font-bold",children:[Math.round(pct),"%"]})]}),jsx8("span",{role:"progressbar","aria-valuenow":safe,"aria-valuemin":0,"aria-valuemax":max,className:"h-1.5 rounded-full bg-hover overflow-clip block",children:jsx8("span",{className:cn("block h-full rounded-full transition-[width] duration-500",fill[tone]),style:{width:`${pct}%`}})})]})}function Skeleton({variant="text",width,className}){return jsx8("span",{"aria-hidden":"true",style:{width},className:cn("block bg-skeleton animate-skeleton",variant==="text"&&"h-3.5 rounded-xs w-full",variant==="block"&&"h-20 rounded-field w-full",variant==="circle"&&"size-10 rounded-full",className)})}export{useMedia,formatTime,Scrubber,VideoPlayer,AudioPlayer,useAudioLevel,CoachProvider,useCoach,useCoachOptional,Coach,coachSeconds,Badge,Counter,Avatar,StatCard,Card,CardHeader,PageHeader,Progress,Skeleton};