@acedatacloud/nexior 3.277.1 → 3.277.2
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.
- package/dist/assets/{ApiCodeButton-8YzSdLWx.js → ApiCodeButton-_F8VGfz6.js} +1 -1
- package/dist/assets/{AskUserQuestionCard-nsK22sY7.js → AskUserQuestionCard-C-rgZ50J.js} +1 -1
- package/dist/assets/{Auth-DRhrQZY6.js → Auth-D0HnMvmY.js} +1 -1
- package/dist/assets/{Bare-Do_HisxP.js → Bare-COkwusIM.js} +1 -1
- package/dist/assets/{BotPlaceholder-CGjSVeUk.js → BotPlaceholder-CsbmSleA.js} +1 -1
- package/dist/assets/{BottomFooter-DMl3rPpW.js → BottomFooter-DMpMmqr4.js} +1 -1
- package/dist/assets/{Callback-Bz6GSuWa.js → Callback-Cllgoj6s.js} +1 -1
- package/dist/assets/{Console-DxlcFHl3.js → Console-C5hCQvvI.js} +1 -1
- package/dist/assets/{Consumption-BKLhsHgd.js → Consumption-sOdFzyTj.js} +1 -1
- package/dist/assets/{Conversation-BpUlvLwg.js → Conversation-D1MyUAvd.js} +2 -2
- package/dist/assets/{CopyToClipboard-Cx0LOUlj.js → CopyToClipboard-BWst2iVb.js} +1 -1
- package/dist/assets/{Detail-6xMgONUm.js → Detail-B0UTP8zE.js} +2 -2
- package/dist/assets/{Extra-CIY6q676.js → Extra-BpK_QuV5.js} +1 -1
- package/dist/assets/{FilePreview-DWn7VaIk.js → FilePreview-DxBIesog.js} +1 -1
- package/dist/assets/{Hailuo-jTsANDKz.js → Hailuo-Vq487_jN.js} +1 -1
- package/dist/assets/{History-UPQKY9mv.js → History-PzaVn0Qb.js} +1 -1
- package/dist/assets/{ImagePreview--SDvXZzb.js → ImagePreview-BONFD01I.js} +1 -1
- package/dist/assets/{ImageWrapper-CmewVMkV.js → ImageWrapper-DG9AFRn0.js} +1 -1
- package/dist/assets/{Index-Kc3Za46A.js → Index-B4gwMLQA.js} +1 -1
- package/dist/assets/Index-BC5RavEk.js +1 -0
- package/dist/assets/{Index-CWxWbL0g.js → Index-BH3zKDxE.js} +1 -1
- package/dist/assets/{Index-Dl1PE0QP.js → Index-BPP9LFNQ.js} +1 -1
- package/dist/assets/Index-BS8xKJbS.js +1 -0
- package/dist/assets/{Index-BXoTzH0F.js → Index-BSmwFdf3.js} +1 -1
- package/dist/assets/{Index-DYTm-GNN.js → Index-BYd_1Igk.js} +1 -1
- package/dist/assets/{Index-D8jnHygv.js → Index-BZd9sGXt.js} +1 -1
- package/dist/assets/{Index-BWdPzjh-.js → Index-BbQZOOMp.js} +1 -1
- package/dist/assets/{Index-baEFKopZ.js → Index-BclEWzuC.js} +1 -1
- package/dist/assets/{Index-84gbjpna.js → Index-Bgw66bG_.js} +1 -1
- package/dist/assets/{Index-9AGlB_au.js → Index-Bi4jTDTC.js} +1 -1
- package/dist/assets/{Index-DpYR6Sfv.js → Index-BnbPU1_5.js} +1 -1
- package/dist/assets/Index-C2AVojml.js +1 -0
- package/dist/assets/{Index-D1RdgHa_.js → Index-CMhi_OcN.js} +1 -1
- package/dist/assets/{Index-CVj4rTjm.js → Index-CTEt5y7l.js} +1 -1
- package/dist/assets/Index-Cq4bH0VX.js +1 -0
- package/dist/assets/{Index-CjNu4deI.js → Index-D82sk4fu.js} +1 -1
- package/dist/assets/Index-DTbtiksg.js +1 -0
- package/dist/assets/{Index-D9PJAquY.js → Index-DcZ5T2r-.js} +1 -1
- package/dist/assets/{Index-BKGx51e-.css → Index-Dv6QH5PC.css} +1 -1
- package/dist/assets/{Index-VxHVQlHG.js → Index-cKvDEGwi.js} +1 -1
- package/dist/assets/{Index-CVus44dD.js → Index-jUy6hwT5.js} +1 -1
- package/dist/assets/{Index-B-vaWx5A.js → Index-lZYFamZu.js} +1 -1
- package/dist/assets/Index-sMX_ReQd.js +1 -0
- package/dist/assets/{Index-BQ7z8P36.js → Index-vue5_YrA.js} +1 -1
- package/dist/assets/{Index-BXIF-RWG.js → Index-z7f9IBf3.js} +1 -1
- package/dist/assets/{Invitees-CV1hT6qL.js → Invitees-DLafR3-P.js} +1 -1
- package/dist/assets/{List-D9AJjFfi.js → List-6RiG5ZM_.js} +1 -1
- package/dist/assets/{List-BvYbsGMZ.js → List-DAHZF49n.js} +1 -1
- package/dist/assets/{List-Norajyml.js → List-DFYZobGA.js} +1 -1
- package/dist/assets/{Main-GI82KBnh.js → Main-B3Nil7ov.js} +1 -1
- package/dist/assets/{Model-16AzQ58m.js → Model-BOm-GsCG.js} +1 -1
- package/dist/assets/{Navigator-D8Wzqu62.js → Navigator-Jxq0iAHr.js} +2 -2
- package/dist/assets/{NoTasks-l_P0QgKI.js → NoTasks-DFKN-WpO.js} +1 -1
- package/dist/assets/{NotFound-DRMuoYVd.js → NotFound-CnH4FiVv.js} +1 -1
- package/dist/assets/{Pagination-DqEvDqEC.js → Pagination-D-Qrewom.js} +1 -1
- package/dist/assets/{Pay-Co29OpCU.js → Pay-2FI1nMLX.js} +1 -1
- package/dist/assets/{Player-BiUwM2kG.js → Player-DEzAfNr3.js} +1 -1
- package/dist/assets/{Seedance-CN0ZvcFv.js → Seedance-DcogSBwZ.js} +1 -1
- package/dist/assets/{Status-BEFWDnq9.js → Status-mQt-bcni.js} +1 -1
- package/dist/assets/{Subscribe-DFAR5MgJ.js → Subscribe-BFZrNxkZ.js} +1 -1
- package/dist/assets/{TabSwitcher-CG60fKzQ.js → TabSwitcher-DnOx9vbA.js} +1 -1
- package/dist/assets/{Tts-CKyvoPlt.js → Tts-CGJWvjIh.js} +1 -1
- package/dist/assets/{VideoPlayer-BtXLkAAR.js → VideoPlayer-BsOg3z0K.js} +1 -1
- package/dist/assets/{avatar-lihDYhEX.js → avatar-eI_WspJB.js} +1 -1
- package/dist/assets/{basic-DIGC5On1.js → basic-Cy1YlYE1.js} +1 -1
- package/dist/assets/{chat-Cvd9rsSR.js → chat-Cd7LGowG.js} +1 -1
- package/dist/assets/codingBridge--XigVvyR.js +1 -0
- package/dist/assets/codingBridge-B-gY1N1A.js +1 -0
- package/dist/assets/codingBridge-B6CatBrM.js +1 -0
- package/dist/assets/codingBridge-B9OgVVtV.js +2 -0
- package/dist/assets/codingBridge-BPDUyHBH.js +1 -0
- package/dist/assets/codingBridge-Bvgssc71.js +1 -0
- package/dist/assets/codingBridge-CAhONS09.js +1 -0
- package/dist/assets/codingBridge-CkaxOr4j.js +1 -0
- package/dist/assets/codingBridge-CvB_AifV.js +1 -0
- package/dist/assets/codingBridge-D1WDrcmr.js +1 -0
- package/dist/assets/codingBridge-DAK6VumY.js +1 -0
- package/dist/assets/codingBridge-DI54WF2v.js +1 -0
- package/dist/assets/codingBridge-DMGrbAaR.js +1 -0
- package/dist/assets/codingBridge-DnLwm8Vn.js +1 -0
- package/dist/assets/codingBridge-GHfcAtW8.js +1 -0
- package/dist/assets/codingBridge-Oiwx8S44.js +1 -0
- package/dist/assets/codingBridge-iRMNlW_S.js +1 -0
- package/dist/assets/codingBridge-id8MUjk3.js +1 -0
- package/dist/assets/codingBridge-mfpuGC6b.js +1 -0
- package/dist/assets/{codingBridgeNotify-wulcISIB.js → codingBridgeNotify-BgO1-q2c.js} +2 -2
- package/dist/assets/{collapse-Dmu2GYt3.js → collapse-BF3bD3JQ.js} +1 -1
- package/dist/assets/{constants-C-bSXdJ_.js → constants-BVtW3DRs.js} +1 -1
- package/dist/assets/{createTaskActions-BlusFyDF.js → createTaskActions-CJFLOWRL.js} +1 -1
- package/dist/assets/{date-picker-BQ3bLfrE.js → date-picker-CQUJSKmg.js} +1 -1
- package/dist/assets/{dropdown-vKgqHRPn.js → dropdown-CmHI22Qk.js} +1 -1
- package/dist/assets/{esm-D5CKhKE5.js → esm-9Hz_oU09.js} +1 -1
- package/dist/assets/{esm-BkObZSGP.js → esm-B8UUARCy.js} +1 -1
- package/dist/assets/esm-BqhS-60O.js +1 -0
- package/dist/assets/{esm-18YwGFrg.js → esm-CAmisYjo.js} +2 -2
- package/dist/assets/{esm-p68kwW3W.js → esm-D7t-y-u1.js} +1 -1
- package/dist/assets/{esm-CIr9avGQ.js → esm-DMJZShgQ.js} +3 -3
- package/dist/assets/{esm-DSkRMMbX.js → esm-DngzeHVk.js} +2 -2
- package/dist/assets/{fish-BKtKfVFt.js → fish-DwUn-O3u.js} +1 -1
- package/dist/assets/{flux-BHptuJew.js → flux-Z9gWtdb-.js} +1 -1
- package/dist/assets/{grokvideo-BNmqrx7a.js → grokvideo-DeheY06v.js} +1 -1
- package/dist/assets/{hailuo-BL3cUsU4.js → hailuo-CxOeW5h-.js} +1 -1
- package/dist/assets/{headshots-ZghebsTv.js → headshots-DFzZRzeH.js} +1 -1
- package/dist/assets/{image-CWcemTUB.js → image-C6NwfMIr.js} +1 -1
- package/dist/assets/{index-BmC-XXKj.js → index-B2cLm6qN.js} +5 -5
- package/dist/assets/{index.browser.esm-BJm1NApd.js → index.browser.esm-Xp9wSEpI.js} +1 -1
- package/dist/assets/{index.es-Cawr8qgY.js → index.es-CtAdUuvy.js} +1 -1
- package/dist/assets/{input-number-lf5l-6Rs.js → input-number-CGajKQ5c.js} +1 -1
- package/dist/assets/{kling-C0V46HIX.js → kling-DmQ_HZxb.js} +1 -1
- package/dist/assets/{luma-Dt5EUxmk.js → luma--3nfPKkw.js} +1 -1
- package/dist/assets/{midjourney-UrHtOXuT.js → midjourney-BbyZ5iSG.js} +1 -1
- package/dist/assets/{nanobanana-ByYhUkA2.js → nanobanana-B4zl7XWD.js} +1 -1
- package/dist/assets/{openaiimage-IYFXzFLb.js → openaiimage-BYU8bU-f.js} +1 -1
- package/dist/assets/{pagination-B3P0PVH-.js → pagination-lmE1fJNh.js} +1 -1
- package/dist/assets/{pika-BE0KyZge.js → pika-DnH_-ozE.js} +1 -1
- package/dist/assets/{pixverse-DQSwTd9O.js → pixverse-B2M8mGrc.js} +1 -1
- package/dist/assets/{popover-pb4ZQ5wn.js → popover-CE7suPFv.js} +1 -1
- package/dist/assets/{producer-Dz1qOUNB.js → producer-Z11VfxX7.js} +1 -1
- package/dist/assets/{qrart-av7RaoP2.js → qrart-BZb2-4I8.js} +1 -1
- package/dist/assets/{row-DvxqZ877.js → row-CPUbrqBF.js} +1 -1
- package/dist/assets/{seedance-C-h-m6TK.js → seedance-bPnnoS8W.js} +1 -1
- package/dist/assets/{seedream-Bx7Kn4Rp.js → seedream-CohGukzG.js} +1 -1
- package/dist/assets/{select-BITgEgfP.js → select-DAa8odbM.js} +1 -1
- package/dist/assets/{serp-DzqNeSdI.js → serp-wL6frSWn.js} +1 -1
- package/dist/assets/{slider-EtRPxD2X.js → slider-Cm1_uMMy.js} +1 -1
- package/dist/assets/{solana-wallets-BY2b12bw.js → solana-wallets-7rbqiX2h.js} +2 -2
- package/dist/assets/{solana-wallets-vue-BhLdYmVf.js → solana-wallets-vue-DXB0bcIf.js} +1 -1
- package/dist/assets/{sora-NiHaB36E.js → sora-D7Hs_5OF.js} +1 -1
- package/dist/assets/{suno-Dag49Y0o.js → suno-CNnBIzRH.js} +1 -1
- package/dist/assets/{switch-DyO-foN-.js → switch-OayEB1u5.js} +1 -1
- package/dist/assets/{tabs-UUQ9uIYf.js → tabs-CczvvHUm.js} +1 -1
- package/dist/assets/{upload-DMzqzxP6.js → upload-C1A-s7Yk.js} +1 -1
- package/dist/assets/{veo-Bz9pEUS3.js → veo-C_9ZZPgC.js} +1 -1
- package/dist/assets/{wan-CVRGdpoR.js → wan-CzgADhR-.js} +1 -1
- package/dist/assets/{web-BxKaidPB.js → web-3p8KfgK2.js} +1 -1
- package/dist/assets/{web-CGDzHxq4.js → web-BGojYlRE.js} +1 -1
- package/dist/assets/{web-NdOMHV9T.js → web-BnS1ZvGW.js} +1 -1
- package/dist/assets/{web-D1b4Pjox.js → web-Bo0J-aov.js} +1 -1
- package/dist/assets/{web-Cg3QDtE3.js → web-CCI8ummo.js} +1 -1
- package/dist/assets/{webextrator-mxX-6NeJ.js → webextrator-DmkTce7c.js} +1 -1
- package/dist/index.html +2 -2
- package/package.json +1 -1
- package/dist/assets/Index-B237u6Yw.js +0 -1
- package/dist/assets/Index-B5u3ksH1.js +0 -1
- package/dist/assets/Index-CGV0FjKt.js +0 -1
- package/dist/assets/Index-DM6Sq_kC.js +0 -1
- package/dist/assets/Index-DUYu1oUt.js +0 -1
- package/dist/assets/Index-puKo85vG.js +0 -1
- package/dist/assets/codingBridge-BEZBg9aj.js +0 -2
- package/dist/assets/codingBridge-BOKZvzSi.js +0 -1
- package/dist/assets/codingBridge-B_ZfiwlU.js +0 -1
- package/dist/assets/codingBridge-Bg53yIXw.js +0 -1
- package/dist/assets/codingBridge-BgJbsOHM.js +0 -1
- package/dist/assets/codingBridge-BkDjF5Ns.js +0 -1
- package/dist/assets/codingBridge-Bm8DWmf4.js +0 -1
- package/dist/assets/codingBridge-BnNjcRhg.js +0 -1
- package/dist/assets/codingBridge-BnSFqQJW.js +0 -1
- package/dist/assets/codingBridge-CNpJGY82.js +0 -1
- package/dist/assets/codingBridge-CbvBbNGy.js +0 -1
- package/dist/assets/codingBridge-Cbxpepos.js +0 -1
- package/dist/assets/codingBridge-Cpv9wMie.js +0 -1
- package/dist/assets/codingBridge-DTtVgNM1.js +0 -1
- package/dist/assets/codingBridge-DtUA-XtN.js +0 -1
- package/dist/assets/codingBridge-DzR2XuP9.js +0 -1
- package/dist/assets/codingBridge-GTx3ljIK.js +0 -1
- package/dist/assets/codingBridge-bZYyn5Y8.js +0 -1
- package/dist/assets/codingBridge-hzIb9rsQ.js +0 -1
- package/dist/assets/esm-CdevuNOa.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{Bt as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,k as d,lt as f,tt as p,ut as m,v as h,x as g,y as _}from"./vendor-chart-mdwpew_o.js";import{t as v}from"./button-DWzbdjZV.js";import{t as y}from"./upload-DMzqzxP6.js";import{t as b}from"./checkbox-hfJFSY6z.js";import{t as x}from"./drawer-BvYPSxXh.js";import{n as S,r as C,t as w}from"./dropdown-vKgqHRPn.js";import{t as T}from"./popover-pb4ZQ5wn.js";import{Dr as E,E as D,Ft as O,Ir as k,Mr as A,Or as j,Sr as M,jt as N,kr as P,yr as F}from"./index-BmC-XXKj.js";import"./vendor-highlight-BtIeKitL.js";import{t as I}from"./index.es-Cawr8qgY.js";import{t as ee}from"./CopyToClipboard-Cx0LOUlj.js";import{n as te,t as ne}from"./AskUserQuestionCard-nsK22sY7.js";import{s as re,t as ie}from"./codingBridgeNotify-wulcISIB.js";var ae=o({name:`CodingBridgeNotificationToggle`,components:{ElButton:v,FontAwesomeIcon:I},data(){return{enabled:!1,busy:!1}},computed:{supported(){return E()||re()}},mounted(){this.enabled=!E()&&ie()===`granted`},methods:{async onToggle(){this.busy=!0;try{if(this.enabled){await this.$store.dispatch(`codingBridge/disableNotifications`),this.enabled=!1,P.success(this.$t(`codingBridge.notify.disabled`));return}let e=await this.$store.dispatch(`codingBridge/enableNotifications`);e===`enabled`?(this.enabled=!0,P.success(this.$t(`codingBridge.notify.enabled`))):e===`denied`?P.warning(this.$t(`codingBridge.notify.denied`)):P.warning(this.$t(`codingBridge.notify.unsupported`))}catch{P.error(this.$t(`codingBridge.notify.failed`))}finally{this.busy=!1}}}});function oe(e,n,r,i,o,s){let c=u(`font-awesome-icon`),d=u(`el-button`);return e.supported?(l(),t(d,{key:0,circle:``,size:`small`,type:e.enabled?`primary`:`default`,title:e.enabled?e.$t(`codingBridge.notify.disable`):e.$t(`codingBridge.notify.enable`),disabled:e.busy,onClick:e.onToggle},{default:f(()=>[e.busy?(l(),t(c,{key:0,icon:`fa-solid fa-spinner`,spin:``})):(l(),t(c,{key:1,icon:e.enabled?`fa-solid fa-bell`:`fa-regular fa-bell`},null,8,[`icon`]))]),_:1},8,[`type`,`title`,`disabled`,`onClick`])):a(``,!0)}var se=o({name:`CodingBridgeNodeList`,components:{ElButton:v,FontAwesomeIcon:I,NotificationToggle:D(ae,[[`render`,oe]])},emits:[`pair`],computed:{nodes(){return this.$store.state.codingBridge?.nodes??[]},currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},connection(){return this.$store.state.codingBridge?.connection??`disconnected`},connectionLabel(){return this.$t(`codingBridge.connection.${this.connection}`)},connectionDotClass(){switch(this.connection){case`connected`:return`bg-[var(--el-color-success)]`;case`connecting`:return`bg-[var(--el-color-warning)]`;case`error`:return`bg-[var(--el-color-danger)]`;default:return`bg-[var(--app-text-subtle)]`}}},methods:{onSelect(e){this.$store.dispatch(`codingBridge/selectNode`,e)},onRefresh(){this.$store.dispatch(`codingBridge/getNodes`)},async onDelete(e){try{await j.confirm(this.$t(`codingBridge.nodeList.removeConfirm`,{name:e.name}),this.$t(`codingBridge.nodeList.remove`),{confirmButtonText:this.$t(`codingBridge.nodeList.remove`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`})}catch{return}try{await this.$store.dispatch(`codingBridge/deleteNode`,e.node_id),P.success(this.$t(`codingBridge.nodeList.removeSuccess`))}catch{P.error(this.$t(`codingBridge.nodeList.removeFailed`))}}}}),ce={class:`node-list flex flex-col h-full bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},le={class:`flex items-center justify-between px-4 py-3 border-b border-[var(--app-border-subtle)]`},L={class:`flex items-center gap-2 font-medium`},R={class:`flex items-center gap-1`},z={class:`flex items-center gap-2 px-4 py-2 text-xs border-b border-[var(--app-border-subtle)]`},B={class:`text-[var(--app-text-subtle)]`},V={class:`flex-1 overflow-y-auto`},H={key:0,class:`p-6 text-center text-sm text-[var(--app-text-subtle)]`},U={class:`mb-3`},W={key:1,class:`list-none m-0 p-0`},ue=[`onClick`],de={class:`flex-1 min-w-0`},fe={class:`flex items-center gap-2`},pe={class:`truncate font-medium`},me=[`title`],he={class:`text-xs text-[var(--app-text-subtle)] truncate`};function ge(t,a,o,p,m,h){let v=u(`font-awesome-icon`),y=u(`notification-toggle`),b=u(`el-button`);return l(),d(`div`,ce,[n(`div`,le,[n(`div`,L,[i(v,{icon:`fa-solid fa-laptop-code`}),n(`span`,null,c(t.$t(`codingBridge.nodeList.title`)),1)]),n(`div`,R,[i(y),i(b,{circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.refresh`),onClick:t.onRefresh},{default:f(()=>[i(v,{icon:`fa-solid fa-rotate-right`})]),_:1},8,[`title`,`onClick`]),i(b,{type:`primary`,circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.pair`),onClick:a[0]||=e=>t.$emit(`pair`)},{default:f(()=>[i(v,{icon:`fa-solid fa-plus`})]),_:1},8,[`title`])])]),n(`div`,z,[n(`span`,{class:e([`inline-block w-2 h-2 rounded-full`,t.connectionDotClass])},null,2),n(`span`,B,c(t.connectionLabel),1)]),n(`div`,V,[t.nodes.length?(l(),d(`ul`,W,[(l(!0),d(g,null,s(t.nodes,r=>(l(),d(`li`,{key:r.node_id,class:e([`group flex items-center gap-3 px-4 py-3 cursor-pointer border-b border-[var(--app-border-subtle)] hover:bg-[var(--app-content-bg)]`,{"bg-[var(--app-content-bg)]":r.node_id===t.currentNodeId}]),onClick:e=>t.onSelect(r.node_id)},[i(v,{icon:`fa-solid fa-desktop`,class:`text-[var(--app-text-subtle)]`}),n(`div`,de,[n(`div`,fe,[n(`span`,pe,c(r.name),1),n(`span`,{class:e([`inline-block w-2 h-2 rounded-full flex-none`,r.status===`online`?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`]),title:r.status===`online`?t.$t(`codingBridge.status.online`):t.$t(`codingBridge.status.offline`)},null,10,me)]),n(`div`,he,c(r.status===`online`?t.$t(`codingBridge.status.online`):t.$t(`codingBridge.status.offline`)),1)]),i(b,{class:`opacity-0 group-hover:opacity-100`,text:``,circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.remove`),onClick:_(e=>t.onDelete(r),[`stop`])},{default:f(()=>[i(v,{icon:`fa-solid fa-trash`})]),_:1},8,[`title`,`onClick`])],10,ue))),128))])):(l(),d(`div`,H,[n(`p`,U,c(t.$t(`codingBridge.nodeList.empty`)),1),i(b,{type:`primary`,round:``,size:`small`,onClick:a[1]||=e=>t.$emit(`pair`)},{default:f(()=>[i(v,{icon:`fa-solid fa-plus`,class:`mr-1`}),r(` `+c(t.$t(`codingBridge.nodeList.pairFirst`)),1)]),_:1})]))])])}var _e=D(se,[[`render`,ge]]),ve=e=>{let t=e?.questions;return Array.isArray(t)&&t.length>0&&t.every(e=>e&&typeof e.question==`string`&&Array.isArray(e.options))},G=e=>e?(e.tool||``).toLowerCase()===`askuserquestion`?!0:ve(e.input):!1,ye=e=>({questions:e.input?.questions??[]}),be=o({name:`CodingBridgeTranscriptItem`,directives:{highlight:O},components:{FontAwesomeIcon:I,VueMarkdown:te},props:{event:{type:Object,required:!0},editable:{type:Boolean,default:!1}},emits:[`edit`],computed:{commandText(){let e=this.event.input;if(!e)return``;for(let t of[`command`,`cmd`,`script`]){let n=e[t];if(typeof n==`string`&&n.trim())return n}return``},filePath(){let e=this.event.input;if(!e)return``;for(let t of[`file_path`,`filePath`,`path`,`notebook_path`,`filename`]){let n=e[t];if(typeof n==`string`&&n.trim())return n}return``},toolDescription(){let e=this.event.input?.description;return typeof e==`string`?e:``},toolIcon(){if(this.commandText)return`fa-solid fa-terminal`;let e=(this.event.tool??``).toLowerCase();return/read|cat|view/.test(e)?`fa-solid fa-file-lines`:/write|edit|create|update|insert/.test(e)?`fa-solid fa-pen`:/grep|glob|search|find|list/.test(e)?`fa-solid fa-magnifying-glass`:`fa-solid fa-code`},questionLines(){let e=(this.event.tool??``).toLowerCase(),t=this.event.input?.questions;return!(e===`askuserquestion`||Array.isArray(t))||!Array.isArray(t)?[]:t.filter(e=>e&&typeof e.question==`string`).map(e=>({header:typeof e.header==`string`?e.header:``,question:e.question}))},inputText(){let e=this.event.input;if(!e)return``;let t={};for(let[n,r]of Object.entries(e))n===`timeout`||n===`description`||(t[n]=r);if(Object.keys(t).length===0)return``;try{return JSON.stringify(t,null,2)}catch{return String(e)}},resultText(){let e=this.event.content;return typeof e==`string`&&e.length>0?e:`—`},resultLabel(){let e=[];return this.event.is_error?e.push(this.$t(`codingBridge.transcript.turnFailed`)):e.push(this.$t(`codingBridge.transcript.turnDone`)),typeof this.event.cost_usd==`number`&&this.event.cost_usd>0&&e.push(`$${this.event.cost_usd.toFixed(4)}`),e.join(` · `)},hasAttachments(){return!!this.event.attachments?.length},noticeText(){let e=this.event.subtype,t=this.event.command;if(t){if(e===`slash_unavailable`)return this.$t(`codingBridge.notice.slashUnavailable`,{command:t});if(e===`slash_codex_unsupported`)return this.$t(`codingBridge.notice.slashCodexUnsupported`,{command:t})}return this.event.text||``}}}),xe={key:0,class:`group flex items-end justify-end gap-1.5`},Se=[`title`,`aria-label`],Ce={class:`max-w-[85%] rounded-lg px-3 py-2 bg-[var(--el-color-primary)] text-white whitespace-pre-wrap break-words`},we=[`src`],Te=[`href`],Ee=[`src`],De={key:1,class:`flex h-9 w-9 items-center justify-center rounded bg-white/15`},Oe={class:`min-w-0 truncate`},ke={key:2},Ae={key:2,class:`whitespace-pre-wrap break-words italic text-[var(--app-text-subtle)] border-l-2 border-[var(--app-border-subtle)] pl-3`},je={key:3,class:`overflow-hidden rounded-md bg-[var(--app-sidebar-bg)] border border-[var(--app-border-subtle)]`},Me={class:`flex items-center gap-2 px-2.5 py-1.5 font-medium text-[var(--app-text-subtle)]`},Ne={key:0,class:`min-w-0 truncate text-xs font-normal opacity-70`},Pe={key:0,class:`flex flex-col gap-1.5 px-2.5 pb-2`},Fe={key:0,class:`font-medium text-[var(--app-text)]`},Ie={class:`whitespace-pre-wrap break-words text-[var(--app-text-subtle)]`},Le={key:1,class:`px-2.5 pb-2`},Re={class:`flex gap-2 overflow-x-auto rounded border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-2.5 py-1.5 font-mono text-xs`},ze={class:`whitespace-pre-wrap break-words`},Be={key:2,class:`px-2.5 pb-2 font-mono text-xs break-all text-[var(--app-text-subtle)]`},Ve={key:3,class:`m-0 overflow-x-auto whitespace-pre-wrap break-words px-2.5 pb-2 text-xs text-[var(--app-text-subtle)]`},He={key:5,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)]`},Ue={key:6,class:`flex items-start gap-2 rounded-md bg-[var(--app-sidebar-bg)] border border-[var(--app-border-subtle)] text-[var(--app-text-subtle)] px-3 py-2 text-xs`},We={class:`whitespace-pre-wrap break-words`},Ge={key:7,class:`rounded-md bg-[var(--el-color-danger-light-9)] text-[var(--el-color-danger)] px-3 py-2 whitespace-pre-wrap break-words`};function Ke(t,r,o,f,h,_){let v=u(`font-awesome-icon`),y=u(`vue-markdown`),b=p(`highlight`);return l(),d(`div`,{class:e([`transcript-item text-sm leading-relaxed`,`kind-${t.event.kind}`])},[t.event.kind===`prompt`?(l(),d(`div`,xe,[t.editable?(l(),d(`button`,{key:0,type:`button`,class:`cb-edit-btn opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100`,title:t.$t(`codingBridge.session.editPrompt`),"aria-label":t.$t(`codingBridge.session.editPrompt`),onClick:r[0]||=e=>t.$emit(`edit`,t.event)},[i(v,{icon:`fa-solid fa-pen`})],8,Se)):a(``,!0),n(`div`,Ce,[t.event.images&&t.event.images.length?(l(),d(`div`,{key:0,class:e([`flex flex-wrap gap-1.5`,{"mb-1.5":t.event.text||t.hasAttachments}])},[(l(!0),d(g,null,s(t.event.images,(e,t)=>(l(),d(`img`,{key:t,src:e,class:`w-16 h-16 rounded object-cover`,alt:``},null,8,we))),128))],2)):a(``,!0),t.hasAttachments?(l(),d(`div`,{key:1,class:e([`flex flex-wrap gap-1.5`,{"mb-1.5":t.event.text}])},[(l(!0),d(g,null,s(t.event.attachments,(e,t)=>(l(),d(`a`,{key:`${e.url}-${t}`,href:e.url,target:`_blank`,rel:`noopener noreferrer`,class:`flex max-w-[220px] items-center gap-2 rounded-md bg-white/15 px-2 py-1.5 text-xs text-white hover:bg-white/20`},[e.type===`image`?(l(),d(`img`,{key:0,src:e.url,class:`h-9 w-9 rounded object-cover`,alt:``},null,8,Ee)):(l(),d(`span`,De,[i(v,{icon:`fa-solid fa-file`})])),n(`span`,Oe,c(e.name||e.url),1)],8,Te))),128))],2)):a(``,!0),t.event.text?(l(),d(`span`,ke,c(t.event.text),1)):a(``,!0)])])):t.event.kind===`text`?(l(),d(`div`,{key:1,class:e([`cb-stream-text`,{"is-streaming":t.event.streaming}])},[m(i(y,{source:t.event.text||``,class:`markdown-body bg-transparent text-[var(--app-text)]`},null,8,[`source`]),[[b]])],2)):t.event.kind===`thinking`?(l(),d(`div`,Ae,c(t.event.text),1)):t.event.kind===`tool_use`?(l(),d(`div`,je,[n(`div`,Me,[i(v,{icon:t.toolIcon,class:`text-[var(--el-color-primary)]`},null,8,[`icon`]),n(`span`,null,c(t.event.tool),1),t.toolDescription?(l(),d(`span`,Ne,c(t.toolDescription),1)):a(``,!0)]),t.questionLines.length?(l(),d(`div`,Pe,[(l(!0),d(g,null,s(t.questionLines,(e,t)=>(l(),d(`div`,{key:t,class:`rounded border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-2.5 py-1.5 text-xs`},[e.header?(l(),d(`div`,Fe,c(e.header),1)):a(``,!0),n(`div`,Ie,c(e.question),1)]))),128))])):t.commandText?(l(),d(`div`,Le,[n(`div`,Re,[r[1]||=n(`span`,{class:`select-none text-[var(--el-color-success)]`},`$`,-1),n(`span`,ze,c(t.commandText),1)])])):t.filePath?(l(),d(`div`,Be,c(t.filePath),1)):t.inputText?(l(),d(`pre`,Ve,c(t.inputText),1)):a(``,!0)])):t.event.kind===`tool_result`?(l(),d(`div`,{key:4,class:e([`overflow-hidden rounded-md`,t.event.is_error?`bg-[var(--el-color-danger-light-9)]`:`bg-[var(--app-sidebar-bg)]`])},[n(`pre`,{class:e([`m-0 max-h-72 overflow-auto whitespace-pre-wrap break-words px-2.5 py-2 font-mono text-xs`,t.event.is_error?`text-[var(--el-color-danger)]`:`text-[var(--app-text-subtle)]`])},c(t.resultText),3)],2)):t.event.kind===`result`?(l(),d(`div`,He,[i(v,{icon:t.event.is_error?`fa-solid fa-xmark`:`fa-solid fa-check`},null,8,[`icon`]),n(`span`,null,c(t.resultLabel),1)])):t.event.kind===`notice`?(l(),d(`div`,Ue,[i(v,{icon:`fa-solid fa-circle-info`,class:`mt-0.5 flex-none text-[var(--el-color-primary)]`}),n(`span`,We,c(t.noticeText),1)])):t.event.kind===`error`?(l(),d(`div`,Ge,c(t.event.text),1)):a(``,!0)],2)}var qe=D(be,[[`render`,Ke],[`__scopeId`,`data-v-17816a06`]]),K=[`⠋`,`⠙`,`⠹`,`⠸`,`⠼`,`⠴`,`⠦`,`⠧`,`⠇`,`⠏`],Je=`Pondering.Noodling.Conjuring.Brewing.Cooking.Crafting.Churning.Simmering.Percolating.Ruminating.Musing.Marinating.Synthesizing.Computing.Hatching.Forging.Vibing.Working.Thinking.Cogitating.Mulling.Stewing.Tinkering.Wrangling.Spinning.Reticulating.Manifesting.Deliberating`.split(`.`),Ye=[`思考中`,`酝酿中`,`沉思中`,`推敲中`,`构思中`,`计算中`,`琢磨中`,`捣鼓中`,`炼制中`,`召唤中`,`编织中`,`烹饪中`,`咀嚼中`,`盘算中`,`发酵中`,`运转中`,`冥想中`,`鼓捣中`,`熬制中`,`神游中`,`演算中`,`雕琢中`,`头脑风暴中`,`反复斟酌中`],Xe=80,q=60,Ze=1500,J=28,Qe=o({name:`CodingBridgeThinkingIndicator`,data(){return{spinnerIndex:0,display:``,elapsed:0,charIndex:0,phase:`typing`,currentWord:``,spinnerTimer:0,elapsedTimer:0,typeTimer:0}},computed:{spinnerFrame(){return K[this.spinnerIndex]},words(){return this.$i18n.locale.startsWith(`zh`)?Ye:Je}},mounted(){this.currentWord=this.pickWord(),this.spinnerTimer=window.setInterval(()=>{this.spinnerIndex=(this.spinnerIndex+1)%K.length},Xe),this.elapsedTimer=window.setInterval(()=>{this.elapsed+=1},1e3),this.scheduleType(q)},beforeUnmount(){window.clearInterval(this.spinnerTimer),window.clearInterval(this.elapsedTimer),window.clearTimeout(this.typeTimer)},methods:{pickWord(){let e=this.words;if(e.length<=1)return e[0]??``;let t=this.currentWord;for(;t===this.currentWord;)t=e[Math.floor(Math.random()*e.length)];return t},scheduleType(e){this.typeTimer=window.setTimeout(this.advance,e)},advance(){let e=this.currentWord;this.phase===`typing`?(this.charIndex+=1,this.display=e.slice(0,this.charIndex),this.charIndex>=e.length?(this.phase=`holding`,this.scheduleType(Ze)):this.scheduleType(q)):this.phase===`holding`?(this.phase=`deleting`,this.scheduleType(J)):(--this.charIndex,this.display=e.slice(0,Math.max(0,this.charIndex)),this.charIndex<=0?(this.currentWord=this.pickWord(),this.phase=`typing`,this.scheduleType(q)):this.scheduleType(J))}}}),$e={class:`cb-thinking flex items-center gap-2 text-sm text-[var(--app-text-subtle)] py-1`},et={class:`cb-thinking__spinner text-[var(--el-color-primary)]`},tt={class:`cb-thinking__word`},nt={class:`cb-thinking__elapsed tabular-nums opacity-60`};function rt(e,t,i,a,o,s){return l(),d(`div`,$e,[n(`span`,et,c(e.spinnerFrame),1),n(`span`,tt,[r(c(e.display),1),t[0]||=n(`span`,{class:`cb-thinking__caret`},`▋`,-1)]),n(`span`,nt,`(`+c(e.elapsed)+`s)`,1)])}var it=D(Qe,[[`render`,rt],[`__scopeId`,`data-v-6087e9e6`]]),at=o({name:`CodingBridgeDirectoryDialog`,components:{ElDialog:A,ElButton:v,FontAwesomeIcon:I},props:{visible:{type:Boolean,default:!1},initialPath:{type:String,default:``}},emits:[`update:visible`,`select`],computed:{listing(){return this.$store.state.codingBridge?.directory},loading(){return this.$store.state.codingBridge?.directoryLoading===!0},directories(){return(this.listing?.entries??[]).filter(e=>e.type===`dir`)},files(){return(this.listing?.entries??[]).filter(e=>e.type===`file`)},isEmpty(){return!!this.listing&&!this.listing.error&&(this.listing.entries??[]).length===0}},methods:{onOpen(){this.$store.dispatch(`codingBridge/browseDir`,this.initialPath||void 0)},onVisibleChange(e){this.$emit(`update:visible`,e),e||this.$store.dispatch(`codingBridge/clearDirectory`)},openDir(e){this.$store.dispatch(`codingBridge/browseDir`,e)},goParent(){this.listing?.parent&&this.$store.dispatch(`codingBridge/browseDir`,this.listing.parent)},refresh(){this.$store.dispatch(`codingBridge/browseDir`,this.listing?.path||this.initialPath||void 0)},chooseCurrent(){this.listing&&!this.listing.error&&(this.$emit(`select`,this.listing.path),this.onVisibleChange(!1))}}}),ot={class:`flex flex-col gap-2`},st={class:`flex items-center gap-2 min-w-0`},ct={class:`text-xs text-[var(--app-text-subtle)] truncate flex-1`,dir:`ltr`},lt={class:`h-72 overflow-y-auto border border-[var(--app-border-subtle)] rounded-md divide-y divide-[var(--app-border-subtle)]`},ut={key:0,class:`h-full flex items-center justify-center text-sm text-[var(--app-text-subtle)]`},dt={key:1,class:`h-full flex items-center justify-center text-sm text-[var(--el-color-danger)]`},ft=[`onClick`],pt={class:`truncate`,dir:`ltr`},mt={class:`truncate`,dir:`ltr`},ht={key:0,class:`h-full flex items-center justify-center text-sm text-[var(--app-text-subtle)] py-8`},gt={key:0,class:`text-[11px] text-[var(--app-text-subtle)] px-1`},_t={class:`flex items-center justify-end gap-2`};function vt(e,o,p,m,h,_){let v=u(`font-awesome-icon`),y=u(`el-button`),b=u(`el-dialog`);return l(),t(b,{"model-value":e.visible,title:e.$t(`codingBridge.directory.title`),width:`520px`,"append-to-body":``,"onUpdate:modelValue":e.onVisibleChange,onOpen:e.onOpen},{footer:f(()=>[n(`div`,_t,[i(y,{round:``,onClick:o[0]||=t=>e.onVisibleChange(!1)},{default:f(()=>[r(c(e.$t(`common.button.cancel`)),1)]),_:1}),i(y,{type:`primary`,round:``,disabled:!e.listing||!!e.listing.error,onClick:e.chooseCurrent},{default:f(()=>[r(c(e.$t(`codingBridge.directory.choose`)),1)]),_:1},8,[`disabled`,`onClick`])])]),default:f(()=>[n(`div`,ot,[n(`div`,st,[i(y,{size:`small`,circle:``,disabled:!e.listing||!e.listing.parent||e.loading,title:e.$t(`codingBridge.directory.up`),onClick:e.goParent},{default:f(()=>[i(v,{icon:`fa-solid fa-arrow-up`})]),_:1},8,[`disabled`,`title`,`onClick`]),n(`span`,ct,c(e.listing?e.listing.path:`…`),1),i(y,{size:`small`,circle:``,disabled:e.loading,title:e.$t(`codingBridge.directory.refresh`),onClick:e.refresh},{default:f(()=>[i(v,{icon:`fa-solid fa-rotate-right`,spin:e.loading},null,8,[`spin`])]),_:1},8,[`disabled`,`title`,`onClick`])]),n(`div`,lt,[e.loading&&!e.listing?(l(),d(`div`,ut,c(e.$t(`codingBridge.directory.loading`)),1)):e.listing&&e.listing.error?(l(),d(`div`,dt,c(e.listing.error),1)):(l(),d(g,{key:2},[(l(!0),d(g,null,s(e.directories,t=>(l(),d(`button`,{key:t.path,type:`button`,class:`w-full flex items-center gap-2 px-3 py-2 text-left text-sm hover:bg-[var(--app-content-hover-bg)]`,onClick:n=>e.openDir(t.path)},[i(v,{icon:`fa-solid fa-folder`,class:`text-[var(--el-color-warning)]`}),n(`span`,pt,c(t.name),1)],8,ft))),128)),(l(!0),d(g,null,s(e.files,e=>(l(),d(`div`,{key:e.path,class:`w-full flex items-center gap-2 px-3 py-2 text-sm text-[var(--app-text-subtle)]`},[i(v,{icon:`fa-solid fa-file`}),n(`span`,mt,c(e.name),1)]))),128)),e.isEmpty?(l(),d(`div`,ht,c(e.$t(`codingBridge.directory.empty`)),1)):a(``,!0)],64))]),e.listing&&e.listing.truncated?(l(),d(`p`,gt,c(e.$t(`codingBridge.directory.truncated`)),1)):a(``,!0)])]),_:1},8,[`model-value`,`title`,`onUpdate:modelValue`,`onOpen`])}var yt=D(at,[[`render`,vt]]),Y=`data:image/svg+xml,%3csvg%20fill='%23D97757'%20role='img'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eClaude%3c/title%3e%3cpath%20d='m4.7144%2015.9555%204.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608%201.5179.1032%202.2767.1578%201.6514.0972%202.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973%209.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686%201.9064%201.4754%202.4893%201.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335%206.6997%200l.9957.1336.419.3642.6192%201.4147%201.0018%202.2282%201.5543%203.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853%201.8517-.5586%202.9021-.3643%201.9429h.2125l.2429-.2429.9835-1.3053%201.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759%201.1293-.34%201.1657-1.0625%201.3478-.8804%201.1414-1.2628%201.7-.7893%201.36.0729.1093.1882-.0183%202.8535-.607%201.5421-.2794%201.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607%201.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929%201.0686%202.0035%201.8092%202.5075%202.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496%202.3436%203.5214.1214%201.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38%2017.959l-1.1414-1.9428-.1397.079-.674%207.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328%201.9672-2.1796%202.9446-1.7243%201.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889%202.386-3.0357%201.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385%204.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429%201.9064-1.3114Z'/%3e%3c/svg%3e`,X=`data:image/svg+xml,%3csvg%20fill='%23000000'%20role='img'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eOpenAI%3c/title%3e%3cpath%20d='M22.282%209.821a5.985%205.985%200%200%200-.516-4.91%206.046%206.046%200%200%200-6.51-2.9A6.065%206.065%200%200%200%204.981%204.18a5.985%205.985%200%200%200-3.998%202.9%206.046%206.046%200%200%200%20.743%207.097%205.98%205.98%200%200%200%20.51%204.911%206.051%206.051%200%200%200%206.515%202.9A5.985%205.985%200%200%200%2013.26%2024a6.056%206.056%200%200%200%205.772-4.206%205.99%205.99%200%200%200%203.997-2.9%206.056%206.056%200%200%200-.747-7.073zM13.26%2022.43a4.476%204.476%200%200%201-2.876-1.04l.141-.081%204.779-2.758a.795.795%200%200%200%20.392-.681v-6.737l2.02%201.168a.071.071%200%200%201%20.038.052v5.583a4.504%204.504%200%200%201-4.494%204.494zM3.6%2018.304a4.47%204.47%200%200%201-.535-3.014l.142.085%204.783%202.759a.771.771%200%200%200%20.78%200l5.843-3.369v2.332a.08.08%200%200%201-.033.062L9.74%2019.95a4.5%204.5%200%200%201-6.14-1.646zM2.34%207.896a4.485%204.485%200%200%201%202.366-1.973V11.6a.766.766%200%200%200%20.388.676l5.815%203.355-2.02%201.168a.076.076%200%200%201-.071%200l-4.83-2.786A4.504%204.504%200%200%201%202.34%207.872zm16.597%203.855l-5.833-3.387L15.119%207.2a.076.076%200%200%201%20.071%200l4.83%202.791a4.494%204.494%200%200%201-.676%208.105v-5.678a.79.79%200%200%200-.407-.667zm2.01-3.023l-.141-.085-4.774-2.782a.776.776%200%200%200-.785%200L9.409%209.23V6.897a.066.066%200%200%201%20.028-.061l4.83-2.787a4.5%204.5%200%200%201%206.68%204.66zm-12.64%204.135l-2.02-1.164a.08.08%200%200%201-.038-.057V6.075a4.5%204.5%200%200%201%207.375-3.453l-.142.08L8.704%205.46a.795.795%200%200%200-.393.681zm1.097-2.365l2.602-1.5%202.607%201.5v2.999l-2.597%201.5-2.607-1.5z'/%3e%3c/svg%3e`,bt=50*1024*1024,Z=10,xt={claude:{src:Y,invertOnDark:!1},codex:{src:X,invertOnDark:!0}},St=o({name:`CodingBridgeSessionView`,components:{ElInput:k,ElButton:v,ElPopover:T,ElDropdown:w,ElDropdownMenu:C,ElDropdownItem:S,ElUpload:y,ElCheckbox:b,FontAwesomeIcon:I,TranscriptItem:qe,ThinkingIndicator:it,DirectoryDialog:yt,AskUserQuestionCard:ne,CopyToClipboard:ee},mixins:[N],emits:[`history`],data(){return{prompt:``,cwd:``,model:``,customModelDraft:``,permissionMode:`default`,provider:`claude`,effort:``,directoryVisible:!1,slashMenuOpen:!1,slashActiveIndex:0,editingEventId:``,restoreCode:!1,attachmentFileList:[],uploadUrl:M()+`/api/v1/files/`,maxAttachments:Z}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},lastComposer(){let e=this.currentNodeId;return(e?this.$store.state.codingBridge?.lastComposer?.[e]:void 0)??{}},currentNode(){return this.$store.state.codingBridge?.nodes?.find(e=>e.node_id===this.currentNodeId)},nodeOnline(){return this.currentNode?.status===`online`},currentSessionId(){return this.$store.state.codingBridge?.currentSessionId},currentSession(){let e=this.currentSessionId;return e?this.$store.state.codingBridge?.sessions?.[e]:void 0},events(){let e=this.currentSessionId;return e?this.$store.state.codingBridge?.events?.[e]??[]:[]},pendingQuestion(){let e=this.currentSessionId;if(!e)return;let t=(this.$store.state.codingBridge?.permissions??[]).find(t=>t.session_id===e&&G(t));return t?{request_id:t.request_id,payload:ye(t)}:void 0},isNewSession(){return!this.currentSessionId},canPickCwd(){return this.isNewSession||!this.currentSession?.started},readonly(){return this.currentSession?.readonly===!0},resumeHint(){return!!this.currentSession?.provider&&!this.currentSession?.started&&!this.readonly},replayLabel(){return!this.currentSession?.provider||this.currentSession?.started?``:this.currentSession.provider===`codex`?this.$t(`codingBridge.history.codexLabel`):this.$t(`codingBridge.history.claudeLabel`)},running(){let e=this.currentSession?.status;return e===`running`||e===`starting`},thinking(){return this.running&&!this.pendingQuestion},connected(){return this.$store.state.codingBridge?.connection===`connected`},canRetry(){return this.currentSession?.status===`error`&&!this.readonly&&this.connected&&this.nodeOnline&&this.events.some(e=>e.kind===`prompt`)},attachments(){return(this.attachmentFileList||[]).map(e=>{let t=e.response?.file_url||(typeof e.url==`string`&&!e.url.startsWith(`blob:`)?e.url:``);if(!t)return;let n=e.raw,r=n?.type||e.mime_type||``;return{type:this.isImageAttachment(e)?`image`:`file`,url:t,name:e.name,mime_type:r,size:n?.size}}).filter(e=>!!e)},uploadingAttachments(){return(this.attachmentFileList||[]).some(e=>this.isAttachmentUploading(e))},canSend(){return(!!this.prompt.trim()||this.attachments.length>0)&&!this.uploadingAttachments&&this.connected&&this.nodeOnline&&this.currentProviderAvailable},composerHint(){return this.uploadingAttachments?this.$t(`codingBridge.session.uploadingAttachment`):this.providerCaps.length&&!this.currentProviderAvailable?this.$t(`codingBridge.session.providerUnavailableHint`,{name:this.providerName(this.provider)}):this.resumeHint?this.$t(`codingBridge.history.resumeHint`):this.$t(`codingBridge.session.enterHint`)},nodeCapabilities(){let e=this.currentNodeId;return e?this.$store.state.codingBridge?.capabilities?.[e]:void 0},providerCaps(){return this.nodeCapabilities?.providers??[]},currentProviderCap(){return this.providerCaps.find(e=>e.name===this.provider)},canEdit(){return this.readonly?!1:!!this.providerCaps.find(e=>e.name===this.activeProviderName)?.supports_edit},canRestoreCode(){return!!this.providerCaps.find(e=>e.name===this.activeProviderName)?.supports_code_restore},editingActive(){return!!this.editingEventId},currentProviderAvailable(){return this.providerCaps.length?this.currentProviderCap?.available!==!1:!0},providerOptions(){return this.providerCaps.length?this.providerCaps.map(e=>({value:e.name,label:e.label,available:e.available!==!1})):[{label:this.$t(`codingBridge.session.providerClaude`),value:`claude`,available:!0},{label:this.$t(`codingBridge.session.providerCodex`),value:`codex`,available:!0}]},modelOptions(){return this.currentProviderCap?.models??[]},allowCustomModel(){return this.currentProviderCap?.allow_custom_model??!0},effortOptions(){let e=this.currentProviderCap?.efforts;return(e&&e.length?e:[``]).map(e=>({value:e,label:this.effortLabel(e)}))},permissionModeOptions(){let e=this.currentProviderCap?.permission_modes;return(e&&e.length?e:[`default`,`acceptEdits`,`plan`,`bypassPermissions`]).map(e=>({value:e,label:this.permissionModeLabel(e)}))},sessionMeta(){let e=this.currentSession;if(!e)return``;let t=[];return e.provider&&t.push(this.providerName(e.provider)),e.cwd&&t.push(e.cwd),e.model&&t.push(e.model),t.join(` · `)},activeProviderName(){return this.currentSession?.provider||this.provider},slashCommands(){let e=this.activeProviderName;return this.providerCaps.find(t=>t.name===e)?.commands??[]},slashMatches(){let e=this.prompt.match(/^\/(\S*)$/);if(!e)return[];let t=e[1].toLowerCase();return this.slashCommands.filter(e=>[e.name,...e.aliases??[]].some(e=>e.toLowerCase().startsWith(t)))},slashMenuVisible(){return this.slashMenuOpen&&this.slashMatches.length>0},diagnostics(){let e=[];return this.currentNodeId&&e.push({label:this.$t(`codingBridge.session.nodeId`),value:this.currentNodeId}),this.currentSessionId&&e.push({label:this.$t(`codingBridge.session.sessionId`),value:this.currentSessionId}),this.currentSession?.trace_id&&e.push({label:this.$t(`codingBridge.session.traceId`),value:this.currentSession.trace_id}),e}},watch:{events(){this.scrollToBottom()},pendingQuestion(){this.scrollToBottom()},thinking(){this.scrollToBottom()},currentSessionId(){this.scrollToBottom(),this.editingEventId=``,this.restoreCode=!1,this.syncSessionSettings()},currentNodeId(){this.requestCapabilities(),this.isNewSession&&this.restoreComposerPrefs()},providerCaps(){if(!this.isNewSession||!this.providerCaps.length)return;let e=this.providerCaps.find(e=>e.name===this.provider);if(!e||e.available===!1){let e=this.providerCaps.find(e=>e.available!==!1);e&&(this.provider=e.name)}},provider(){this.isNewSession&&(this.model=``,this.effort=``)},prompt(e){this.slashMenuOpen=/^\/\S*$/.test(e),this.slashActiveIndex>=this.slashMatches.length&&(this.slashActiveIndex=0)}},mounted(){this.requestCapabilities(),this.syncSessionSettings()},methods:{requestCapabilities(){this.currentNodeId&&this.$store.dispatch(`codingBridge/getCapabilities`,this.currentNodeId)},effortLabel(e){let t={"":`codingBridge.session.effortDefault`,low:`codingBridge.session.effortLow`,medium:`codingBridge.session.effortMedium`,high:`codingBridge.session.effortHigh`,max:`codingBridge.session.effortMax`}[e];return t?this.$t(t):e},permissionModeLabel(e){let t={default:`codingBridge.session.permissionModeDefault`,acceptEdits:`codingBridge.session.permissionModeAcceptEdits`,plan:`codingBridge.session.permissionModePlan`,bypassPermissions:`codingBridge.session.permissionModeBypass`}[e];return t?this.$t(t):e},providerName(e){let t=this.providerCaps.find(t=>t.name===e);return t?t.label:e===`codex`?this.$t(`codingBridge.session.providerCodex`):this.$t(`codingBridge.session.providerClaude`)},providerIcon(e){return xt[e]??null},syncSessionSettings(){let e=this.currentSession;if(!e){this.restoreComposerPrefs();return}let t=this.lastComposer;e.provider&&(this.provider=e.provider),this.model=e.model??``,this.customModelDraft=``,this.cwd=e.cwd??t.cwd??``,this.effort=e.effort??t.effort??``,this.permissionMode=e.permission_mode??t.permissionMode??`default`},selectModel(e){this.model=e,this.customModelDraft=``,this.closeModelPopover()},applyCustomModel(){let e=this.customModelDraft.trim();e&&(this.model=e,this.customModelDraft=``,this.closeModelPopover())},closeModelPopover(){this.$refs.modelPopover?.hide?.()},onComposerEnter(e){let t=e;t.isComposing||t.keyCode===229||t.shiftKey||t.ctrlKey||t.metaKey||t.altKey||(t.preventDefault(),this.onSend())},onComposerKeydown(e){let t=e;if(this.slashMenuVisible&&!t.isComposing&&t.keyCode!==229){if(t.key===`ArrowDown`){t.preventDefault(),this.moveSlash(1);return}if(t.key===`ArrowUp`){t.preventDefault(),this.moveSlash(-1);return}if(t.key===`Escape`){t.preventDefault(),this.slashMenuOpen=!1;return}if(t.key===`Tab`||t.key===`Enter`&&!t.shiftKey){t.preventDefault(),this.applySlash(this.slashMatches[this.slashActiveIndex]);return}}t.key===`Enter`&&this.onComposerEnter(t)},moveSlash(e){let t=this.slashMatches.length;t&&(this.slashActiveIndex=(this.slashActiveIndex+e+t)%t,this.$nextTick(()=>{(this.$el?.querySelector?.(`.cb-slash-menu__item--active`))?.scrollIntoView({block:`nearest`})}))},applySlash(e){e&&(this.prompt=`/${e.name} `,this.slashMenuOpen=!1,this.slashActiveIndex=0)},onSend(){if(!this.canSend)return;let e=this.attachments;if(this.editingEventId){this.$store.dispatch(`codingBridge/editPrompt`,{eventId:this.editingEventId,prompt:this.prompt,model:this.model,permissionMode:this.permissionMode,effort:this.effort,attachments:e.length?e:void 0,restoreCode:this.restoreCode}),this.resetComposer();return}this.currentNodeId&&this.$store.commit(`codingBridge/setLastComposer`,{node_id:this.currentNodeId,prefs:{cwd:this.cwd,provider:this.provider,model:this.model,permissionMode:this.permissionMode,effort:this.effort}}),this.$store.dispatch(`codingBridge/sendPrompt`,{prompt:this.prompt,cwd:this.cwd,model:this.model,permissionMode:this.permissionMode,provider:this.provider,effort:this.effort,attachments:e.length?e:void 0}),this.resetComposer()},resetComposer(){this.prompt=``,this.slashMenuOpen=!1,this.slashActiveIndex=0,this.editingEventId=``,this.restoreCode=!1,this.clearAttachments()},cancelEdit(){this.resetComposer()},onAnswerQuestion(e){this.$store.dispatch(`codingBridge/answerQuestion`,{request_id:e.tool_use_id,output:e.output})},onSkipQuestion(e){this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:e.tool_use_id,decision:`deny`})},beforeAttachmentUpload(e){return this.attachmentFileList.length>=Z?(P.warning(this.$t(`codingBridge.session.attachmentLimit`,{count:Z})),!1):e.size>bt?(P.warning(this.$t(`codingBridge.session.attachmentTooLarge`)),!1):!0},onAttachmentChange(e){if(!e.url&&e.raw&&this.isImageAttachment(e))try{e.url=URL.createObjectURL(e.raw)}catch{}},onAttachmentSuccess(e,t){e?.file_url&&(this.revokeBlobUrl(t),t.url=e.file_url,t.response=e)},onAttachmentError(){P.error(this.$t(`codingBridge.session.attachmentUploadError`))},onAttachmentExceed(){P.warning(this.$t(`codingBridge.session.attachmentLimit`,{count:Z}))},onTriggerAttachmentUpload(){this.$nextTick(()=>{let e=this.$refs.uploader?.$el;(e?.querySelector(`input.el-upload__input`)||e?.querySelector(`input[type="file"]`))?.click()})},isAttachmentUploading(e){return e.status===`ready`||e.status===`uploading`},isImageAttachment(e){return(e.raw?.type||``).startsWith(`image/`)?!0:/\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(e.name||e.url||``)},attachmentPreviewUrl(e){return this.isImageAttachment(e)&&(e.url||e.response?.file_url)||``},removeAttachment(e,t){this.revokeBlobUrl(t),this.attachmentFileList.splice(e,1)},clearAttachments(){for(let e of this.attachmentFileList)this.revokeBlobUrl(e);this.attachmentFileList=[]},revokeBlobUrl(e){if(e.url?.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}},onInterrupt(){this.$store.dispatch(`codingBridge/interruptSession`)},onRetry(){this.$store.dispatch(`codingBridge/retryLastPrompt`)},onEditPrompt(e){this.canEdit&&(this.editingEventId=e.id,this.restoreCode=!1,this.prompt=e.text??``,this.slashMenuOpen=!1,this.slashActiveIndex=0,this.clearAttachments(),this.attachmentFileList=(e.attachments??[]).map((e,t)=>({name:e.name||e.url,url:e.url,status:`success`,percentage:100,uid:Date.now()+t,response:{file_url:e.url},mime_type:e.mime_type})),this.$nextTick(()=>{(this.$el?.querySelector?.(`.cb-composer__input textarea`))?.focus()}))},openDirectory(){this.directoryVisible=!0},onDirectorySelect(e){this.cwd=e},onNewSession(){this.$store.dispatch(`codingBridge/newSession`),this.restoreComposerPrefs(),this.resetComposer()},restoreComposerPrefs(){let e=this.lastComposer;this.cwd=e.cwd??``,this.provider=e.provider??`claude`,this.permissionMode=e.permissionMode??`default`,this.customModelDraft=``,this.$nextTick(()=>{this.model=e.model??``,this.effort=e.effort??``})},scrollToBottom(){this.$nextTick(()=>{let e=this.$refs.transcript;e&&(e.scrollTop=e.scrollHeight)})}}}),Ct={class:`session-view flex flex-col h-full bg-[var(--app-content-bg)]`},wt={key:0,class:`flex-1 flex flex-col items-center justify-center text-center p-8 text-[var(--app-text-subtle)]`},Tt={class:`text-sm`},Et={class:`flex items-center justify-between gap-3 px-5 py-3 border-b border-[var(--app-border-subtle)]`},Dt={class:`min-w-0`},Ot={class:`flex items-center gap-2 font-medium`},kt={class:`truncate`},At={key:0,class:`text-xs text-[var(--app-text-subtle)] truncate`},jt={key:0,class:`text-[var(--el-color-primary)]`},Mt={class:`flex items-center gap-2 flex-none`},Nt={key:0,class:`px-5 py-2 text-xs bg-[var(--el-color-warning-light-9)] text-[var(--el-color-warning)] border-b border-[var(--app-border-subtle)]`},Pt={key:1,class:`flex flex-wrap items-center gap-x-4 gap-y-1 px-5 py-1.5 text-[11px] text-[var(--app-text-subtle)] border-b border-[var(--app-border-subtle)]`},Ft={class:`opacity-70 flex-none`},It=[`title`],Lt={ref:`transcript`,class:`flex-1 min-h-0 overflow-y-auto px-5 py-4 flex flex-col gap-3`},Rt={key:0,class:`m-auto text-center text-sm text-[var(--app-text-subtle)]`},zt={key:2,class:`flex justify-center pt-1`},Bt={key:2,class:`cb-question-dock flex-none px-5`},Vt={class:`border-t border-[var(--app-border-subtle)] p-3`},Ht={key:0,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)] px-1 py-2`},Ut={key:0,class:`mb-2 flex flex-wrap items-center gap-x-3 gap-y-1.5 rounded-lg bg-[var(--el-color-primary-light-9)] px-3 py-2 text-xs text-[var(--app-text)]`},Wt={class:`inline-flex items-center gap-1.5`},Gt={class:`cb-composer rounded-2xl border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-3 py-2.5 transition-colors focus-within:border-[var(--el-color-primary-light-5)]`},Kt={key:0,class:`flex flex-wrap gap-2 pb-2`},qt=[`src`,`alt`],Jt={key:1,class:`flex h-8 w-8 items-center justify-center rounded bg-[var(--app-content-bg)]`},Yt=[`title`],Xt={key:2,class:`text-[10px] text-[var(--app-text-subtle)]`},Zt=[`title`,`onClick`],Qt={key:1,class:`cb-slash-menu`},$t=[`onMousedown`,`onMouseenter`],en={class:`cb-slash-menu__name`},tn={key:0,class:`cb-slash-menu__hint`},nn={key:1,class:`cb-slash-menu__desc`},rn={ref:`attachmentUploadTrigger`,class:`block h-0 w-0`,"aria-hidden":`true`},an={class:`mt-1.5 flex items-center gap-1.5`},on=[`title`],sn={class:`flex min-w-0 flex-1 flex-wrap items-center gap-1.5`},cn={type:`button`,class:`cb-pill`},ln=[`src`],un={class:`truncate`},dn=[`src`],fn={key:1,class:`ml-1 text-xs opacity-60`},pn={key:1,class:`cb-pill cb-pill--static`},mn=[`src`],hn={class:`truncate`},gn={type:`button`,class:`cb-pill`},_n={class:`truncate`},vn={class:`cb-model-menu`},yn={class:`truncate`},bn=[`onClick`],xn={class:`truncate`},Sn={key:0,class:`cb-model-custom`},Cn={type:`button`,class:`cb-pill`},wn={class:`truncate`},Tn={type:`button`,class:`cb-pill`},En={class:`truncate`},Dn={type:`button`,class:`cb-pill`},On={class:`truncate`},kn=[`title`,`aria-label`],An={key:4,class:`cb-pill cb-pill--static`},jn={class:`truncate`},Mn={class:`text-[11px] text-[var(--app-text-subtle)] mt-1 px-1`};function Nn(o,p,m,v,y,b){let x=u(`font-awesome-icon`),S=u(`el-button`),C=u(`copy-to-clipboard`),w=u(`transcript-item`),T=u(`thinking-indicator`),E=u(`ask-user-question-card`),D=u(`el-checkbox`),O=u(`el-input`),k=u(`el-upload`),A=u(`el-dropdown-item`),j=u(`el-dropdown-menu`),M=u(`el-dropdown`),N=u(`el-popover`),P=u(`directory-dialog`);return l(),d(`div`,Ct,[o.currentNode?(l(),d(g,{key:1},[n(`div`,Et,[n(`div`,Dt,[n(`div`,Ot,[n(`span`,kt,c(o.currentNode.name),1),n(`span`,{class:e([`inline-block w-2 h-2 rounded-full flex-none`,o.nodeOnline?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`])},null,2)]),o.currentSession?(l(),d(`div`,At,[n(`span`,null,c(o.sessionMeta),1),o.replayLabel?(l(),d(`span`,jt,` · `+c(o.replayLabel),1)):a(``,!0)])):a(``,!0)]),n(`div`,Mt,[i(S,{size:`small`,round:``,onClick:p[0]||=e=>o.$emit(`history`)},{default:f(()=>[i(x,{icon:`fa-solid fa-clock-rotate-left`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.history.button`)),1)]),_:1}),o.currentSessionId?(l(),t(S,{key:0,size:`small`,round:``,onClick:o.onNewSession},{default:f(()=>[i(x,{icon:`fa-solid fa-plus`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])):a(``,!0)])]),o.nodeOnline?a(``,!0):(l(),d(`div`,Nt,c(o.$t(`codingBridge.session.deviceOffline`)),1)),o.diagnostics.length?(l(),d(`div`,Pt,[(l(!0),d(g,null,s(o.diagnostics,e=>(l(),d(`span`,{key:e.label,class:`inline-flex items-center gap-1 min-w-0`},[n(`span`,Ft,c(e.label)+`:`,1),n(`span`,{class:`font-mono break-all`,title:e.value},c(e.value),9,It),i(C,{content:e.value,class:`inline-block flex-none`},null,8,[`content`])]))),128))])):a(``,!0),n(`div`,Lt,[o.events.length?a(``,!0):(l(),d(`div`,Rt,c(o.$t(`codingBridge.session.startHint`)),1)),(l(!0),d(g,null,s(o.events,e=>(l(),t(w,{key:e.id,event:e,editable:o.canEdit,onEdit:o.onEditPrompt},null,8,[`event`,`editable`,`onEdit`]))),128)),o.thinking?(l(),t(T,{key:1})):a(``,!0),o.canRetry?(l(),d(`div`,zt,[i(S,{size:`small`,round:``,onClick:o.onRetry},{default:f(()=>[i(x,{icon:`fa-solid fa-rotate-right`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.session.retry`)),1)]),_:1},8,[`onClick`])])):a(``,!0)],512),o.pendingQuestion?(l(),d(`div`,Bt,[(l(),t(E,{key:o.pendingQuestion.request_id,"tool-use-id":o.pendingQuestion.request_id,payload:o.pendingQuestion.payload,onSubmit:o.onAnswerQuestion,onSkip:o.onSkipQuestion},null,8,[`tool-use-id`,`payload`,`onSubmit`,`onSkip`]))])):a(``,!0),n(`div`,Vt,[o.readonly?(l(),d(`div`,Ht,[i(x,{icon:`fa-solid fa-eye`}),n(`span`,null,c(o.$t(`codingBridge.history.readonly`)),1),i(S,{class:`ml-auto`,size:`small`,round:``,onClick:o.onNewSession},{default:f(()=>[r(c(o.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])])):(l(),d(g,{key:1},[o.editingActive?(l(),d(`div`,Ut,[n(`span`,Wt,[i(x,{icon:`fa-solid fa-pen`,class:`text-[var(--el-color-primary)]`}),r(` `+c(o.$t(`codingBridge.session.editingBanner`)),1)]),o.canRestoreCode?(l(),t(D,{key:0,modelValue:o.restoreCode,"onUpdate:modelValue":p[1]||=e=>o.restoreCode=e,size:`small`,class:`cb-restore-code`},{default:f(()=>[r(c(o.$t(`codingBridge.session.editRestoreCode`)),1)]),_:1},8,[`modelValue`])):a(``,!0),n(`button`,{type:`button`,class:`ml-auto cb-edit-cancel`,onClick:p[2]||=(...e)=>o.cancelEdit&&o.cancelEdit(...e)},c(o.$t(`codingBridge.session.editCancel`)),1)])):a(``,!0),n(`div`,Gt,[o.attachmentFileList.length?(l(),d(`div`,Kt,[(l(!0),d(g,null,s(o.attachmentFileList,(e,t)=>(l(),d(`div`,{key:e.uid||e.name||t,class:`group relative flex max-w-[220px] items-center gap-2 rounded-md border border-[var(--app-border-subtle)] bg-[var(--app-sidebar-bg)] px-2 py-1.5 text-xs`},[o.attachmentPreviewUrl(e)?(l(),d(`img`,{key:0,src:o.attachmentPreviewUrl(e),class:`h-8 w-8 rounded object-cover`,alt:o.$t(`codingBridge.session.attachmentImageAlt`)},null,8,qt)):(l(),d(`span`,Jt,[i(x,{icon:`fa-solid fa-file`})])),n(`span`,{class:`min-w-0 flex-1 truncate`,title:e.name},c(e.name),9,Yt),o.isAttachmentUploading(e)?(l(),d(`span`,Xt,c(Math.round(e.percentage||0))+`% `,1)):a(``,!0),n(`button`,{type:`button`,class:`flex h-5 w-5 items-center justify-center rounded-full text-[var(--app-text-subtle)] hover:bg-[var(--app-content-hover-bg)] hover:text-[var(--el-color-danger)]`,title:o.$t(`codingBridge.session.removeAttachment`),onClick:n=>o.removeAttachment(t,e)},[i(x,{icon:`fa-solid fa-xmark`})],8,Zt)]))),128))])):a(``,!0),o.slashMenuVisible?(l(),d(`ul`,Qt,[(l(!0),d(g,null,s(o.slashMatches,(t,r)=>(l(),d(`li`,{key:t.name,class:e([`cb-slash-menu__item`,{"cb-slash-menu__item--active":r===o.slashActiveIndex}]),onMousedown:_(e=>o.applySlash(t),[`prevent`]),onMouseenter:e=>o.slashActiveIndex=r},[n(`span`,en,`/`+c(t.name),1),t.argument_hint?(l(),d(`span`,tn,c(t.argument_hint),1)):a(``,!0),t.description?(l(),d(`span`,nn,c(t.description),1)):a(``,!0)],42,$t))),128))])):a(``,!0),i(O,{modelValue:o.prompt,"onUpdate:modelValue":p[3]||=e=>o.prompt=e,type:`textarea`,autosize:{minRows:2,maxRows:12},resize:`none`,class:`cb-composer__input`,placeholder:o.$t(`codingBridge.session.promptPlaceholder`),onKeydown:o.onComposerKeydown},null,8,[`modelValue`,`placeholder`,`onKeydown`]),i(k,{ref:`uploader`,"file-list":o.attachmentFileList,"onUpdate:fileList":p[4]||=e=>o.attachmentFileList=e,class:`h-0 w-0 overflow-hidden opacity-0`,name:`file`,action:o.uploadUrl,headers:o.headers,multiple:!0,limit:o.maxAttachments,"show-file-list":!1,"before-upload":o.beforeAttachmentUpload,"on-change":o.onAttachmentChange,"on-success":o.onAttachmentSuccess,"on-error":o.onAttachmentError,"on-exceed":o.onAttachmentExceed},{default:f(()=>[n(`span`,rn,null,512)]),_:1},8,[`file-list`,`action`,`headers`,`limit`,`before-upload`,`on-change`,`on-success`,`on-error`,`on-exceed`]),n(`div`,an,[n(`button`,{type:`button`,class:`cb-icon-btn`,title:o.$t(`codingBridge.session.attachFile`),onClick:p[5]||=(...e)=>o.onTriggerAttachmentUpload&&o.onTriggerAttachmentUpload(...e)},[i(x,{icon:`fa-solid fa-paperclip`})],8,on),n(`div`,sn,[o.isNewSession?(l(),t(M,{key:0,trigger:`click`,onCommand:p[6]||=e=>o.provider=e},{dropdown:f(()=>[i(j,null,{default:f(()=>[(l(!0),d(g,null,s(o.providerOptions,n=>(l(),t(A,{key:n.value,command:n.value,disabled:!n.available},{default:f(()=>[i(x,{icon:`fa-solid fa-check`,class:e([`mr-2`,n.value===o.provider?`opacity-100`:`opacity-0`])},null,8,[`class`]),o.providerIcon(n.value)?(l(),d(`img`,{key:0,src:o.providerIcon(n.value).src,class:e([`cb-pill__brand mr-1.5`,{"cb-pill__brand--invert":o.providerIcon(n.value).invertOnDark}]),alt:``},null,10,dn)):a(``,!0),r(` `+c(n.label)+` `,1),n.available?a(``,!0):(l(),d(`span`,fn,c(o.$t(`codingBridge.session.providerUnavailable`)),1))]),_:2},1032,[`command`,`disabled`]))),128))]),_:1})]),default:f(()=>[n(`button`,cn,[o.providerIcon(o.provider)?(l(),d(`img`,{key:0,src:o.providerIcon(o.provider).src,class:e([`cb-pill__brand`,{"cb-pill__brand--invert":o.providerIcon(o.provider).invertOnDark}]),alt:``},null,10,ln)):(l(),t(x,{key:1,icon:`fa-solid fa-code`,class:`cb-pill__icon`})),n(`span`,un,c(o.providerName(o.provider)),1),i(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1})):(l(),d(`span`,pn,[o.providerIcon(o.currentSession?.provider||`claude`)?(l(),d(`img`,{key:0,src:o.providerIcon(o.currentSession?.provider||`claude`).src,class:e([`cb-pill__brand`,{"cb-pill__brand--invert":o.providerIcon(o.currentSession?.provider||`claude`).invertOnDark}]),alt:``},null,10,mn)):(l(),t(x,{key:1,icon:`fa-solid fa-code`,class:`cb-pill__icon`})),n(`span`,hn,c(o.providerName(o.currentSession?.provider||`claude`)),1)])),i(N,{ref:`modelPopover`,trigger:`click`,placement:`top-start`,width:260},{reference:f(()=>[n(`button`,gn,[i(x,{icon:`fa-solid fa-brain`,class:`cb-pill__icon`}),n(`span`,_n,c(o.model||o.$t(`codingBridge.session.modelDefault`)),1),i(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),default:f(()=>[n(`div`,vn,[n(`button`,{type:`button`,class:`cb-model-option`,onClick:p[7]||=e=>o.selectModel(``)},[i(x,{icon:`fa-solid fa-check`,class:e([`cb-model-option__check`,o.model?`opacity-0`:`opacity-100`])},null,8,[`class`]),n(`span`,yn,c(o.$t(`codingBridge.session.modelDefault`)),1)]),(l(!0),d(g,null,s(o.modelOptions,t=>(l(),d(`button`,{key:t.value,type:`button`,class:`cb-model-option`,onClick:e=>o.selectModel(t.value)},[i(x,{icon:`fa-solid fa-check`,class:e([`cb-model-option__check`,t.value===o.model?`opacity-100`:`opacity-0`])},null,8,[`class`]),n(`span`,xn,c(t.label),1)],8,bn))),128)),o.allowCustomModel?(l(),d(`div`,Sn,[i(O,{modelValue:o.customModelDraft,"onUpdate:modelValue":p[8]||=e=>o.customModelDraft=e,size:`small`,placeholder:o.$t(`codingBridge.session.modelPlaceholder`),onKeyup:h(o.applyCustomModel,[`enter`])},{append:f(()=>[i(S,{disabled:!o.customModelDraft.trim(),onClick:o.applyCustomModel},{default:f(()=>[i(x,{icon:`fa-solid fa-check`})]),_:1},8,[`disabled`,`onClick`])]),_:1},8,[`modelValue`,`placeholder`,`onKeyup`])])):a(``,!0)])]),_:1},512),o.effortOptions.length>1?(l(),t(M,{key:2,trigger:`click`,onCommand:p[9]||=e=>o.effort=e},{dropdown:f(()=>[i(j,null,{default:f(()=>[(l(!0),d(g,null,s(o.effortOptions,n=>(l(),t(A,{key:n.value,command:n.value},{default:f(()=>[i(x,{icon:`fa-solid fa-check`,class:e([`mr-2`,n.value===o.effort?`opacity-100`:`opacity-0`])},null,8,[`class`]),r(` `+c(n.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:f(()=>[n(`button`,Cn,[i(x,{icon:`fa-solid fa-gauge-high`,class:`cb-pill__icon`}),n(`span`,wn,c(o.effortLabel(o.effort)),1),i(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1})):a(``,!0),i(M,{trigger:`click`,onCommand:p[10]||=e=>o.permissionMode=e},{dropdown:f(()=>[i(j,null,{default:f(()=>[(l(!0),d(g,null,s(o.permissionModeOptions,n=>(l(),t(A,{key:n.value,command:n.value},{default:f(()=>[i(x,{icon:`fa-solid fa-check`,class:e([`mr-2`,n.value===o.permissionMode?`opacity-100`:`opacity-0`])},null,8,[`class`]),r(` `+c(n.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:f(()=>[n(`button`,Tn,[i(x,{icon:`fa-solid fa-shield-halved`,class:`cb-pill__icon`}),n(`span`,En,c(o.permissionModeLabel(o.permissionMode)),1),i(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1}),o.canPickCwd?(l(),t(N,{key:3,trigger:`click`,placement:`top-start`,width:320},{reference:f(()=>[n(`button`,Dn,[i(x,{icon:`fa-solid fa-folder-open`,class:`cb-pill__icon`}),n(`span`,On,c(o.cwd||o.$t(`codingBridge.session.cwdDefault`)),1),i(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),default:f(()=>[i(O,{modelValue:o.cwd,"onUpdate:modelValue":p[14]||=e=>o.cwd=e,size:`small`,clearable:``,class:`cb-cwd-input`,placeholder:o.$t(`codingBridge.session.cwdPlaceholder`)},{suffix:f(()=>[n(`span`,{class:`cb-cwd-browse`,role:`button`,tabindex:`0`,title:o.$t(`codingBridge.directory.title`),"aria-label":o.$t(`codingBridge.directory.title`),onClick:p[11]||=(...e)=>o.openDirectory&&o.openDirectory(...e),onKeydown:[p[12]||=h(_((...e)=>o.openDirectory&&o.openDirectory(...e),[`prevent`]),[`enter`]),p[13]||=h(_((...e)=>o.openDirectory&&o.openDirectory(...e),[`prevent`]),[`space`])]},[i(x,{icon:`fa-solid fa-folder-open`})],40,kn)]),_:1},8,[`modelValue`,`placeholder`])]),_:1})):o.currentSession?.cwd?(l(),d(`span`,An,[i(x,{icon:`fa-solid fa-folder-open`,class:`cb-pill__icon`}),n(`span`,jn,c(o.currentSession?.cwd),1)])):a(``,!0)]),o.running?(l(),t(S,{key:0,circle:``,onClick:o.onInterrupt},{default:f(()=>[i(x,{icon:`fa-solid fa-stop`})]),_:1},8,[`onClick`])):a(``,!0),i(S,{type:`primary`,round:``,disabled:!o.canSend,onClick:o.onSend},{default:f(()=>[r(c(o.editingActive?o.$t(`codingBridge.session.editSubmit`):o.$t(`codingBridge.session.send`)),1)]),_:1},8,[`disabled`,`onClick`])])]),n(`p`,Mn,c(o.composerHint),1)],64))])],64)):(l(),d(`div`,wt,[i(x,{icon:`fa-solid fa-laptop-code`,class:`text-4xl mb-3`}),n(`p`,Tt,c(o.$t(`codingBridge.session.noDevice`)),1)])),i(P,{visible:o.directoryVisible,"onUpdate:visible":p[15]||=e=>o.directoryVisible=e,"initial-path":o.cwd,onSelect:o.onDirectorySelect},null,8,[`visible`,`initial-path`,`onSelect`])])}var Pn=D(St,[[`render`,Nn],[`__scopeId`,`data-v-aa5e6831`]]),Fn=o({name:`CodingBridgePairDialog`,components:{ElDialog:A,ElInput:k,ElButton:v,FontAwesomeIcon:I},props:{visible:{type:Boolean,default:!1},initialCode:{type:String,default:``}},emits:[`update:visible`],data(){return{code:``}},computed:{claiming(){return this.$store.state.codingBridge?.status?.claimPair===F.Request}},watch:{visible(e){e&&this.initialCode&&(this.code=this.initialCode)},initialCode(e){e&&(this.code=e)}},methods:{async onClaim(){let e=this.code.trim();if(e)try{let t=await this.$store.dispatch(`codingBridge/claimPair`,e);P.success(this.$t(`codingBridge.pair.success`,{name:t})),this.code=``,this.$emit(`update:visible`,!1)}catch(e){let t=e?.response?.status;t===404?P.error(this.$t(`codingBridge.pair.invalidCode`)):t===409?P.error(this.$t(`codingBridge.pair.usedCode`)):P.error(this.$t(`codingBridge.pair.failed`))}}}}),In={class:`content`},Ln={class:`text-sm text-[var(--app-text-subtle)] mb-4`},Rn={class:`steps list-none m-0 p-0 mb-4`},zn={class:`flex gap-3 mb-3`},Bn={class:`flex-1 min-w-0`},Vn={class:`text-sm mb-1`},Hn={class:`flex gap-3 mb-3`},Un={class:`flex-1 min-w-0`},Wn={class:`text-sm mb-1`},Gn={class:`flex gap-3`},Kn={class:`flex-1 min-w-0`},qn={class:`text-sm`};function Jn(e,a,o,s,d,p){let m=u(`el-input`),g=u(`font-awesome-icon`),_=u(`el-button`),v=u(`el-dialog`);return l(),t(v,{"model-value":e.visible,width:`520px`,title:e.$t(`codingBridge.pair.title`),center:``,"onUpdate:modelValue":a[1]||=t=>e.$emit(`update:visible`,t)},{default:f(()=>[n(`div`,In,[n(`p`,Ln,c(e.$t(`codingBridge.pair.intro`)),1),n(`ol`,Rn,[n(`li`,zn,[a[3]||=n(`span`,{class:`step-index`},`1`,-1),n(`div`,Bn,[n(`p`,Vn,c(e.$t(`codingBridge.pair.step1`)),1),a[2]||=n(`code`,{class:`cmd`},`pip install coding-bridge-agent`,-1)])]),n(`li`,Hn,[a[5]||=n(`span`,{class:`step-index`},`2`,-1),n(`div`,Un,[n(`p`,Wn,c(e.$t(`codingBridge.pair.step2`)),1),a[4]||=n(`code`,{class:`cmd`},`coding-bridge-agent up`,-1)])]),n(`li`,Gn,[a[6]||=n(`span`,{class:`step-index`},`3`,-1),n(`div`,Kn,[n(`p`,qn,c(e.$t(`codingBridge.pair.step3`)),1)])])]),i(m,{modelValue:e.code,"onUpdate:modelValue":a[0]||=t=>e.code=t,size:`large`,class:`mb-3`,placeholder:e.$t(`codingBridge.pair.codePlaceholder`),clearable:``,onKeyup:h(e.onClaim,[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeyup`]),i(_,{type:`primary`,round:``,class:`w-full`,loading:e.claiming,disabled:!e.code.trim(),onClick:e.onClaim},{default:f(()=>[i(g,{icon:`fa-solid fa-link`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.pair.claim`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])])]),_:1},8,[`model-value`,`title`])}var Yn=D(Fn,[[`render`,Jn],[`__scopeId`,`data-v-3d1ed01f`]]),Xn=o({name:`CodingBridgePermissionDialog`,components:{ElDialog:A,ElButton:v,FontAwesomeIcon:I},computed:{request(){return(this.$store.state.codingBridge?.permissions??[]).find(e=>!G(e))},hasInput(){return!!this.request?.input&&Object.keys(this.request.input).length>0},inputText(){try{return JSON.stringify(this.request?.input,null,2)}catch{return String(this.request?.input??``)}}},methods:{onAllow(){this.request&&this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:this.request.request_id,decision:`allow`})},onDeny(){this.request&&this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:this.request.request_id,decision:`deny`})}}}),Zn={key:0,class:`content`},Qn={class:`text-sm text-[var(--app-text-subtle)] mb-3`},$n={class:`rounded-md border border-[var(--app-border-subtle)] p-3 mb-3`},er={class:`flex items-center gap-2 font-medium`},tr={key:0,class:`text-xs text-[var(--app-text-subtle)] mt-1`},nr={key:1,class:`mt-2 text-xs overflow-x-auto whitespace-pre-wrap break-words text-[var(--app-text-subtle)] max-h-[200px]`},rr={class:`flex justify-end gap-2`};function ir(e,o,s,p,m,h){let g=u(`font-awesome-icon`),_=u(`el-button`),v=u(`el-dialog`);return l(),t(v,{"model-value":!!e.request,width:`480px`,title:e.$t(`codingBridge.permission.title`),"close-on-click-modal":!1,"show-close":!1,center:``},{footer:f(()=>[n(`div`,rr,[i(_,{round:``,onClick:e.onDeny},{default:f(()=>[i(g,{icon:`fa-solid fa-xmark`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.permission.deny`)),1)]),_:1},8,[`onClick`]),i(_,{type:`primary`,round:``,onClick:e.onAllow},{default:f(()=>[i(g,{icon:`fa-solid fa-check`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.permission.allow`)),1)]),_:1},8,[`onClick`])])]),default:f(()=>[e.request?(l(),d(`div`,Zn,[n(`p`,Qn,c(e.$t(`codingBridge.permission.subtitle`)),1),n(`div`,$n,[n(`div`,er,[i(g,{icon:`fa-solid fa-code`}),n(`span`,null,c(e.request.display_name||e.request.title||e.request.tool),1)]),e.request.description?(l(),d(`p`,tr,c(e.request.description),1)):a(``,!0),e.hasInput?(l(),d(`pre`,nr,c(e.inputText),1)):a(``,!0)])])):a(``,!0)]),_:1},8,[`model-value`,`title`])}var ar=D(Xn,[[`render`,ir]]),Q={claude:{src:Y,invertOnDark:!1},codex:{src:X,invertOnDark:!0}},or=o({name:`CodingBridgeHistoryDrawer`,components:{ElDrawer:x,ElButton:v,FontAwesomeIcon:I},props:{visible:{type:Boolean,default:!1}},emits:[`update:visible`],computed:{currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},loading(){return this.$store.state.codingBridge?.status?.getHistory===F.Request},sessions(){let e=this.currentNodeId;return[...e?this.$store.state.codingBridge?.history?.[e]??[]:[]].sort((e,t)=>(t.updated_at??0)-(e.updated_at??0))}},watch:{visible(e){e&&this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)}},methods:{providerIcon(e){return Q[e]??Q.claude},refresh(){this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)},open(e){this.currentNodeId&&(this.$store.dispatch(`codingBridge/getHistoryDetail`,{node_id:this.currentNodeId,provider:e.provider,session_id:e.session_id}),this.$emit(`update:visible`,!1))},formatTime(e){try{return new Date(e).toLocaleString()}catch{return``}}}}),sr={class:`flex flex-col h-full`},$={class:`flex items-center justify-between mb-3`},cr={class:`text-xs text-[var(--app-text-subtle)] m-0`},lr={key:0,class:`m-auto text-sm text-[var(--app-text-subtle)]`},ur={key:1,class:`m-auto text-sm text-[var(--app-text-subtle)]`},dr={key:2,class:`m-auto text-sm text-[var(--app-text-subtle)] text-center`},fr={key:3,class:`list-none m-0 p-0 flex-1 overflow-y-auto flex flex-col gap-2`},pr=[`onClick`],mr={class:`flex items-center gap-2 mb-1`},hr=[`src`,`alt`],gr={class:`text-sm font-medium truncate flex-1`},_r={class:`text-[11px] text-[var(--app-text-subtle)] truncate`},vr={key:0},yr={key:1},br={class:`text-[11px] text-[var(--app-text-subtle)] mt-0.5`},xr={key:0},Sr={key:1};function Cr(o,p,m,h,_,v){let y=u(`font-awesome-icon`),b=u(`el-button`),x=u(`el-drawer`);return l(),t(x,{"model-value":o.visible,direction:`rtl`,size:`380px`,title:o.$t(`codingBridge.history.title`),"onUpdate:modelValue":p[0]||=e=>o.$emit(`update:visible`,e)},{default:f(()=>[n(`div`,sr,[n(`div`,$,[n(`p`,cr,c(o.$t(`codingBridge.history.intro`)),1),i(b,{size:`small`,round:``,loading:o.loading,onClick:o.refresh},{default:f(()=>[o.loading?a(``,!0):(l(),t(y,{key:0,icon:`fa-solid fa-rotate-right`,class:`mr-1`})),r(` `+c(o.$t(`codingBridge.history.refresh`)),1)]),_:1},8,[`loading`,`onClick`])]),o.currentNodeId?o.loading&&!o.sessions.length?(l(),d(`div`,ur,c(o.$t(`codingBridge.history.loading`)),1)):o.sessions.length?(l(),d(`ul`,fr,[(l(!0),d(g,null,s(o.sessions,t=>(l(),d(`li`,{key:t.provider+`:`+t.session_id,class:`item rounded-lg p-3 cursor-pointer border border-[var(--app-border-subtle)]`,onClick:e=>o.open(t)},[n(`div`,mr,[n(`img`,{src:o.providerIcon(t.provider).src,class:e([`provider-icon`,{"provider-icon--invert":o.providerIcon(t.provider).invertOnDark}]),alt:t.provider===`codex`?`Codex`:`Claude`},null,10,hr),n(`span`,gr,c(t.title),1)]),n(`div`,_r,[t.cwd?(l(),d(`span`,vr,c(t.cwd),1)):a(``,!0),t.git_branch?(l(),d(`span`,yr,` · `+c(t.git_branch),1)):a(``,!0)]),n(`div`,br,[t.updated_at?(l(),d(`span`,xr,c(o.formatTime(t.updated_at)),1)):a(``,!0),t.message_count?(l(),d(`span`,Sr,` · `+c(o.$t(`codingBridge.history.messages`,{count:t.message_count})),1)):a(``,!0)])],8,pr))),128))])):(l(),d(`div`,dr,c(o.$t(`codingBridge.history.empty`)),1)):(l(),d(`div`,lr,c(o.$t(`codingBridge.session.noDevice`)),1))])]),_:1},8,[`model-value`,`title`])}var wr=o({name:`CodingBridgeIndex`,components:{ElButton:v,ElDrawer:x,FontAwesomeIcon:I,NodeList:_e,SessionView:Pn,PairDialog:Yn,PermissionDialog:ar,HistoryDrawer:D(or,[[`render`,Cr],[`__scopeId`,`data-v-dff698a3`]])},data(){return{drawer:!1,pairVisible:!1,historyVisible:!1,initialCode:``}},mounted(){this.$store.dispatch(`codingBridge/connect`),this.$store.dispatch(`codingBridge/getNodes`);let e=this.$route.query.code;typeof e==`string`&&e&&(this.initialCode=e,this.pairVisible=!0),this.handleNotificationDeepLink()},beforeUnmount(){this.$store.dispatch(`codingBridge/disconnect`)},methods:{openPair(){this.initialCode=``,this.pairVisible=!0},openPairFromDrawer(){this.drawer=!1,this.openPair()},handleNotificationDeepLink(){let e=this.$route.query.node;typeof e==`string`&&e&&(this.$store.dispatch(`codingBridge/selectNode`,e),this.$store.dispatch(`codingBridge/requestPendingPermissions`,e))}}}),Tr={class:`coding-bridge flex flex-row h-full relative`};function Er(e,t,n,r,a,o){let s=u(`node-list`),c=u(`session-view`),p=u(`font-awesome-icon`),m=u(`el-button`),h=u(`el-drawer`),g=u(`pair-dialog`),_=u(`permission-dialog`),v=u(`history-drawer`);return l(),d(`div`,Tr,[i(s,{class:`sidebar w-[300px] flex-none`,onPair:e.openPair},null,8,[`onPair`]),i(c,{class:`flex-1 min-w-0`,onHistory:t[0]||=t=>e.historyVisible=!0}),i(m,{circle:``,class:`menu`,onClick:t[1]||=t=>e.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-laptop-code`})]),_:1}),i(h,{modelValue:e.drawer,"onUpdate:modelValue":t[2]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`300px`,class:`drawer`},{default:f(()=>[i(s,{onPair:e.openPairFromDrawer},null,8,[`onPair`])]),_:1},8,[`modelValue`]),i(g,{visible:e.pairVisible,"onUpdate:visible":t[3]||=t=>e.pairVisible=t,"initial-code":e.initialCode},null,8,[`visible`,`initial-code`]),i(_),i(v,{visible:e.historyVisible,"onUpdate:visible":t[4]||=t=>e.historyVisible=t},null,8,[`visible`])])}var Dr=D(wr,[[`render`,Er],[`__scopeId`,`data-v-44a88ff4`]]);export{Dr as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{Bt as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,k as d,lt as f,tt as p,ut as m,v as h,x as g,y as _}from"./vendor-chart-mdwpew_o.js";import{t as v}from"./button-DWzbdjZV.js";import{t as y}from"./upload-C1A-s7Yk.js";import{t as b}from"./checkbox-hfJFSY6z.js";import{t as x}from"./drawer-BvYPSxXh.js";import{n as S,r as C,t as w}from"./dropdown-CmHI22Qk.js";import{t as T}from"./popover-CE7suPFv.js";import{Dr as E,E as D,Ft as O,Ir as k,Mr as A,Or as j,Sr as M,jt as N,kr as P,yr as F}from"./index-B2cLm6qN.js";import"./vendor-highlight-BtIeKitL.js";import{t as I}from"./index.es-CtAdUuvy.js";import{t as ee}from"./CopyToClipboard-BWst2iVb.js";import{n as te,t as ne}from"./AskUserQuestionCard-C-rgZ50J.js";import{s as re,t as ie}from"./codingBridgeNotify-BgO1-q2c.js";var ae=o({name:`CodingBridgeNotificationToggle`,components:{ElButton:v,FontAwesomeIcon:I},data(){return{enabled:!1,busy:!1}},computed:{supported(){return E()||re()}},mounted(){this.enabled=!E()&&ie()===`granted`},methods:{async onToggle(){this.busy=!0;try{if(this.enabled){await this.$store.dispatch(`codingBridge/disableNotifications`),this.enabled=!1,P.success(this.$t(`codingBridge.notify.disabled`));return}let e=await this.$store.dispatch(`codingBridge/enableNotifications`);e===`enabled`?(this.enabled=!0,P.success(this.$t(`codingBridge.notify.enabled`))):e===`denied`?P.warning(this.$t(`codingBridge.notify.denied`)):P.warning(this.$t(`codingBridge.notify.unsupported`))}catch{P.error(this.$t(`codingBridge.notify.failed`))}finally{this.busy=!1}}}});function oe(e,n,r,i,o,s){let c=u(`font-awesome-icon`),d=u(`el-button`);return e.supported?(l(),t(d,{key:0,circle:``,size:`small`,type:e.enabled?`primary`:`default`,title:e.enabled?e.$t(`codingBridge.notify.disable`):e.$t(`codingBridge.notify.enable`),disabled:e.busy,onClick:e.onToggle},{default:f(()=>[e.busy?(l(),t(c,{key:0,icon:`fa-solid fa-spinner`,spin:``})):(l(),t(c,{key:1,icon:e.enabled?`fa-solid fa-bell`:`fa-regular fa-bell`},null,8,[`icon`]))]),_:1},8,[`type`,`title`,`disabled`,`onClick`])):a(``,!0)}var se=o({name:`CodingBridgeNodeList`,components:{ElButton:v,FontAwesomeIcon:I,NotificationToggle:D(ae,[[`render`,oe]])},emits:[`pair`],computed:{nodes(){return this.$store.state.codingBridge?.nodes??[]},currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},connection(){return this.$store.state.codingBridge?.connection??`disconnected`},connectionLabel(){return this.$t(`codingBridge.connection.${this.connection}`)},connectionDotClass(){switch(this.connection){case`connected`:return`bg-[var(--el-color-success)]`;case`connecting`:return`bg-[var(--el-color-warning)]`;case`error`:return`bg-[var(--el-color-danger)]`;default:return`bg-[var(--app-text-subtle)]`}}},methods:{onSelect(e){this.$store.dispatch(`codingBridge/selectNode`,e)},onRefresh(){this.$store.dispatch(`codingBridge/getNodes`)},async onDelete(e){try{await j.confirm(this.$t(`codingBridge.nodeList.removeConfirm`,{name:e.name}),this.$t(`codingBridge.nodeList.remove`),{confirmButtonText:this.$t(`codingBridge.nodeList.remove`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`})}catch{return}try{await this.$store.dispatch(`codingBridge/deleteNode`,e.node_id),P.success(this.$t(`codingBridge.nodeList.removeSuccess`))}catch{P.error(this.$t(`codingBridge.nodeList.removeFailed`))}}}}),ce={class:`node-list flex flex-col h-full bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},le={class:`flex items-center justify-between px-4 py-3 border-b border-[var(--app-border-subtle)]`},L={class:`flex items-center gap-2 font-medium`},R={class:`flex items-center gap-1`},z={class:`flex items-center gap-2 px-4 py-2 text-xs border-b border-[var(--app-border-subtle)]`},B={class:`text-[var(--app-text-subtle)]`},V={class:`flex-1 overflow-y-auto`},H={key:0,class:`p-6 text-center text-sm text-[var(--app-text-subtle)]`},U={class:`mb-3`},W={key:1,class:`list-none m-0 p-0`},ue=[`onClick`],de={class:`flex-1 min-w-0`},fe={class:`flex items-center gap-2`},pe={class:`truncate font-medium`},me=[`title`],he={class:`text-xs text-[var(--app-text-subtle)] truncate`};function ge(t,a,o,p,m,h){let v=u(`font-awesome-icon`),y=u(`notification-toggle`),b=u(`el-button`);return l(),d(`div`,ce,[n(`div`,le,[n(`div`,L,[i(v,{icon:`fa-solid fa-laptop-code`}),n(`span`,null,c(t.$t(`codingBridge.nodeList.title`)),1)]),n(`div`,R,[i(y),i(b,{circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.refresh`),onClick:t.onRefresh},{default:f(()=>[i(v,{icon:`fa-solid fa-rotate-right`})]),_:1},8,[`title`,`onClick`]),i(b,{type:`primary`,circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.pair`),onClick:a[0]||=e=>t.$emit(`pair`)},{default:f(()=>[i(v,{icon:`fa-solid fa-plus`})]),_:1},8,[`title`])])]),n(`div`,z,[n(`span`,{class:e([`inline-block w-2 h-2 rounded-full`,t.connectionDotClass])},null,2),n(`span`,B,c(t.connectionLabel),1)]),n(`div`,V,[t.nodes.length?(l(),d(`ul`,W,[(l(!0),d(g,null,s(t.nodes,r=>(l(),d(`li`,{key:r.node_id,class:e([`group flex items-center gap-3 px-4 py-3 cursor-pointer border-b border-[var(--app-border-subtle)] hover:bg-[var(--app-content-bg)]`,{"bg-[var(--app-content-bg)]":r.node_id===t.currentNodeId}]),onClick:e=>t.onSelect(r.node_id)},[i(v,{icon:`fa-solid fa-desktop`,class:`text-[var(--app-text-subtle)]`}),n(`div`,de,[n(`div`,fe,[n(`span`,pe,c(r.name),1),n(`span`,{class:e([`inline-block w-2 h-2 rounded-full flex-none`,r.status===`online`?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`]),title:r.status===`online`?t.$t(`codingBridge.status.online`):t.$t(`codingBridge.status.offline`)},null,10,me)]),n(`div`,he,c(r.status===`online`?t.$t(`codingBridge.status.online`):t.$t(`codingBridge.status.offline`)),1)]),i(b,{class:`opacity-0 group-hover:opacity-100`,text:``,circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.remove`),onClick:_(e=>t.onDelete(r),[`stop`])},{default:f(()=>[i(v,{icon:`fa-solid fa-trash`})]),_:1},8,[`title`,`onClick`])],10,ue))),128))])):(l(),d(`div`,H,[n(`p`,U,c(t.$t(`codingBridge.nodeList.empty`)),1),i(b,{type:`primary`,round:``,size:`small`,onClick:a[1]||=e=>t.$emit(`pair`)},{default:f(()=>[i(v,{icon:`fa-solid fa-plus`,class:`mr-1`}),r(` `+c(t.$t(`codingBridge.nodeList.pairFirst`)),1)]),_:1})]))])])}var _e=D(se,[[`render`,ge]]),ve=e=>{let t=e?.questions;return Array.isArray(t)&&t.length>0&&t.every(e=>e&&typeof e.question==`string`&&Array.isArray(e.options))},G=e=>e?(e.tool||``).toLowerCase()===`askuserquestion`?!0:ve(e.input):!1,ye=e=>({questions:e.input?.questions??[]}),be=o({name:`CodingBridgeTranscriptItem`,directives:{highlight:O},components:{FontAwesomeIcon:I,VueMarkdown:te},props:{event:{type:Object,required:!0},editable:{type:Boolean,default:!1}},emits:[`edit`],computed:{commandText(){let e=this.event.input;if(!e)return``;for(let t of[`command`,`cmd`,`script`]){let n=e[t];if(typeof n==`string`&&n.trim())return n}return``},filePath(){let e=this.event.input;if(!e)return``;for(let t of[`file_path`,`filePath`,`path`,`notebook_path`,`filename`]){let n=e[t];if(typeof n==`string`&&n.trim())return n}return``},toolDescription(){let e=this.event.input?.description;return typeof e==`string`?e:``},toolIcon(){if(this.commandText)return`fa-solid fa-terminal`;let e=(this.event.tool??``).toLowerCase();return/read|cat|view/.test(e)?`fa-solid fa-file-lines`:/write|edit|create|update|insert/.test(e)?`fa-solid fa-pen`:/grep|glob|search|find|list/.test(e)?`fa-solid fa-magnifying-glass`:`fa-solid fa-code`},questionLines(){let e=(this.event.tool??``).toLowerCase(),t=this.event.input?.questions;return!(e===`askuserquestion`||Array.isArray(t))||!Array.isArray(t)?[]:t.filter(e=>e&&typeof e.question==`string`).map(e=>({header:typeof e.header==`string`?e.header:``,question:e.question}))},inputText(){let e=this.event.input;if(!e)return``;let t={};for(let[n,r]of Object.entries(e))n===`timeout`||n===`description`||(t[n]=r);if(Object.keys(t).length===0)return``;try{return JSON.stringify(t,null,2)}catch{return String(e)}},resultText(){let e=this.event.content;return typeof e==`string`&&e.length>0?e:`—`},resultLabel(){let e=[];return this.event.is_error?e.push(this.$t(`codingBridge.transcript.turnFailed`)):e.push(this.$t(`codingBridge.transcript.turnDone`)),typeof this.event.cost_usd==`number`&&this.event.cost_usd>0&&e.push(`$${this.event.cost_usd.toFixed(4)}`),e.join(` · `)},hasAttachments(){return!!this.event.attachments?.length},noticeText(){let e=this.event.subtype,t=this.event.command;if(t){if(e===`slash_unavailable`)return this.$t(`codingBridge.notice.slashUnavailable`,{command:t});if(e===`slash_codex_unsupported`)return this.$t(`codingBridge.notice.slashCodexUnsupported`,{command:t})}return this.event.text||``}}}),xe={key:0,class:`group flex items-end justify-end gap-1.5`},Se=[`title`,`aria-label`],Ce={class:`max-w-[85%] rounded-lg px-3 py-2 bg-[var(--el-color-primary)] text-white whitespace-pre-wrap break-words`},we=[`src`],Te=[`href`],Ee=[`src`],De={key:1,class:`flex h-9 w-9 items-center justify-center rounded bg-white/15`},Oe={class:`min-w-0 truncate`},ke={key:2},Ae={key:2,class:`whitespace-pre-wrap break-words italic text-[var(--app-text-subtle)] border-l-2 border-[var(--app-border-subtle)] pl-3`},je={key:3,class:`overflow-hidden rounded-md bg-[var(--app-sidebar-bg)] border border-[var(--app-border-subtle)]`},Me={class:`flex items-center gap-2 px-2.5 py-1.5 font-medium text-[var(--app-text-subtle)]`},Ne={key:0,class:`min-w-0 truncate text-xs font-normal opacity-70`},Pe={key:0,class:`flex flex-col gap-1.5 px-2.5 pb-2`},Fe={key:0,class:`font-medium text-[var(--app-text)]`},Ie={class:`whitespace-pre-wrap break-words text-[var(--app-text-subtle)]`},Le={key:1,class:`px-2.5 pb-2`},Re={class:`flex gap-2 overflow-x-auto rounded border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-2.5 py-1.5 font-mono text-xs`},ze={class:`whitespace-pre-wrap break-words`},Be={key:2,class:`px-2.5 pb-2 font-mono text-xs break-all text-[var(--app-text-subtle)]`},Ve={key:3,class:`m-0 overflow-x-auto whitespace-pre-wrap break-words px-2.5 pb-2 text-xs text-[var(--app-text-subtle)]`},He={key:5,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)]`},Ue={key:6,class:`flex items-start gap-2 rounded-md bg-[var(--app-sidebar-bg)] border border-[var(--app-border-subtle)] text-[var(--app-text-subtle)] px-3 py-2 text-xs`},We={class:`whitespace-pre-wrap break-words`},Ge={key:7,class:`rounded-md bg-[var(--el-color-danger-light-9)] text-[var(--el-color-danger)] px-3 py-2 whitespace-pre-wrap break-words`};function Ke(t,r,o,f,h,_){let v=u(`font-awesome-icon`),y=u(`vue-markdown`),b=p(`highlight`);return l(),d(`div`,{class:e([`transcript-item text-sm leading-relaxed`,`kind-${t.event.kind}`])},[t.event.kind===`prompt`?(l(),d(`div`,xe,[t.editable?(l(),d(`button`,{key:0,type:`button`,class:`cb-edit-btn opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100`,title:t.$t(`codingBridge.session.editPrompt`),"aria-label":t.$t(`codingBridge.session.editPrompt`),onClick:r[0]||=e=>t.$emit(`edit`,t.event)},[i(v,{icon:`fa-solid fa-pen`})],8,Se)):a(``,!0),n(`div`,Ce,[t.event.images&&t.event.images.length?(l(),d(`div`,{key:0,class:e([`flex flex-wrap gap-1.5`,{"mb-1.5":t.event.text||t.hasAttachments}])},[(l(!0),d(g,null,s(t.event.images,(e,t)=>(l(),d(`img`,{key:t,src:e,class:`w-16 h-16 rounded object-cover`,alt:``},null,8,we))),128))],2)):a(``,!0),t.hasAttachments?(l(),d(`div`,{key:1,class:e([`flex flex-wrap gap-1.5`,{"mb-1.5":t.event.text}])},[(l(!0),d(g,null,s(t.event.attachments,(e,t)=>(l(),d(`a`,{key:`${e.url}-${t}`,href:e.url,target:`_blank`,rel:`noopener noreferrer`,class:`flex max-w-[220px] items-center gap-2 rounded-md bg-white/15 px-2 py-1.5 text-xs text-white hover:bg-white/20`},[e.type===`image`?(l(),d(`img`,{key:0,src:e.url,class:`h-9 w-9 rounded object-cover`,alt:``},null,8,Ee)):(l(),d(`span`,De,[i(v,{icon:`fa-solid fa-file`})])),n(`span`,Oe,c(e.name||e.url),1)],8,Te))),128))],2)):a(``,!0),t.event.text?(l(),d(`span`,ke,c(t.event.text),1)):a(``,!0)])])):t.event.kind===`text`?(l(),d(`div`,{key:1,class:e([`cb-stream-text`,{"is-streaming":t.event.streaming}])},[m(i(y,{source:t.event.text||``,class:`markdown-body bg-transparent text-[var(--app-text)]`},null,8,[`source`]),[[b]])],2)):t.event.kind===`thinking`?(l(),d(`div`,Ae,c(t.event.text),1)):t.event.kind===`tool_use`?(l(),d(`div`,je,[n(`div`,Me,[i(v,{icon:t.toolIcon,class:`text-[var(--el-color-primary)]`},null,8,[`icon`]),n(`span`,null,c(t.event.tool),1),t.toolDescription?(l(),d(`span`,Ne,c(t.toolDescription),1)):a(``,!0)]),t.questionLines.length?(l(),d(`div`,Pe,[(l(!0),d(g,null,s(t.questionLines,(e,t)=>(l(),d(`div`,{key:t,class:`rounded border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-2.5 py-1.5 text-xs`},[e.header?(l(),d(`div`,Fe,c(e.header),1)):a(``,!0),n(`div`,Ie,c(e.question),1)]))),128))])):t.commandText?(l(),d(`div`,Le,[n(`div`,Re,[r[1]||=n(`span`,{class:`select-none text-[var(--el-color-success)]`},`$`,-1),n(`span`,ze,c(t.commandText),1)])])):t.filePath?(l(),d(`div`,Be,c(t.filePath),1)):t.inputText?(l(),d(`pre`,Ve,c(t.inputText),1)):a(``,!0)])):t.event.kind===`tool_result`?(l(),d(`div`,{key:4,class:e([`overflow-hidden rounded-md`,t.event.is_error?`bg-[var(--el-color-danger-light-9)]`:`bg-[var(--app-sidebar-bg)]`])},[n(`pre`,{class:e([`m-0 max-h-72 overflow-auto whitespace-pre-wrap break-words px-2.5 py-2 font-mono text-xs`,t.event.is_error?`text-[var(--el-color-danger)]`:`text-[var(--app-text-subtle)]`])},c(t.resultText),3)],2)):t.event.kind===`result`?(l(),d(`div`,He,[i(v,{icon:t.event.is_error?`fa-solid fa-xmark`:`fa-solid fa-check`},null,8,[`icon`]),n(`span`,null,c(t.resultLabel),1)])):t.event.kind===`notice`?(l(),d(`div`,Ue,[i(v,{icon:`fa-solid fa-circle-info`,class:`mt-0.5 flex-none text-[var(--el-color-primary)]`}),n(`span`,We,c(t.noticeText),1)])):t.event.kind===`error`?(l(),d(`div`,Ge,c(t.event.text),1)):a(``,!0)],2)}var qe=D(be,[[`render`,Ke],[`__scopeId`,`data-v-17816a06`]]),K=[`⠋`,`⠙`,`⠹`,`⠸`,`⠼`,`⠴`,`⠦`,`⠧`,`⠇`,`⠏`],Je=`Pondering.Noodling.Conjuring.Brewing.Cooking.Crafting.Churning.Simmering.Percolating.Ruminating.Musing.Marinating.Synthesizing.Computing.Hatching.Forging.Vibing.Working.Thinking.Cogitating.Mulling.Stewing.Tinkering.Wrangling.Spinning.Reticulating.Manifesting.Deliberating`.split(`.`),Ye=[`思考中`,`酝酿中`,`沉思中`,`推敲中`,`构思中`,`计算中`,`琢磨中`,`捣鼓中`,`炼制中`,`召唤中`,`编织中`,`烹饪中`,`咀嚼中`,`盘算中`,`发酵中`,`运转中`,`冥想中`,`鼓捣中`,`熬制中`,`神游中`,`演算中`,`雕琢中`,`头脑风暴中`,`反复斟酌中`],Xe=80,q=60,Ze=1500,J=28,Qe=o({name:`CodingBridgeThinkingIndicator`,data(){return{spinnerIndex:0,display:``,elapsed:0,charIndex:0,phase:`typing`,currentWord:``,spinnerTimer:0,elapsedTimer:0,typeTimer:0}},computed:{spinnerFrame(){return K[this.spinnerIndex]},words(){return this.$i18n.locale.startsWith(`zh`)?Ye:Je}},mounted(){this.currentWord=this.pickWord(),this.spinnerTimer=window.setInterval(()=>{this.spinnerIndex=(this.spinnerIndex+1)%K.length},Xe),this.elapsedTimer=window.setInterval(()=>{this.elapsed+=1},1e3),this.scheduleType(q)},beforeUnmount(){window.clearInterval(this.spinnerTimer),window.clearInterval(this.elapsedTimer),window.clearTimeout(this.typeTimer)},methods:{pickWord(){let e=this.words;if(e.length<=1)return e[0]??``;let t=this.currentWord;for(;t===this.currentWord;)t=e[Math.floor(Math.random()*e.length)];return t},scheduleType(e){this.typeTimer=window.setTimeout(this.advance,e)},advance(){let e=this.currentWord;this.phase===`typing`?(this.charIndex+=1,this.display=e.slice(0,this.charIndex),this.charIndex>=e.length?(this.phase=`holding`,this.scheduleType(Ze)):this.scheduleType(q)):this.phase===`holding`?(this.phase=`deleting`,this.scheduleType(J)):(--this.charIndex,this.display=e.slice(0,Math.max(0,this.charIndex)),this.charIndex<=0?(this.currentWord=this.pickWord(),this.phase=`typing`,this.scheduleType(q)):this.scheduleType(J))}}}),$e={class:`cb-thinking flex items-center gap-2 text-sm text-[var(--app-text-subtle)] py-1`},et={class:`cb-thinking__spinner text-[var(--el-color-primary)]`},tt={class:`cb-thinking__word`},nt={class:`cb-thinking__elapsed tabular-nums opacity-60`};function rt(e,t,i,a,o,s){return l(),d(`div`,$e,[n(`span`,et,c(e.spinnerFrame),1),n(`span`,tt,[r(c(e.display),1),t[0]||=n(`span`,{class:`cb-thinking__caret`},`▋`,-1)]),n(`span`,nt,`(`+c(e.elapsed)+`s)`,1)])}var it=D(Qe,[[`render`,rt],[`__scopeId`,`data-v-6087e9e6`]]),at=o({name:`CodingBridgeDirectoryDialog`,components:{ElDialog:A,ElButton:v,FontAwesomeIcon:I},props:{visible:{type:Boolean,default:!1},initialPath:{type:String,default:``}},emits:[`update:visible`,`select`],computed:{listing(){return this.$store.state.codingBridge?.directory},loading(){return this.$store.state.codingBridge?.directoryLoading===!0},directories(){return(this.listing?.entries??[]).filter(e=>e.type===`dir`)},files(){return(this.listing?.entries??[]).filter(e=>e.type===`file`)},isEmpty(){return!!this.listing&&!this.listing.error&&(this.listing.entries??[]).length===0}},methods:{onOpen(){this.$store.dispatch(`codingBridge/browseDir`,this.initialPath||void 0)},onVisibleChange(e){this.$emit(`update:visible`,e),e||this.$store.dispatch(`codingBridge/clearDirectory`)},openDir(e){this.$store.dispatch(`codingBridge/browseDir`,e)},goParent(){this.listing?.parent&&this.$store.dispatch(`codingBridge/browseDir`,this.listing.parent)},refresh(){this.$store.dispatch(`codingBridge/browseDir`,this.listing?.path||this.initialPath||void 0)},chooseCurrent(){this.listing&&!this.listing.error&&(this.$emit(`select`,this.listing.path),this.onVisibleChange(!1))}}}),ot={class:`flex flex-col gap-2`},st={class:`flex items-center gap-2 min-w-0`},ct={class:`text-xs text-[var(--app-text-subtle)] truncate flex-1`,dir:`ltr`},lt={class:`h-72 overflow-y-auto border border-[var(--app-border-subtle)] rounded-md divide-y divide-[var(--app-border-subtle)]`},ut={key:0,class:`h-full flex items-center justify-center text-sm text-[var(--app-text-subtle)]`},dt={key:1,class:`h-full flex items-center justify-center text-sm text-[var(--el-color-danger)]`},ft=[`onClick`],pt={class:`truncate`,dir:`ltr`},mt={class:`truncate`,dir:`ltr`},ht={key:0,class:`h-full flex items-center justify-center text-sm text-[var(--app-text-subtle)] py-8`},gt={key:0,class:`text-[11px] text-[var(--app-text-subtle)] px-1`},_t={class:`flex items-center justify-end gap-2`};function vt(e,o,p,m,h,_){let v=u(`font-awesome-icon`),y=u(`el-button`),b=u(`el-dialog`);return l(),t(b,{"model-value":e.visible,title:e.$t(`codingBridge.directory.title`),width:`520px`,"append-to-body":``,"onUpdate:modelValue":e.onVisibleChange,onOpen:e.onOpen},{footer:f(()=>[n(`div`,_t,[i(y,{round:``,onClick:o[0]||=t=>e.onVisibleChange(!1)},{default:f(()=>[r(c(e.$t(`common.button.cancel`)),1)]),_:1}),i(y,{type:`primary`,round:``,disabled:!e.listing||!!e.listing.error,onClick:e.chooseCurrent},{default:f(()=>[r(c(e.$t(`codingBridge.directory.choose`)),1)]),_:1},8,[`disabled`,`onClick`])])]),default:f(()=>[n(`div`,ot,[n(`div`,st,[i(y,{size:`small`,circle:``,disabled:!e.listing||!e.listing.parent||e.loading,title:e.$t(`codingBridge.directory.up`),onClick:e.goParent},{default:f(()=>[i(v,{icon:`fa-solid fa-arrow-up`})]),_:1},8,[`disabled`,`title`,`onClick`]),n(`span`,ct,c(e.listing?e.listing.path:`…`),1),i(y,{size:`small`,circle:``,disabled:e.loading,title:e.$t(`codingBridge.directory.refresh`),onClick:e.refresh},{default:f(()=>[i(v,{icon:`fa-solid fa-rotate-right`,spin:e.loading},null,8,[`spin`])]),_:1},8,[`disabled`,`title`,`onClick`])]),n(`div`,lt,[e.loading&&!e.listing?(l(),d(`div`,ut,c(e.$t(`codingBridge.directory.loading`)),1)):e.listing&&e.listing.error?(l(),d(`div`,dt,c(e.listing.error),1)):(l(),d(g,{key:2},[(l(!0),d(g,null,s(e.directories,t=>(l(),d(`button`,{key:t.path,type:`button`,class:`w-full flex items-center gap-2 px-3 py-2 text-left text-sm hover:bg-[var(--app-content-hover-bg)]`,onClick:n=>e.openDir(t.path)},[i(v,{icon:`fa-solid fa-folder`,class:`text-[var(--el-color-warning)]`}),n(`span`,pt,c(t.name),1)],8,ft))),128)),(l(!0),d(g,null,s(e.files,e=>(l(),d(`div`,{key:e.path,class:`w-full flex items-center gap-2 px-3 py-2 text-sm text-[var(--app-text-subtle)]`},[i(v,{icon:`fa-solid fa-file`}),n(`span`,mt,c(e.name),1)]))),128)),e.isEmpty?(l(),d(`div`,ht,c(e.$t(`codingBridge.directory.empty`)),1)):a(``,!0)],64))]),e.listing&&e.listing.truncated?(l(),d(`p`,gt,c(e.$t(`codingBridge.directory.truncated`)),1)):a(``,!0)])]),_:1},8,[`model-value`,`title`,`onUpdate:modelValue`,`onOpen`])}var yt=D(at,[[`render`,vt]]),Y=`data:image/svg+xml,%3csvg%20fill='%23D97757'%20role='img'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eClaude%3c/title%3e%3cpath%20d='m4.7144%2015.9555%204.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608%201.5179.1032%202.2767.1578%201.6514.0972%202.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973%209.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686%201.9064%201.4754%202.4893%201.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335%206.6997%200l.9957.1336.419.3642.6192%201.4147%201.0018%202.2282%201.5543%203.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853%201.8517-.5586%202.9021-.3643%201.9429h.2125l.2429-.2429.9835-1.3053%201.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759%201.1293-.34%201.1657-1.0625%201.3478-.8804%201.1414-1.2628%201.7-.7893%201.36.0729.1093.1882-.0183%202.8535-.607%201.5421-.2794%201.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607%201.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929%201.0686%202.0035%201.8092%202.5075%202.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496%202.3436%203.5214.1214%201.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38%2017.959l-1.1414-1.9428-.1397.079-.674%207.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328%201.9672-2.1796%202.9446-1.7243%201.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889%202.386-3.0357%201.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385%204.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429%201.9064-1.3114Z'/%3e%3c/svg%3e`,X=`data:image/svg+xml,%3csvg%20fill='%23000000'%20role='img'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eOpenAI%3c/title%3e%3cpath%20d='M22.282%209.821a5.985%205.985%200%200%200-.516-4.91%206.046%206.046%200%200%200-6.51-2.9A6.065%206.065%200%200%200%204.981%204.18a5.985%205.985%200%200%200-3.998%202.9%206.046%206.046%200%200%200%20.743%207.097%205.98%205.98%200%200%200%20.51%204.911%206.051%206.051%200%200%200%206.515%202.9A5.985%205.985%200%200%200%2013.26%2024a6.056%206.056%200%200%200%205.772-4.206%205.99%205.99%200%200%200%203.997-2.9%206.056%206.056%200%200%200-.747-7.073zM13.26%2022.43a4.476%204.476%200%200%201-2.876-1.04l.141-.081%204.779-2.758a.795.795%200%200%200%20.392-.681v-6.737l2.02%201.168a.071.071%200%200%201%20.038.052v5.583a4.504%204.504%200%200%201-4.494%204.494zM3.6%2018.304a4.47%204.47%200%200%201-.535-3.014l.142.085%204.783%202.759a.771.771%200%200%200%20.78%200l5.843-3.369v2.332a.08.08%200%200%201-.033.062L9.74%2019.95a4.5%204.5%200%200%201-6.14-1.646zM2.34%207.896a4.485%204.485%200%200%201%202.366-1.973V11.6a.766.766%200%200%200%20.388.676l5.815%203.355-2.02%201.168a.076.076%200%200%201-.071%200l-4.83-2.786A4.504%204.504%200%200%201%202.34%207.872zm16.597%203.855l-5.833-3.387L15.119%207.2a.076.076%200%200%201%20.071%200l4.83%202.791a4.494%204.494%200%200%201-.676%208.105v-5.678a.79.79%200%200%200-.407-.667zm2.01-3.023l-.141-.085-4.774-2.782a.776.776%200%200%200-.785%200L9.409%209.23V6.897a.066.066%200%200%201%20.028-.061l4.83-2.787a4.5%204.5%200%200%201%206.68%204.66zm-12.64%204.135l-2.02-1.164a.08.08%200%200%201-.038-.057V6.075a4.5%204.5%200%200%201%207.375-3.453l-.142.08L8.704%205.46a.795.795%200%200%200-.393.681zm1.097-2.365l2.602-1.5%202.607%201.5v2.999l-2.597%201.5-2.607-1.5z'/%3e%3c/svg%3e`,bt=50*1024*1024,Z=10,xt={claude:{src:Y,invertOnDark:!1},codex:{src:X,invertOnDark:!0}},St=o({name:`CodingBridgeSessionView`,components:{ElInput:k,ElButton:v,ElPopover:T,ElDropdown:w,ElDropdownMenu:C,ElDropdownItem:S,ElUpload:y,ElCheckbox:b,FontAwesomeIcon:I,TranscriptItem:qe,ThinkingIndicator:it,DirectoryDialog:yt,AskUserQuestionCard:ne,CopyToClipboard:ee},mixins:[N],emits:[`history`],data(){return{prompt:``,cwd:``,model:``,customModelDraft:``,permissionMode:`default`,provider:`claude`,effort:``,directoryVisible:!1,slashMenuOpen:!1,slashActiveIndex:0,editingEventId:``,restoreCode:!1,attachmentFileList:[],uploadUrl:M()+`/api/v1/files/`,maxAttachments:Z}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},lastComposer(){let e=this.currentNodeId;return(e?this.$store.state.codingBridge?.lastComposer?.[e]:void 0)??{}},currentNode(){return this.$store.state.codingBridge?.nodes?.find(e=>e.node_id===this.currentNodeId)},nodeOnline(){return this.currentNode?.status===`online`},currentSessionId(){return this.$store.state.codingBridge?.currentSessionId},currentSession(){let e=this.currentSessionId;return e?this.$store.state.codingBridge?.sessions?.[e]:void 0},events(){let e=this.currentSessionId;return e?this.$store.state.codingBridge?.events?.[e]??[]:[]},pendingQuestion(){let e=this.currentSessionId;if(!e)return;let t=(this.$store.state.codingBridge?.permissions??[]).find(t=>t.session_id===e&&G(t));return t?{request_id:t.request_id,payload:ye(t)}:void 0},isNewSession(){return!this.currentSessionId},canPickCwd(){return this.isNewSession||!this.currentSession?.started},readonly(){return this.currentSession?.readonly===!0},resumeHint(){return!!this.currentSession?.provider&&!this.currentSession?.started&&!this.readonly},replayLabel(){return!this.currentSession?.provider||this.currentSession?.started?``:this.currentSession.provider===`codex`?this.$t(`codingBridge.history.codexLabel`):this.$t(`codingBridge.history.claudeLabel`)},running(){let e=this.currentSession?.status;return e===`running`||e===`starting`},thinking(){return this.running&&!this.pendingQuestion},connected(){return this.$store.state.codingBridge?.connection===`connected`},canRetry(){return this.currentSession?.status===`error`&&!this.readonly&&this.connected&&this.nodeOnline&&this.events.some(e=>e.kind===`prompt`)},attachments(){return(this.attachmentFileList||[]).map(e=>{let t=e.response?.file_url||(typeof e.url==`string`&&!e.url.startsWith(`blob:`)?e.url:``);if(!t)return;let n=e.raw,r=n?.type||e.mime_type||``;return{type:this.isImageAttachment(e)?`image`:`file`,url:t,name:e.name,mime_type:r,size:n?.size}}).filter(e=>!!e)},uploadingAttachments(){return(this.attachmentFileList||[]).some(e=>this.isAttachmentUploading(e))},canSend(){return(!!this.prompt.trim()||this.attachments.length>0)&&!this.uploadingAttachments&&this.connected&&this.nodeOnline&&this.currentProviderAvailable},composerHint(){return this.uploadingAttachments?this.$t(`codingBridge.session.uploadingAttachment`):this.providerCaps.length&&!this.currentProviderAvailable?this.$t(`codingBridge.session.providerUnavailableHint`,{name:this.providerName(this.provider)}):this.resumeHint?this.$t(`codingBridge.history.resumeHint`):this.$t(`codingBridge.session.enterHint`)},nodeCapabilities(){let e=this.currentNodeId;return e?this.$store.state.codingBridge?.capabilities?.[e]:void 0},providerCaps(){return this.nodeCapabilities?.providers??[]},currentProviderCap(){return this.providerCaps.find(e=>e.name===this.provider)},canEdit(){return this.readonly?!1:!!this.providerCaps.find(e=>e.name===this.activeProviderName)?.supports_edit},canRestoreCode(){return!!this.providerCaps.find(e=>e.name===this.activeProviderName)?.supports_code_restore},editingActive(){return!!this.editingEventId},currentProviderAvailable(){return this.providerCaps.length?this.currentProviderCap?.available!==!1:!0},providerOptions(){return this.providerCaps.length?this.providerCaps.map(e=>({value:e.name,label:e.label,available:e.available!==!1})):[{label:this.$t(`codingBridge.session.providerClaude`),value:`claude`,available:!0},{label:this.$t(`codingBridge.session.providerCodex`),value:`codex`,available:!0}]},modelOptions(){return this.currentProviderCap?.models??[]},allowCustomModel(){return this.currentProviderCap?.allow_custom_model??!0},effortOptions(){let e=this.currentProviderCap?.efforts;return(e&&e.length?e:[``]).map(e=>({value:e,label:this.effortLabel(e)}))},permissionModeOptions(){let e=this.currentProviderCap?.permission_modes;return(e&&e.length?e:[`default`,`acceptEdits`,`plan`,`bypassPermissions`]).map(e=>({value:e,label:this.permissionModeLabel(e)}))},sessionMeta(){let e=this.currentSession;if(!e)return``;let t=[];return e.provider&&t.push(this.providerName(e.provider)),e.cwd&&t.push(e.cwd),e.model&&t.push(e.model),t.join(` · `)},activeProviderName(){return this.currentSession?.provider||this.provider},slashCommands(){let e=this.activeProviderName;return this.providerCaps.find(t=>t.name===e)?.commands??[]},slashMatches(){let e=this.prompt.match(/^\/(\S*)$/);if(!e)return[];let t=e[1].toLowerCase();return this.slashCommands.filter(e=>[e.name,...e.aliases??[]].some(e=>e.toLowerCase().startsWith(t)))},slashMenuVisible(){return this.slashMenuOpen&&this.slashMatches.length>0},diagnostics(){let e=[];return this.currentNodeId&&e.push({label:this.$t(`codingBridge.session.nodeId`),value:this.currentNodeId}),this.currentSessionId&&e.push({label:this.$t(`codingBridge.session.sessionId`),value:this.currentSessionId}),this.currentSession?.trace_id&&e.push({label:this.$t(`codingBridge.session.traceId`),value:this.currentSession.trace_id}),e}},watch:{events(){this.scrollToBottom()},pendingQuestion(){this.scrollToBottom()},thinking(){this.scrollToBottom()},currentSessionId(){this.scrollToBottom(),this.editingEventId=``,this.restoreCode=!1,this.syncSessionSettings()},currentNodeId(){this.requestCapabilities(),this.isNewSession&&this.restoreComposerPrefs()},providerCaps(){if(!this.isNewSession||!this.providerCaps.length)return;let e=this.providerCaps.find(e=>e.name===this.provider);if(!e||e.available===!1){let e=this.providerCaps.find(e=>e.available!==!1);e&&(this.provider=e.name)}},provider(){this.isNewSession&&(this.model=``,this.effort=``)},prompt(e){this.slashMenuOpen=/^\/\S*$/.test(e),this.slashActiveIndex>=this.slashMatches.length&&(this.slashActiveIndex=0)}},mounted(){this.requestCapabilities(),this.syncSessionSettings()},methods:{requestCapabilities(){this.currentNodeId&&this.$store.dispatch(`codingBridge/getCapabilities`,this.currentNodeId)},effortLabel(e){let t={"":`codingBridge.session.effortDefault`,low:`codingBridge.session.effortLow`,medium:`codingBridge.session.effortMedium`,high:`codingBridge.session.effortHigh`,max:`codingBridge.session.effortMax`}[e];return t?this.$t(t):e},permissionModeLabel(e){let t={default:`codingBridge.session.permissionModeDefault`,acceptEdits:`codingBridge.session.permissionModeAcceptEdits`,plan:`codingBridge.session.permissionModePlan`,bypassPermissions:`codingBridge.session.permissionModeBypass`}[e];return t?this.$t(t):e},providerName(e){let t=this.providerCaps.find(t=>t.name===e);return t?t.label:e===`codex`?this.$t(`codingBridge.session.providerCodex`):this.$t(`codingBridge.session.providerClaude`)},providerIcon(e){return xt[e]??null},syncSessionSettings(){let e=this.currentSession;if(!e){this.restoreComposerPrefs();return}let t=this.lastComposer;e.provider&&(this.provider=e.provider),this.model=e.model??``,this.customModelDraft=``,this.cwd=e.cwd??t.cwd??``,this.effort=e.effort??t.effort??``,this.permissionMode=e.permission_mode??t.permissionMode??`default`},selectModel(e){this.model=e,this.customModelDraft=``,this.closeModelPopover()},applyCustomModel(){let e=this.customModelDraft.trim();e&&(this.model=e,this.customModelDraft=``,this.closeModelPopover())},closeModelPopover(){this.$refs.modelPopover?.hide?.()},onComposerEnter(e){let t=e;t.isComposing||t.keyCode===229||t.shiftKey||t.ctrlKey||t.metaKey||t.altKey||(t.preventDefault(),this.onSend())},onComposerKeydown(e){let t=e;if(this.slashMenuVisible&&!t.isComposing&&t.keyCode!==229){if(t.key===`ArrowDown`){t.preventDefault(),this.moveSlash(1);return}if(t.key===`ArrowUp`){t.preventDefault(),this.moveSlash(-1);return}if(t.key===`Escape`){t.preventDefault(),this.slashMenuOpen=!1;return}if(t.key===`Tab`||t.key===`Enter`&&!t.shiftKey){t.preventDefault(),this.applySlash(this.slashMatches[this.slashActiveIndex]);return}}t.key===`Enter`&&this.onComposerEnter(t)},moveSlash(e){let t=this.slashMatches.length;t&&(this.slashActiveIndex=(this.slashActiveIndex+e+t)%t,this.$nextTick(()=>{(this.$el?.querySelector?.(`.cb-slash-menu__item--active`))?.scrollIntoView({block:`nearest`})}))},applySlash(e){e&&(this.prompt=`/${e.name} `,this.slashMenuOpen=!1,this.slashActiveIndex=0)},onSend(){if(!this.canSend)return;let e=this.attachments;if(this.editingEventId){this.$store.dispatch(`codingBridge/editPrompt`,{eventId:this.editingEventId,prompt:this.prompt,model:this.model,permissionMode:this.permissionMode,effort:this.effort,attachments:e.length?e:void 0,restoreCode:this.restoreCode}),this.resetComposer();return}this.currentNodeId&&this.$store.commit(`codingBridge/setLastComposer`,{node_id:this.currentNodeId,prefs:{cwd:this.cwd,provider:this.provider,model:this.model,permissionMode:this.permissionMode,effort:this.effort}}),this.$store.dispatch(`codingBridge/sendPrompt`,{prompt:this.prompt,cwd:this.cwd,model:this.model,permissionMode:this.permissionMode,provider:this.provider,effort:this.effort,attachments:e.length?e:void 0}),this.resetComposer()},resetComposer(){this.prompt=``,this.slashMenuOpen=!1,this.slashActiveIndex=0,this.editingEventId=``,this.restoreCode=!1,this.clearAttachments()},cancelEdit(){this.resetComposer()},onAnswerQuestion(e){this.$store.dispatch(`codingBridge/answerQuestion`,{request_id:e.tool_use_id,output:e.output})},onSkipQuestion(e){this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:e.tool_use_id,decision:`deny`})},beforeAttachmentUpload(e){return this.attachmentFileList.length>=Z?(P.warning(this.$t(`codingBridge.session.attachmentLimit`,{count:Z})),!1):e.size>bt?(P.warning(this.$t(`codingBridge.session.attachmentTooLarge`)),!1):!0},onAttachmentChange(e){if(!e.url&&e.raw&&this.isImageAttachment(e))try{e.url=URL.createObjectURL(e.raw)}catch{}},onAttachmentSuccess(e,t){e?.file_url&&(this.revokeBlobUrl(t),t.url=e.file_url,t.response=e)},onAttachmentError(){P.error(this.$t(`codingBridge.session.attachmentUploadError`))},onAttachmentExceed(){P.warning(this.$t(`codingBridge.session.attachmentLimit`,{count:Z}))},onTriggerAttachmentUpload(){this.$nextTick(()=>{let e=this.$refs.uploader?.$el;(e?.querySelector(`input.el-upload__input`)||e?.querySelector(`input[type="file"]`))?.click()})},isAttachmentUploading(e){return e.status===`ready`||e.status===`uploading`},isImageAttachment(e){return(e.raw?.type||``).startsWith(`image/`)?!0:/\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(e.name||e.url||``)},attachmentPreviewUrl(e){return this.isImageAttachment(e)&&(e.url||e.response?.file_url)||``},removeAttachment(e,t){this.revokeBlobUrl(t),this.attachmentFileList.splice(e,1)},clearAttachments(){for(let e of this.attachmentFileList)this.revokeBlobUrl(e);this.attachmentFileList=[]},revokeBlobUrl(e){if(e.url?.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}},onInterrupt(){this.$store.dispatch(`codingBridge/interruptSession`)},onRetry(){this.$store.dispatch(`codingBridge/retryLastPrompt`)},onEditPrompt(e){this.canEdit&&(this.editingEventId=e.id,this.restoreCode=!1,this.prompt=e.text??``,this.slashMenuOpen=!1,this.slashActiveIndex=0,this.clearAttachments(),this.attachmentFileList=(e.attachments??[]).map((e,t)=>({name:e.name||e.url,url:e.url,status:`success`,percentage:100,uid:Date.now()+t,response:{file_url:e.url},mime_type:e.mime_type})),this.$nextTick(()=>{(this.$el?.querySelector?.(`.cb-composer__input textarea`))?.focus()}))},openDirectory(){this.directoryVisible=!0},onDirectorySelect(e){this.cwd=e},onNewSession(){this.$store.dispatch(`codingBridge/newSession`),this.restoreComposerPrefs(),this.resetComposer()},restoreComposerPrefs(){let e=this.lastComposer;this.cwd=e.cwd??``,this.provider=e.provider??`claude`,this.permissionMode=e.permissionMode??`default`,this.customModelDraft=``,this.$nextTick(()=>{this.model=e.model??``,this.effort=e.effort??``})},scrollToBottom(){this.$nextTick(()=>{let e=this.$refs.transcript;e&&(e.scrollTop=e.scrollHeight)})}}}),Ct={class:`session-view flex flex-col h-full bg-[var(--app-content-bg)]`},wt={key:0,class:`flex-1 flex flex-col items-center justify-center text-center p-8 text-[var(--app-text-subtle)]`},Tt={class:`text-sm`},Et={class:`flex items-center justify-between gap-3 px-5 py-3 border-b border-[var(--app-border-subtle)]`},Dt={class:`min-w-0`},Ot={class:`flex items-center gap-2 font-medium`},kt={class:`truncate`},At={key:0,class:`text-xs text-[var(--app-text-subtle)] truncate`},jt={key:0,class:`text-[var(--el-color-primary)]`},Mt={class:`flex items-center gap-2 flex-none`},Nt={key:0,class:`px-5 py-2 text-xs bg-[var(--el-color-warning-light-9)] text-[var(--el-color-warning)] border-b border-[var(--app-border-subtle)]`},Pt={key:1,class:`flex flex-wrap items-center gap-x-4 gap-y-1 px-5 py-1.5 text-[11px] text-[var(--app-text-subtle)] border-b border-[var(--app-border-subtle)]`},Ft={class:`opacity-70 flex-none`},It=[`title`],Lt={ref:`transcript`,class:`flex-1 min-h-0 overflow-y-auto px-5 py-4 flex flex-col gap-3`},Rt={key:0,class:`m-auto text-center text-sm text-[var(--app-text-subtle)]`},zt={key:2,class:`flex justify-center pt-1`},Bt={key:2,class:`cb-question-dock flex-none px-5`},Vt={class:`border-t border-[var(--app-border-subtle)] p-3`},Ht={key:0,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)] px-1 py-2`},Ut={key:0,class:`mb-2 flex flex-wrap items-center gap-x-3 gap-y-1.5 rounded-lg bg-[var(--el-color-primary-light-9)] px-3 py-2 text-xs text-[var(--app-text)]`},Wt={class:`inline-flex items-center gap-1.5`},Gt={class:`cb-composer rounded-2xl border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-3 py-2.5 transition-colors focus-within:border-[var(--el-color-primary-light-5)]`},Kt={key:0,class:`flex flex-wrap gap-2 pb-2`},qt=[`src`,`alt`],Jt={key:1,class:`flex h-8 w-8 items-center justify-center rounded bg-[var(--app-content-bg)]`},Yt=[`title`],Xt={key:2,class:`text-[10px] text-[var(--app-text-subtle)]`},Zt=[`title`,`onClick`],Qt={key:1,class:`cb-slash-menu`},$t=[`onMousedown`,`onMouseenter`],en={class:`cb-slash-menu__name`},tn={key:0,class:`cb-slash-menu__hint`},nn={key:1,class:`cb-slash-menu__desc`},rn={ref:`attachmentUploadTrigger`,class:`block h-0 w-0`,"aria-hidden":`true`},an={class:`mt-1.5 flex items-center gap-1.5`},on=[`title`],sn={class:`flex min-w-0 flex-1 flex-wrap items-center gap-1.5`},cn={type:`button`,class:`cb-pill`},ln=[`src`],un={class:`truncate`},dn=[`src`],fn={key:1,class:`ml-1 text-xs opacity-60`},pn={key:1,class:`cb-pill cb-pill--static`},mn=[`src`],hn={class:`truncate`},gn={type:`button`,class:`cb-pill`},_n={class:`truncate`},vn={class:`cb-model-menu`},yn={class:`truncate`},bn=[`onClick`],xn={class:`truncate`},Sn={key:0,class:`cb-model-custom`},Cn={type:`button`,class:`cb-pill`},wn={class:`truncate`},Tn={type:`button`,class:`cb-pill`},En={class:`truncate`},Dn={type:`button`,class:`cb-pill`},On={class:`truncate`},kn=[`title`,`aria-label`],An={key:4,class:`cb-pill cb-pill--static`},jn={class:`truncate`},Mn={class:`text-[11px] text-[var(--app-text-subtle)] mt-1 px-1`};function Nn(o,p,m,v,y,b){let x=u(`font-awesome-icon`),S=u(`el-button`),C=u(`copy-to-clipboard`),w=u(`transcript-item`),T=u(`thinking-indicator`),E=u(`ask-user-question-card`),D=u(`el-checkbox`),O=u(`el-input`),k=u(`el-upload`),A=u(`el-dropdown-item`),j=u(`el-dropdown-menu`),M=u(`el-dropdown`),N=u(`el-popover`),P=u(`directory-dialog`);return l(),d(`div`,Ct,[o.currentNode?(l(),d(g,{key:1},[n(`div`,Et,[n(`div`,Dt,[n(`div`,Ot,[n(`span`,kt,c(o.currentNode.name),1),n(`span`,{class:e([`inline-block w-2 h-2 rounded-full flex-none`,o.nodeOnline?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`])},null,2)]),o.currentSession?(l(),d(`div`,At,[n(`span`,null,c(o.sessionMeta),1),o.replayLabel?(l(),d(`span`,jt,` · `+c(o.replayLabel),1)):a(``,!0)])):a(``,!0)]),n(`div`,Mt,[i(S,{size:`small`,round:``,onClick:p[0]||=e=>o.$emit(`history`)},{default:f(()=>[i(x,{icon:`fa-solid fa-clock-rotate-left`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.history.button`)),1)]),_:1}),o.currentSessionId?(l(),t(S,{key:0,size:`small`,round:``,onClick:o.onNewSession},{default:f(()=>[i(x,{icon:`fa-solid fa-plus`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])):a(``,!0)])]),o.nodeOnline?a(``,!0):(l(),d(`div`,Nt,c(o.$t(`codingBridge.session.deviceOffline`)),1)),o.diagnostics.length?(l(),d(`div`,Pt,[(l(!0),d(g,null,s(o.diagnostics,e=>(l(),d(`span`,{key:e.label,class:`inline-flex items-center gap-1 min-w-0`},[n(`span`,Ft,c(e.label)+`:`,1),n(`span`,{class:`font-mono break-all`,title:e.value},c(e.value),9,It),i(C,{content:e.value,class:`inline-block flex-none`},null,8,[`content`])]))),128))])):a(``,!0),n(`div`,Lt,[o.events.length?a(``,!0):(l(),d(`div`,Rt,c(o.$t(`codingBridge.session.startHint`)),1)),(l(!0),d(g,null,s(o.events,e=>(l(),t(w,{key:e.id,event:e,editable:o.canEdit,onEdit:o.onEditPrompt},null,8,[`event`,`editable`,`onEdit`]))),128)),o.thinking?(l(),t(T,{key:1})):a(``,!0),o.canRetry?(l(),d(`div`,zt,[i(S,{size:`small`,round:``,onClick:o.onRetry},{default:f(()=>[i(x,{icon:`fa-solid fa-rotate-right`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.session.retry`)),1)]),_:1},8,[`onClick`])])):a(``,!0)],512),o.pendingQuestion?(l(),d(`div`,Bt,[(l(),t(E,{key:o.pendingQuestion.request_id,"tool-use-id":o.pendingQuestion.request_id,payload:o.pendingQuestion.payload,onSubmit:o.onAnswerQuestion,onSkip:o.onSkipQuestion},null,8,[`tool-use-id`,`payload`,`onSubmit`,`onSkip`]))])):a(``,!0),n(`div`,Vt,[o.readonly?(l(),d(`div`,Ht,[i(x,{icon:`fa-solid fa-eye`}),n(`span`,null,c(o.$t(`codingBridge.history.readonly`)),1),i(S,{class:`ml-auto`,size:`small`,round:``,onClick:o.onNewSession},{default:f(()=>[r(c(o.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])])):(l(),d(g,{key:1},[o.editingActive?(l(),d(`div`,Ut,[n(`span`,Wt,[i(x,{icon:`fa-solid fa-pen`,class:`text-[var(--el-color-primary)]`}),r(` `+c(o.$t(`codingBridge.session.editingBanner`)),1)]),o.canRestoreCode?(l(),t(D,{key:0,modelValue:o.restoreCode,"onUpdate:modelValue":p[1]||=e=>o.restoreCode=e,size:`small`,class:`cb-restore-code`},{default:f(()=>[r(c(o.$t(`codingBridge.session.editRestoreCode`)),1)]),_:1},8,[`modelValue`])):a(``,!0),n(`button`,{type:`button`,class:`ml-auto cb-edit-cancel`,onClick:p[2]||=(...e)=>o.cancelEdit&&o.cancelEdit(...e)},c(o.$t(`codingBridge.session.editCancel`)),1)])):a(``,!0),n(`div`,Gt,[o.attachmentFileList.length?(l(),d(`div`,Kt,[(l(!0),d(g,null,s(o.attachmentFileList,(e,t)=>(l(),d(`div`,{key:e.uid||e.name||t,class:`group relative flex max-w-[220px] items-center gap-2 rounded-md border border-[var(--app-border-subtle)] bg-[var(--app-sidebar-bg)] px-2 py-1.5 text-xs`},[o.attachmentPreviewUrl(e)?(l(),d(`img`,{key:0,src:o.attachmentPreviewUrl(e),class:`h-8 w-8 rounded object-cover`,alt:o.$t(`codingBridge.session.attachmentImageAlt`)},null,8,qt)):(l(),d(`span`,Jt,[i(x,{icon:`fa-solid fa-file`})])),n(`span`,{class:`min-w-0 flex-1 truncate`,title:e.name},c(e.name),9,Yt),o.isAttachmentUploading(e)?(l(),d(`span`,Xt,c(Math.round(e.percentage||0))+`% `,1)):a(``,!0),n(`button`,{type:`button`,class:`flex h-5 w-5 items-center justify-center rounded-full text-[var(--app-text-subtle)] hover:bg-[var(--app-content-hover-bg)] hover:text-[var(--el-color-danger)]`,title:o.$t(`codingBridge.session.removeAttachment`),onClick:n=>o.removeAttachment(t,e)},[i(x,{icon:`fa-solid fa-xmark`})],8,Zt)]))),128))])):a(``,!0),o.slashMenuVisible?(l(),d(`ul`,Qt,[(l(!0),d(g,null,s(o.slashMatches,(t,r)=>(l(),d(`li`,{key:t.name,class:e([`cb-slash-menu__item`,{"cb-slash-menu__item--active":r===o.slashActiveIndex}]),onMousedown:_(e=>o.applySlash(t),[`prevent`]),onMouseenter:e=>o.slashActiveIndex=r},[n(`span`,en,`/`+c(t.name),1),t.argument_hint?(l(),d(`span`,tn,c(t.argument_hint),1)):a(``,!0),t.description?(l(),d(`span`,nn,c(t.description),1)):a(``,!0)],42,$t))),128))])):a(``,!0),i(O,{modelValue:o.prompt,"onUpdate:modelValue":p[3]||=e=>o.prompt=e,type:`textarea`,autosize:{minRows:2,maxRows:12},resize:`none`,class:`cb-composer__input`,placeholder:o.$t(`codingBridge.session.promptPlaceholder`),onKeydown:o.onComposerKeydown},null,8,[`modelValue`,`placeholder`,`onKeydown`]),i(k,{ref:`uploader`,"file-list":o.attachmentFileList,"onUpdate:fileList":p[4]||=e=>o.attachmentFileList=e,class:`h-0 w-0 overflow-hidden opacity-0`,name:`file`,action:o.uploadUrl,headers:o.headers,multiple:!0,limit:o.maxAttachments,"show-file-list":!1,"before-upload":o.beforeAttachmentUpload,"on-change":o.onAttachmentChange,"on-success":o.onAttachmentSuccess,"on-error":o.onAttachmentError,"on-exceed":o.onAttachmentExceed},{default:f(()=>[n(`span`,rn,null,512)]),_:1},8,[`file-list`,`action`,`headers`,`limit`,`before-upload`,`on-change`,`on-success`,`on-error`,`on-exceed`]),n(`div`,an,[n(`button`,{type:`button`,class:`cb-icon-btn`,title:o.$t(`codingBridge.session.attachFile`),onClick:p[5]||=(...e)=>o.onTriggerAttachmentUpload&&o.onTriggerAttachmentUpload(...e)},[i(x,{icon:`fa-solid fa-paperclip`})],8,on),n(`div`,sn,[o.isNewSession?(l(),t(M,{key:0,trigger:`click`,onCommand:p[6]||=e=>o.provider=e},{dropdown:f(()=>[i(j,null,{default:f(()=>[(l(!0),d(g,null,s(o.providerOptions,n=>(l(),t(A,{key:n.value,command:n.value,disabled:!n.available},{default:f(()=>[i(x,{icon:`fa-solid fa-check`,class:e([`mr-2`,n.value===o.provider?`opacity-100`:`opacity-0`])},null,8,[`class`]),o.providerIcon(n.value)?(l(),d(`img`,{key:0,src:o.providerIcon(n.value).src,class:e([`cb-pill__brand mr-1.5`,{"cb-pill__brand--invert":o.providerIcon(n.value).invertOnDark}]),alt:``},null,10,dn)):a(``,!0),r(` `+c(n.label)+` `,1),n.available?a(``,!0):(l(),d(`span`,fn,c(o.$t(`codingBridge.session.providerUnavailable`)),1))]),_:2},1032,[`command`,`disabled`]))),128))]),_:1})]),default:f(()=>[n(`button`,cn,[o.providerIcon(o.provider)?(l(),d(`img`,{key:0,src:o.providerIcon(o.provider).src,class:e([`cb-pill__brand`,{"cb-pill__brand--invert":o.providerIcon(o.provider).invertOnDark}]),alt:``},null,10,ln)):(l(),t(x,{key:1,icon:`fa-solid fa-code`,class:`cb-pill__icon`})),n(`span`,un,c(o.providerName(o.provider)),1),i(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1})):(l(),d(`span`,pn,[o.providerIcon(o.currentSession?.provider||`claude`)?(l(),d(`img`,{key:0,src:o.providerIcon(o.currentSession?.provider||`claude`).src,class:e([`cb-pill__brand`,{"cb-pill__brand--invert":o.providerIcon(o.currentSession?.provider||`claude`).invertOnDark}]),alt:``},null,10,mn)):(l(),t(x,{key:1,icon:`fa-solid fa-code`,class:`cb-pill__icon`})),n(`span`,hn,c(o.providerName(o.currentSession?.provider||`claude`)),1)])),i(N,{ref:`modelPopover`,trigger:`click`,placement:`top-start`,width:260},{reference:f(()=>[n(`button`,gn,[i(x,{icon:`fa-solid fa-brain`,class:`cb-pill__icon`}),n(`span`,_n,c(o.model||o.$t(`codingBridge.session.modelDefault`)),1),i(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),default:f(()=>[n(`div`,vn,[n(`button`,{type:`button`,class:`cb-model-option`,onClick:p[7]||=e=>o.selectModel(``)},[i(x,{icon:`fa-solid fa-check`,class:e([`cb-model-option__check`,o.model?`opacity-0`:`opacity-100`])},null,8,[`class`]),n(`span`,yn,c(o.$t(`codingBridge.session.modelDefault`)),1)]),(l(!0),d(g,null,s(o.modelOptions,t=>(l(),d(`button`,{key:t.value,type:`button`,class:`cb-model-option`,onClick:e=>o.selectModel(t.value)},[i(x,{icon:`fa-solid fa-check`,class:e([`cb-model-option__check`,t.value===o.model?`opacity-100`:`opacity-0`])},null,8,[`class`]),n(`span`,xn,c(t.label),1)],8,bn))),128)),o.allowCustomModel?(l(),d(`div`,Sn,[i(O,{modelValue:o.customModelDraft,"onUpdate:modelValue":p[8]||=e=>o.customModelDraft=e,size:`small`,placeholder:o.$t(`codingBridge.session.modelPlaceholder`),onKeyup:h(o.applyCustomModel,[`enter`])},{append:f(()=>[i(S,{disabled:!o.customModelDraft.trim(),onClick:o.applyCustomModel},{default:f(()=>[i(x,{icon:`fa-solid fa-check`})]),_:1},8,[`disabled`,`onClick`])]),_:1},8,[`modelValue`,`placeholder`,`onKeyup`])])):a(``,!0)])]),_:1},512),o.effortOptions.length>1?(l(),t(M,{key:2,trigger:`click`,onCommand:p[9]||=e=>o.effort=e},{dropdown:f(()=>[i(j,null,{default:f(()=>[(l(!0),d(g,null,s(o.effortOptions,n=>(l(),t(A,{key:n.value,command:n.value},{default:f(()=>[i(x,{icon:`fa-solid fa-check`,class:e([`mr-2`,n.value===o.effort?`opacity-100`:`opacity-0`])},null,8,[`class`]),r(` `+c(n.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:f(()=>[n(`button`,Cn,[i(x,{icon:`fa-solid fa-gauge-high`,class:`cb-pill__icon`}),n(`span`,wn,c(o.effortLabel(o.effort)),1),i(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1})):a(``,!0),i(M,{trigger:`click`,onCommand:p[10]||=e=>o.permissionMode=e},{dropdown:f(()=>[i(j,null,{default:f(()=>[(l(!0),d(g,null,s(o.permissionModeOptions,n=>(l(),t(A,{key:n.value,command:n.value},{default:f(()=>[i(x,{icon:`fa-solid fa-check`,class:e([`mr-2`,n.value===o.permissionMode?`opacity-100`:`opacity-0`])},null,8,[`class`]),r(` `+c(n.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:f(()=>[n(`button`,Tn,[i(x,{icon:`fa-solid fa-shield-halved`,class:`cb-pill__icon`}),n(`span`,En,c(o.permissionModeLabel(o.permissionMode)),1),i(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1}),o.canPickCwd?(l(),t(N,{key:3,trigger:`click`,placement:`top-start`,width:320},{reference:f(()=>[n(`button`,Dn,[i(x,{icon:`fa-solid fa-folder-open`,class:`cb-pill__icon`}),n(`span`,On,c(o.cwd||o.$t(`codingBridge.session.cwdDefault`)),1),i(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),default:f(()=>[i(O,{modelValue:o.cwd,"onUpdate:modelValue":p[14]||=e=>o.cwd=e,size:`small`,clearable:``,class:`cb-cwd-input`,placeholder:o.$t(`codingBridge.session.cwdPlaceholder`)},{suffix:f(()=>[n(`span`,{class:`cb-cwd-browse`,role:`button`,tabindex:`0`,title:o.$t(`codingBridge.directory.title`),"aria-label":o.$t(`codingBridge.directory.title`),onClick:p[11]||=(...e)=>o.openDirectory&&o.openDirectory(...e),onKeydown:[p[12]||=h(_((...e)=>o.openDirectory&&o.openDirectory(...e),[`prevent`]),[`enter`]),p[13]||=h(_((...e)=>o.openDirectory&&o.openDirectory(...e),[`prevent`]),[`space`])]},[i(x,{icon:`fa-solid fa-folder-open`})],40,kn)]),_:1},8,[`modelValue`,`placeholder`])]),_:1})):o.currentSession?.cwd?(l(),d(`span`,An,[i(x,{icon:`fa-solid fa-folder-open`,class:`cb-pill__icon`}),n(`span`,jn,c(o.currentSession?.cwd),1)])):a(``,!0)]),o.running?(l(),t(S,{key:0,circle:``,onClick:o.onInterrupt},{default:f(()=>[i(x,{icon:`fa-solid fa-stop`})]),_:1},8,[`onClick`])):a(``,!0),i(S,{type:`primary`,round:``,disabled:!o.canSend,onClick:o.onSend},{default:f(()=>[r(c(o.editingActive?o.$t(`codingBridge.session.editSubmit`):o.$t(`codingBridge.session.send`)),1)]),_:1},8,[`disabled`,`onClick`])])]),n(`p`,Mn,c(o.composerHint),1)],64))])],64)):(l(),d(`div`,wt,[i(x,{icon:`fa-solid fa-laptop-code`,class:`text-4xl mb-3`}),n(`p`,Tt,c(o.$t(`codingBridge.session.noDevice`)),1)])),i(P,{visible:o.directoryVisible,"onUpdate:visible":p[15]||=e=>o.directoryVisible=e,"initial-path":o.cwd,onSelect:o.onDirectorySelect},null,8,[`visible`,`initial-path`,`onSelect`])])}var Pn=D(St,[[`render`,Nn],[`__scopeId`,`data-v-aa5e6831`]]),Fn=o({name:`CodingBridgePairDialog`,components:{ElDialog:A,ElInput:k,ElButton:v,FontAwesomeIcon:I},props:{visible:{type:Boolean,default:!1},initialCode:{type:String,default:``}},emits:[`update:visible`],data(){return{code:``}},computed:{claiming(){return this.$store.state.codingBridge?.status?.claimPair===F.Request}},watch:{visible(e){e&&this.initialCode&&(this.code=this.initialCode)},initialCode(e){e&&(this.code=e)}},methods:{async onClaim(){let e=this.code.trim();if(e)try{let t=await this.$store.dispatch(`codingBridge/claimPair`,e);P.success(this.$t(`codingBridge.pair.success`,{name:t})),this.code=``,this.$emit(`update:visible`,!1)}catch(e){let t=e?.response?.status;t===404?P.error(this.$t(`codingBridge.pair.invalidCode`)):t===409?P.error(this.$t(`codingBridge.pair.usedCode`)):P.error(this.$t(`codingBridge.pair.failed`))}}}}),In={class:`content`},Ln={class:`text-sm text-[var(--app-text-subtle)] mb-4`},Rn={class:`steps list-none m-0 p-0 mb-4`},zn={class:`flex gap-3 mb-3`},Bn={class:`flex-1 min-w-0`},Vn={class:`text-sm mb-1`},Hn={class:`flex gap-3 mb-3`},Un={class:`flex-1 min-w-0`},Wn={class:`text-sm mb-1`},Gn={class:`flex gap-3`},Kn={class:`flex-1 min-w-0`},qn={class:`text-sm`};function Jn(e,a,o,s,d,p){let m=u(`el-input`),g=u(`font-awesome-icon`),_=u(`el-button`),v=u(`el-dialog`);return l(),t(v,{"model-value":e.visible,width:`520px`,title:e.$t(`codingBridge.pair.title`),center:``,"onUpdate:modelValue":a[1]||=t=>e.$emit(`update:visible`,t)},{default:f(()=>[n(`div`,In,[n(`p`,Ln,c(e.$t(`codingBridge.pair.intro`)),1),n(`ol`,Rn,[n(`li`,zn,[a[3]||=n(`span`,{class:`step-index`},`1`,-1),n(`div`,Bn,[n(`p`,Vn,c(e.$t(`codingBridge.pair.step1`)),1),a[2]||=n(`code`,{class:`cmd`},`pip install coding-bridge-agent`,-1)])]),n(`li`,Hn,[a[5]||=n(`span`,{class:`step-index`},`2`,-1),n(`div`,Un,[n(`p`,Wn,c(e.$t(`codingBridge.pair.step2`)),1),a[4]||=n(`code`,{class:`cmd`},`coding-bridge-agent up`,-1)])]),n(`li`,Gn,[a[6]||=n(`span`,{class:`step-index`},`3`,-1),n(`div`,Kn,[n(`p`,qn,c(e.$t(`codingBridge.pair.step3`)),1)])])]),i(m,{modelValue:e.code,"onUpdate:modelValue":a[0]||=t=>e.code=t,size:`large`,class:`mb-3`,placeholder:e.$t(`codingBridge.pair.codePlaceholder`),clearable:``,onKeyup:h(e.onClaim,[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeyup`]),i(_,{type:`primary`,round:``,class:`w-full`,loading:e.claiming,disabled:!e.code.trim(),onClick:e.onClaim},{default:f(()=>[i(g,{icon:`fa-solid fa-link`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.pair.claim`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])])]),_:1},8,[`model-value`,`title`])}var Yn=D(Fn,[[`render`,Jn],[`__scopeId`,`data-v-3d1ed01f`]]),Xn=o({name:`CodingBridgePermissionDialog`,components:{ElDialog:A,ElButton:v,FontAwesomeIcon:I},computed:{request(){return(this.$store.state.codingBridge?.permissions??[]).find(e=>!G(e))},hasInput(){return!!this.request?.input&&Object.keys(this.request.input).length>0},inputText(){try{return JSON.stringify(this.request?.input,null,2)}catch{return String(this.request?.input??``)}}},methods:{onAllow(){this.request&&this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:this.request.request_id,decision:`allow`})},onDeny(){this.request&&this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:this.request.request_id,decision:`deny`})}}}),Zn={key:0,class:`content`},Qn={class:`text-sm text-[var(--app-text-subtle)] mb-3`},$n={class:`rounded-md border border-[var(--app-border-subtle)] p-3 mb-3`},er={class:`flex items-center gap-2 font-medium`},tr={key:0,class:`text-xs text-[var(--app-text-subtle)] mt-1`},nr={key:1,class:`mt-2 text-xs overflow-x-auto whitespace-pre-wrap break-words text-[var(--app-text-subtle)] max-h-[200px]`},rr={class:`flex justify-end gap-2`};function ir(e,o,s,p,m,h){let g=u(`font-awesome-icon`),_=u(`el-button`),v=u(`el-dialog`);return l(),t(v,{"model-value":!!e.request,width:`480px`,title:e.$t(`codingBridge.permission.title`),"close-on-click-modal":!1,"show-close":!1,center:``},{footer:f(()=>[n(`div`,rr,[i(_,{round:``,onClick:e.onDeny},{default:f(()=>[i(g,{icon:`fa-solid fa-xmark`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.permission.deny`)),1)]),_:1},8,[`onClick`]),i(_,{type:`primary`,round:``,onClick:e.onAllow},{default:f(()=>[i(g,{icon:`fa-solid fa-check`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.permission.allow`)),1)]),_:1},8,[`onClick`])])]),default:f(()=>[e.request?(l(),d(`div`,Zn,[n(`p`,Qn,c(e.$t(`codingBridge.permission.subtitle`)),1),n(`div`,$n,[n(`div`,er,[i(g,{icon:`fa-solid fa-code`}),n(`span`,null,c(e.request.display_name||e.request.title||e.request.tool),1)]),e.request.description?(l(),d(`p`,tr,c(e.request.description),1)):a(``,!0),e.hasInput?(l(),d(`pre`,nr,c(e.inputText),1)):a(``,!0)])])):a(``,!0)]),_:1},8,[`model-value`,`title`])}var ar=D(Xn,[[`render`,ir]]),Q={claude:{src:Y,invertOnDark:!1},codex:{src:X,invertOnDark:!0}},or=o({name:`CodingBridgeHistoryDrawer`,components:{ElDrawer:x,ElButton:v,FontAwesomeIcon:I},props:{visible:{type:Boolean,default:!1}},emits:[`update:visible`],computed:{currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},loading(){return this.$store.state.codingBridge?.status?.getHistory===F.Request},sessions(){let e=this.currentNodeId;return[...e?this.$store.state.codingBridge?.history?.[e]??[]:[]].sort((e,t)=>(t.updated_at??0)-(e.updated_at??0))}},watch:{visible(e){e&&this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)}},methods:{providerIcon(e){return Q[e]??Q.claude},refresh(){this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)},open(e){this.currentNodeId&&(this.$store.dispatch(`codingBridge/getHistoryDetail`,{node_id:this.currentNodeId,provider:e.provider,session_id:e.session_id}),this.$emit(`update:visible`,!1))},formatTime(e){try{return new Date(e).toLocaleString()}catch{return``}}}}),sr={class:`flex flex-col h-full`},$={class:`flex items-center justify-between mb-3`},cr={class:`text-xs text-[var(--app-text-subtle)] m-0`},lr={key:0,class:`m-auto text-sm text-[var(--app-text-subtle)]`},ur={key:1,class:`m-auto text-sm text-[var(--app-text-subtle)]`},dr={key:2,class:`m-auto text-sm text-[var(--app-text-subtle)] text-center`},fr={key:3,class:`list-none m-0 p-0 flex-1 overflow-y-auto flex flex-col gap-2`},pr=[`onClick`],mr={class:`flex items-center gap-2 mb-1`},hr=[`src`,`alt`],gr={class:`text-sm font-medium truncate flex-1`},_r=[`title`],vr={class:`text-[11px] text-[var(--app-text-subtle)] truncate`},yr={key:0},br={key:1},xr={class:`text-[11px] text-[var(--app-text-subtle)] mt-0.5`},Sr={key:0},Cr={key:1};function wr(o,p,m,h,_,v){let y=u(`font-awesome-icon`),b=u(`el-button`),x=u(`el-drawer`);return l(),t(x,{"model-value":o.visible,direction:`rtl`,size:`380px`,title:o.$t(`codingBridge.history.title`),"onUpdate:modelValue":p[0]||=e=>o.$emit(`update:visible`,e)},{default:f(()=>[n(`div`,sr,[n(`div`,$,[n(`p`,cr,c(o.$t(`codingBridge.history.intro`)),1),i(b,{size:`small`,round:``,loading:o.loading,onClick:o.refresh},{default:f(()=>[o.loading?a(``,!0):(l(),t(y,{key:0,icon:`fa-solid fa-rotate-right`,class:`mr-1`})),r(` `+c(o.$t(`codingBridge.history.refresh`)),1)]),_:1},8,[`loading`,`onClick`])]),o.currentNodeId?o.loading&&!o.sessions.length?(l(),d(`div`,ur,c(o.$t(`codingBridge.history.loading`)),1)):o.sessions.length?(l(),d(`ul`,fr,[(l(!0),d(g,null,s(o.sessions,t=>(l(),d(`li`,{key:t.provider+`:`+t.session_id,class:`item rounded-lg p-3 cursor-pointer border border-[var(--app-border-subtle)]`,onClick:e=>o.open(t)},[n(`div`,mr,[n(`img`,{src:o.providerIcon(t.provider).src,class:e([`provider-icon`,{"provider-icon--invert":o.providerIcon(t.provider).invertOnDark}]),alt:t.provider===`codex`?`Codex`:`Claude`},null,10,hr),n(`span`,gr,c(t.title),1),t.running?(l(),d(`span`,{key:0,class:`running-dot`,title:o.$t(`codingBridge.history.running`)},null,8,_r)):a(``,!0)]),n(`div`,vr,[t.cwd?(l(),d(`span`,yr,c(t.cwd),1)):a(``,!0),t.git_branch?(l(),d(`span`,br,` · `+c(t.git_branch),1)):a(``,!0)]),n(`div`,xr,[t.updated_at?(l(),d(`span`,Sr,c(o.formatTime(t.updated_at)),1)):a(``,!0),t.message_count?(l(),d(`span`,Cr,` · `+c(o.$t(`codingBridge.history.messages`,{count:t.message_count})),1)):a(``,!0)])],8,pr))),128))])):(l(),d(`div`,dr,c(o.$t(`codingBridge.history.empty`)),1)):(l(),d(`div`,lr,c(o.$t(`codingBridge.session.noDevice`)),1))])]),_:1},8,[`model-value`,`title`])}var Tr=o({name:`CodingBridgeIndex`,components:{ElButton:v,ElDrawer:x,FontAwesomeIcon:I,NodeList:_e,SessionView:Pn,PairDialog:Yn,PermissionDialog:ar,HistoryDrawer:D(or,[[`render`,wr],[`__scopeId`,`data-v-89efc2be`]])},data(){return{drawer:!1,pairVisible:!1,historyVisible:!1,initialCode:``}},mounted(){this.$store.dispatch(`codingBridge/connect`),this.$store.dispatch(`codingBridge/getNodes`);let e=this.$route.query.code;typeof e==`string`&&e&&(this.initialCode=e,this.pairVisible=!0),this.handleNotificationDeepLink()},beforeUnmount(){this.$store.dispatch(`codingBridge/disconnect`)},methods:{openPair(){this.initialCode=``,this.pairVisible=!0},openPairFromDrawer(){this.drawer=!1,this.openPair()},handleNotificationDeepLink(){let e=this.$route.query.node;typeof e==`string`&&e&&(this.$store.dispatch(`codingBridge/selectNode`,e),this.$store.dispatch(`codingBridge/requestPendingPermissions`,e))}}}),Er={class:`coding-bridge flex flex-row h-full relative`};function Dr(e,t,n,r,a,o){let s=u(`node-list`),c=u(`session-view`),p=u(`font-awesome-icon`),m=u(`el-button`),h=u(`el-drawer`),g=u(`pair-dialog`),_=u(`permission-dialog`),v=u(`history-drawer`);return l(),d(`div`,Er,[i(s,{class:`sidebar w-[300px] flex-none`,onPair:e.openPair},null,8,[`onPair`]),i(c,{class:`flex-1 min-w-0`,onHistory:t[0]||=t=>e.historyVisible=!0}),i(m,{circle:``,class:`menu`,onClick:t[1]||=t=>e.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-laptop-code`})]),_:1}),i(h,{modelValue:e.drawer,"onUpdate:modelValue":t[2]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`300px`,class:`drawer`},{default:f(()=>[i(s,{onPair:e.openPairFromDrawer},null,8,[`onPair`])]),_:1},8,[`modelValue`]),i(g,{visible:e.pairVisible,"onUpdate:visible":t[3]||=t=>e.pairVisible=t,"initial-code":e.initialCode},null,8,[`visible`,`initial-code`]),i(_),i(v,{visible:e.historyVisible,"onUpdate:visible":t[4]||=t=>e.historyVisible=t},null,8,[`visible`])])}var Or=D(Tr,[[`render`,Dr],[`__scopeId`,`data-v-44a88ff4`]]);export{Or as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,_ as d,et as f,k as p,lt as m,ut as h,x as g}from"./vendor-chart-mdwpew_o.js";import{t as _}from"./button-DWzbdjZV.js";import{r as v,t as y}from"./select-BITgEgfP.js";import{t as b}from"./upload-DMzqzxP6.js";import{t as x}from"./tooltip-C3PYfh8V.js";import{t as S}from"./image-CWcemTUB.js";import{t as C}from"./alert-BJj7gY4q.js";import{n as w,r as T}from"./radio-IJQsW93X.js";import{t as ee}from"./drawer-BvYPSxXh.js";import{t as E}from"./switch-DyO-foN-.js";import{pi as D,xr as O}from"./constants-C-bSXdJ_.js";import{An as k,At as te,E as A,Fn as j,Nt as M,Ot as N,Sr as P,jt as F,kr as I,kt as L,mn as R,yr as z}from"./index-BmC-XXKj.js";import{t as B}from"./index.es-Cawr8qgY.js";import{t as V}from"./CopyToClipboard-Cx0LOUlj.js";import{t as H}from"./ImagePreview--SDvXZzb.js";import{n as U}from"./taskDrawerMixin-Cr17Yxqk.js";import{t as W}from"./BotPlaceholder-CGjSVeUk.js";import{i as G,n as K,t as q}from"./pagination-B3P0PVH-.js";import{n as J,t as Y}from"./NoTasks-l_P0QgKI.js";import{t as X}from"./Consumption-BKLhsHgd.js";import{t as Z}from"./ApiCodeButton-8YzSdLWx.js";import{t as Q}from"./vue-plyr-wiIKa-zl.js";var ne=s({name:`LayoutPika`,components:{ElDrawer:ee,ElButton:_,FontAwesomeIcon:B},mixins:[U]}),re={class:`main flex flex-row flex-1`},ie={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ae={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function oe(t,n,i,o,s,c){let l=f(`font-awesome-icon`),g=f(`el-button`),_=f(`el-drawer`);return u(),p(`div`,re,[r(`div`,ie,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ae,[e(t.$slots,`result`,{},void 0,!0)]),h(a(g,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[d,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var se=A(ne,[[`render`,oe],[`__scopeId`,`data-v-cbfdbeb3`]]),ce=s({name:`IngredientsSelector`,components:{ElSwitch:E,InfoIcon:G},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug(`set ingredients`,e),e||this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,model:`2.0`})}}},mounted(){this.value===void 0&&(this.value=!1)}}),le={class:`field`},ue={class:`title font-bold`};function de(e,t,n,i,o,s){let c=f(`el-switch`),d=f(`info-icon`);return u(),p(`div`,le,[r(`h2`,ue,l(e.$t(`pika.name.ingredients`)),1),a(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`]),a(d,{content:e.$t(`pika.description.ingredients`),class:`info`},null,8,[`content`])])}var fe=A(ce,[[`render`,de],[`__scopeId`,`data-v-17c0af5c`]]),pe=s({name:`EffectSelector`,components:{ElSelect:v,ElOption:y},data(){return{}},computed:{options(){return[{value:`Levitate`,label:this.$t(`pika.style.effect1`)},{value:`Decapitate`,label:this.$t(`pika.style.effect2`)},{value:`Eye-pop`,label:this.$t(`pika.style.effect3`)},{value:`Ta-da`,label:this.$t(`pika.style.effect4`)},{value:`Deflate`,label:this.$t(`pika.style.effect5`)},{value:`Crumble`,label:this.$t(`pika.style.effect6`)},{value:`Dissolve`,label:this.$t(`pika.style.effect7`)},{value:`Squish`,label:this.$t(`pika.style.effect8`)},{value:`Inflate`,label:this.$t(`pika.style.effect9`)},{value:`Melt`,label:this.$t(`pika.style.effect10`)},{value:`Cake-ify`,label:this.$t(`pika.style.effect11`)},{value:`Crush`,label:this.$t(`pika.style.effect12`)},{value:`Explode`,label:this.$t(`pika.style.effect13`)}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,effect:e})}}}}),me={class:`field`},he={class:`title font-bold`},ge={class:`float-left`};function _e(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,me,[r(`h2`,he,l(e.$t(`pika.name.effect`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pika.placeholder.select`),clearable:``},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},{default:m(()=>[r(`span`,ge,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ve=A(pe,[[`render`,_e],[`__scopeId`,`data-v-d1c54475`]]),ye=s({name:`IngredientsModelSelector`,components:{ElRadioButton:w,ElRadioGroup:T},data(){return{options:[{label:this.$t(`pika.button.precise`),value:`precise`},{label:this.$t(`pika.button.creative`),value:`creative`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||=O}}),be={class:`field`},xe={class:`title font-bold`};function Se(e,t,o,s,d,h){let _=f(`el-radio-button`),v=f(`el-radio-group`);return u(),p(`div`,be,[r(`h2`,xe,l(e.$t(`pika.name.ingredientsModel`)),1),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`quality`},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.value},{default:m(()=>[i(l(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var Ce=A(ye,[[`render`,Se],[`__scopeId`,`data-v-b72865fa`]]),we=s({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`2.0`,label:`2.0`},{value:`1.5`,label:`1.5`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||=`2.0`}}),Te={class:`field`},Ee={class:`title font-bold`};function De(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,Te,[r(`h2`,Ee,l(e.$t(`pika.name.model`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pika.placeholder.select`)},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Oe=A(we,[[`render`,De],[`__scopeId`,`data-v-7b2e870a`]]),ke=s({name:`ImageUrlInput`,components:{ElUpload:b,ElButton:_,InfoIcon:G,ImagePreview:H,FontAwesomeIcon:B},mixins:[F,L],data(){return{fileList:[],uploadUrl:P()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.pika?.config?.image_url},set(){let e=this.urls?.[0];this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){I.warning(this.$t(`pika.message.uploadStartImageExceed`))},onError(){I.error(this.$t(`pika.message.uploadStartImageError`))},async onRemove(){I.error(this.$t(`pika.message.uploadStartImageError`))},onSetStartImageUrl(){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),Ae={class:`field`},je={class:`title font-bold`},Me={class:`upload-wrapper`};function Ne(e,t,n,o,s,c){let d=f(`image-preview`),h=f(`font-awesome-icon`),g=f(`el-button`),_=f(`el-upload`),v=f(`info-icon`);return u(),p(`div`,Ae,[r(`h2`,je,l(e.$t(`pika.name.imageUrl`)),1),r(`div`,Me,[a(_,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value upload-wrapper`,limit:3,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[a(d,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:m(()=>[a(g,{size:`small`,type:`primary`,round:``},{default:m(()=>[a(h,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`pika.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])]),a(v,{content:e.$t(`pika.description.imageUrl`),class:`info`},null,8,[`content`])])}var Pe=A(ke,[[`render`,Ne],[`__scopeId`,`data-v-25cefe78`]]),Fe=s({name:`PromptInput`,components:{PromptTextarea:J},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ie(e,t,r,i,a,o){let s=f(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pika.name.prompt`),info:e.$t(`pika.description.prompt`),placeholder:e.$t(`pika.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Le=s({name:`PresetPanel`,components:{ImageUrlInput:Pe,ElButton:_,FontAwesomeIcon:B,Consumption:X,PromptInput:A(Fe,[[`render`,Ie]]),IngredientsSelector:fe,IngredientsModelSelector:Ce,ModelSelector:Oe,EffectSelector:ve},emits:[`generate`],computed:{config(){return this.$store.state.pika?.config},consumption(){return M(this.config,this.service?.cost)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Re={class:`flex flex-col h-full`},ze={class:`flex-1 overflow-y-auto p-5`},Be={class:`flex flex-col items-center justify-center px-5 pb-5`};function Ve(e,t,s,c,d,h){let g=f(`prompt-input`),_=f(`model-selector`),v=f(`ingredients-selector`),y=f(`effect-selector`),b=f(`image-url-input`),x=f(`ingredients-model-selector`),S=f(`consumption`),C=f(`font-awesome-icon`),w=f(`el-button`);return u(),p(`div`,Re,[r(`div`,ze,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),e.config?.ingredients?(u(),n(b,{key:0,class:`mb-4`})):o(``,!0),e.config?.ingredients?(u(),n(x,{key:1,class:`mb-4`})):o(``,!0)]),r(`div`,Be,[a(S,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(w,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[a(C,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`pika.button.generate`)),1)]),_:1},8,[`onClick`])])])}var He=A(Le,[[`render`,Ve]]),Ue=s({name:`VideoPlayer`,components:{VuePlyr:Q},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:1080,options:[1080]}}}}}),We=[`data-poster`],Ge=[`src`];function Ke(e,t,n,i,o,s){let c=f(`vue-plyr`);return u(),p(`div`,null,[a(c,{options:e.options,class:`video`},{default:m(()=>[r(`video`,{controls:``,playsinline:``,preload:`metadata`,"data-poster":e.modelValue?.image_url},[r(`source`,{size:`1080`,src:e.modelValue?.video_url,type:`video/mp4`},null,8,Ge)],8,We)]),_:1},8,[`options`])])}var qe=s({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:V,FontAwesomeIcon:B,ElAlert:C,VideoPlayer:A(Ue,[[`render`,Ke],[`__scopeId`,`data-v-897d9fe0`]]),ElTooltip:x,ElButton:_,ApiCodeButton:Z},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e}},methods:{onDownload(e){console.log(`on download`),window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenVideo(e){window.open(e,`_blank`)}}}),Je={class:`left`},Ye={class:`main`},Xe={class:`bot`},Ze={class:`datetime`},Qe={class:`info`},$e={key:0,class:`prompt mt-2`},et={key:0},tt={key:1},nt={key:0,class:t({content:!0,failed:!0})},rt={class:`image-wrapper`},it={key:0,class:t({operations:!0,"mt-2":!0})},at={key:0,class:`description`},ot={class:`description`},st={key:1,class:`description`},ct={key:1,class:t({content:!0})},lt={class:`description`},ut={class:`description`},dt={key:0,class:`description`},ft={class:`description`},$={key:2,class:t({content:!0})},pt={class:`description`};function mt(e,t,s,d,h,_){let v=f(`el-image`),y=f(`VideoPlayer`),b=f(`el-button`),x=f(`el-tooltip`),S=f(`api-code-button`),C=f(`font-awesome-icon`),w=f(`copy-to-clipboard`),T=f(`el-alert`);return u(!0),p(g,null,c(e.videos,(t,s)=>(u(),p(`div`,{key:s,class:`preview`},[r(`div`,Je,[a(v,{src:`https://cdn.acedata.cloud/i80tgn.png`,class:`avatar`})]),r(`div`,Ye,[r(`div`,Xe,[i(l(e.$t(`pika.name.pikaBot`))+` `,1),r(`span`,Ze,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Qe,[e.modelValue?.request?.prompt?(u(),p(`p`,$e,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),p(`span`,et,` - (`+l(e.$t(`pika.status.pending`))+`) `,1)),t?.state===`processing`||t?.state===`pending`?(u(),p(`span`,tt,` - (`+l(e.$t(`pika.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),p(`div`,nt,[r(`div`,rt,[a(y,{"model-value":t},null,8,[`model-value`])]),t?(u(),p(`div`,it,[a(x,{class:`box-item`,effect:`dark`,content:e.$t(`pika.message.downloadVideo`),placement:`top-start`},{default:m(()=>[t?.video_url?(u(),n(b,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:n=>e.onDownload(t?.video_url)},{default:m(()=>[i(l(e.$t(`pika.button.download`)),1)]),_:1},8,[`onClick`])):o(``,!0)]),_:2},1032,[`content`]),a(S,{path:`/pika/videos`,body:e.modelValue?.request},null,8,[`body`])])):o(``,!0),a(T,{closable:!1,class:`mt-2 success`},{default:m(()=>[e.modelValue?.request?.model?(u(),p(`p`,at,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),r(`p`,ot,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),p(`p`,st,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(u(),p(`div`,ct,[a(T,{closable:!1,class:`failure`},{template:m(()=>[a(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failure`)),1)]),default:m(()=>[r(`p`,lt,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,ut,[a(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(w,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),p(`p`,dt,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,ft,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(w,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0),!e.modelValue?.response||t?.state===`processing`||t?.state===`pending`?(u(),p(`div`,$,[a(T,{closable:!1,class:`info`},{template:m(()=>[a(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failure`)),1)]),default:m(()=>[r(`p`,pt,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0)])]))),128)}var ht=s({name:`RecentPanel`,components:{TaskPreview:A(qe,[[`render`,mt],[`__scopeId`,`data-v-52856c99`]]),BotPlaceholder:W,NoTasks:Y,ScrollList:K},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),gt={key:0},_t={key:2,class:`w-full h-full flex items-center justify-center`};function vt(e,t,r,i,s,l){let d=f(`bot-placeholder`),h=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return u(),p(g,null,[e.tasks?.items===void 0?(u(),p(`div`,gt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(u(!0),p(g,null,c(e.tasks?.items,(e,t)=>(u(),n(h,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),p(`div`,_t,[a(v)])):o(``,!0)],64)}var yt=A(ht,[[`render`,vt]]),bt=D(`pika`),xt=s({name:`PikaIndex`,components:{ConfigPanel:He,Layout:se,RecentPanel:yt},mixins:[te],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pika?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.pika?.status?.getTasks===z.Request||this.fetchingTasks},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===z.Request},needApply(){return this.$store.state.pika.status.getApplications===z.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await q({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`pika/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pika/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},onApply(){k.create({application:this.application}).then(({data:e})=>{this.application=e,I.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&I.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`pika/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!N(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let e={...this.config,callback_url:bt},t=this.credential?.token;if(!t){console.error(`no token specified`);return}I.info(this.$t(`pika.message.startingTask`)),j(`pika`,R.generate(e,{token:t})).then(()=>{I.success(this.$t(`pika.message.startTaskSuccess`)),this.$store.commit(`pika/setConfig`,{config:void 0})}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?I.error(this.$t(`pika.message.usedUp`)):I.error(this.$t(`pika.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function St(e,t,r,i,o,s){let c=f(`config-panel`),l=f(`recent-panel`),d=f(`layout`);return u(),n(d,null,{config:m(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[a(l,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ct=A(xt,[[`render`,St],[`__scopeId`,`data-v-eae39ce1`]]);export{Ct as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,_ as d,et as f,k as p,lt as m,ut as h,x as g}from"./vendor-chart-mdwpew_o.js";import{t as _}from"./button-DWzbdjZV.js";import{r as v,t as y}from"./select-DAa8odbM.js";import{t as b}from"./upload-C1A-s7Yk.js";import{t as x}from"./tooltip-C3PYfh8V.js";import{t as S}from"./image-C6NwfMIr.js";import{t as C}from"./alert-BJj7gY4q.js";import{n as w,r as T}from"./radio-IJQsW93X.js";import{t as ee}from"./drawer-BvYPSxXh.js";import{t as E}from"./switch-OayEB1u5.js";import{Cr as D,hi as O}from"./constants-BVtW3DRs.js";import{An as k,At as te,E as A,Fn as j,Nt as M,Ot as N,Sr as P,jt as F,kr as I,kt as L,mn as R,yr as z}from"./index-B2cLm6qN.js";import{t as B}from"./index.es-CtAdUuvy.js";import{t as V}from"./CopyToClipboard-BWst2iVb.js";import{t as H}from"./ImagePreview-BONFD01I.js";import{n as U}from"./taskDrawerMixin-Cr17Yxqk.js";import{t as W}from"./BotPlaceholder-CsbmSleA.js";import{i as G,n as K,t as q}from"./pagination-lmE1fJNh.js";import{n as J,t as Y}from"./NoTasks-DFKN-WpO.js";import{t as X}from"./Consumption-sOdFzyTj.js";import{t as Z}from"./ApiCodeButton-_F8VGfz6.js";import{t as Q}from"./vue-plyr-wiIKa-zl.js";var ne=s({name:`LayoutPika`,components:{ElDrawer:ee,ElButton:_,FontAwesomeIcon:B},mixins:[U]}),re={class:`main flex flex-row flex-1`},ie={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ae={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function oe(t,n,i,o,s,c){let l=f(`font-awesome-icon`),g=f(`el-button`),_=f(`el-drawer`);return u(),p(`div`,re,[r(`div`,ie,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ae,[e(t.$slots,`result`,{},void 0,!0)]),h(a(g,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[d,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var se=A(ne,[[`render`,oe],[`__scopeId`,`data-v-cbfdbeb3`]]),ce=s({name:`IngredientsSelector`,components:{ElSwitch:E,InfoIcon:G},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug(`set ingredients`,e),e||this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,model:`2.0`})}}},mounted(){this.value===void 0&&(this.value=!1)}}),le={class:`field`},ue={class:`title font-bold`};function de(e,t,n,i,o,s){let c=f(`el-switch`),d=f(`info-icon`);return u(),p(`div`,le,[r(`h2`,ue,l(e.$t(`pika.name.ingredients`)),1),a(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`]),a(d,{content:e.$t(`pika.description.ingredients`),class:`info`},null,8,[`content`])])}var fe=A(ce,[[`render`,de],[`__scopeId`,`data-v-17c0af5c`]]),pe=s({name:`EffectSelector`,components:{ElSelect:v,ElOption:y},data(){return{}},computed:{options(){return[{value:`Levitate`,label:this.$t(`pika.style.effect1`)},{value:`Decapitate`,label:this.$t(`pika.style.effect2`)},{value:`Eye-pop`,label:this.$t(`pika.style.effect3`)},{value:`Ta-da`,label:this.$t(`pika.style.effect4`)},{value:`Deflate`,label:this.$t(`pika.style.effect5`)},{value:`Crumble`,label:this.$t(`pika.style.effect6`)},{value:`Dissolve`,label:this.$t(`pika.style.effect7`)},{value:`Squish`,label:this.$t(`pika.style.effect8`)},{value:`Inflate`,label:this.$t(`pika.style.effect9`)},{value:`Melt`,label:this.$t(`pika.style.effect10`)},{value:`Cake-ify`,label:this.$t(`pika.style.effect11`)},{value:`Crush`,label:this.$t(`pika.style.effect12`)},{value:`Explode`,label:this.$t(`pika.style.effect13`)}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,effect:e})}}}}),me={class:`field`},he={class:`title font-bold`},ge={class:`float-left`};function _e(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,me,[r(`h2`,he,l(e.$t(`pika.name.effect`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pika.placeholder.select`),clearable:``},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},{default:m(()=>[r(`span`,ge,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ve=A(pe,[[`render`,_e],[`__scopeId`,`data-v-d1c54475`]]),ye=s({name:`IngredientsModelSelector`,components:{ElRadioButton:w,ElRadioGroup:T},data(){return{options:[{label:this.$t(`pika.button.precise`),value:`precise`},{label:this.$t(`pika.button.creative`),value:`creative`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||=D}}),be={class:`field`},xe={class:`title font-bold`};function Se(e,t,o,s,d,h){let _=f(`el-radio-button`),v=f(`el-radio-group`);return u(),p(`div`,be,[r(`h2`,xe,l(e.$t(`pika.name.ingredientsModel`)),1),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`quality`},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.value},{default:m(()=>[i(l(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var Ce=A(ye,[[`render`,Se],[`__scopeId`,`data-v-b72865fa`]]),we=s({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`2.0`,label:`2.0`},{value:`1.5`,label:`1.5`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||=`2.0`}}),Te={class:`field`},Ee={class:`title font-bold`};function De(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,Te,[r(`h2`,Ee,l(e.$t(`pika.name.model`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pika.placeholder.select`)},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Oe=A(we,[[`render`,De],[`__scopeId`,`data-v-7b2e870a`]]),ke=s({name:`ImageUrlInput`,components:{ElUpload:b,ElButton:_,InfoIcon:G,ImagePreview:H,FontAwesomeIcon:B},mixins:[F,L],data(){return{fileList:[],uploadUrl:P()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.pika?.config?.image_url},set(){let e=this.urls?.[0];this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){I.warning(this.$t(`pika.message.uploadStartImageExceed`))},onError(){I.error(this.$t(`pika.message.uploadStartImageError`))},async onRemove(){I.error(this.$t(`pika.message.uploadStartImageError`))},onSetStartImageUrl(){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),Ae={class:`field`},je={class:`title font-bold`},Me={class:`upload-wrapper`};function Ne(e,t,n,o,s,c){let d=f(`image-preview`),h=f(`font-awesome-icon`),g=f(`el-button`),_=f(`el-upload`),v=f(`info-icon`);return u(),p(`div`,Ae,[r(`h2`,je,l(e.$t(`pika.name.imageUrl`)),1),r(`div`,Me,[a(_,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value upload-wrapper`,limit:3,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[a(d,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:m(()=>[a(g,{size:`small`,type:`primary`,round:``},{default:m(()=>[a(h,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`pika.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])]),a(v,{content:e.$t(`pika.description.imageUrl`),class:`info`},null,8,[`content`])])}var Pe=A(ke,[[`render`,Ne],[`__scopeId`,`data-v-25cefe78`]]),Fe=s({name:`PromptInput`,components:{PromptTextarea:J},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ie(e,t,r,i,a,o){let s=f(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pika.name.prompt`),info:e.$t(`pika.description.prompt`),placeholder:e.$t(`pika.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Le=s({name:`PresetPanel`,components:{ImageUrlInput:Pe,ElButton:_,FontAwesomeIcon:B,Consumption:X,PromptInput:A(Fe,[[`render`,Ie]]),IngredientsSelector:fe,IngredientsModelSelector:Ce,ModelSelector:Oe,EffectSelector:ve},emits:[`generate`],computed:{config(){return this.$store.state.pika?.config},consumption(){return M(this.config,this.service?.cost)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Re={class:`flex flex-col h-full`},ze={class:`flex-1 overflow-y-auto p-5`},Be={class:`flex flex-col items-center justify-center px-5 pb-5`};function Ve(e,t,s,c,d,h){let g=f(`prompt-input`),_=f(`model-selector`),v=f(`ingredients-selector`),y=f(`effect-selector`),b=f(`image-url-input`),x=f(`ingredients-model-selector`),S=f(`consumption`),C=f(`font-awesome-icon`),w=f(`el-button`);return u(),p(`div`,Re,[r(`div`,ze,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),e.config?.ingredients?(u(),n(b,{key:0,class:`mb-4`})):o(``,!0),e.config?.ingredients?(u(),n(x,{key:1,class:`mb-4`})):o(``,!0)]),r(`div`,Be,[a(S,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(w,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[a(C,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`pika.button.generate`)),1)]),_:1},8,[`onClick`])])])}var He=A(Le,[[`render`,Ve]]),Ue=s({name:`VideoPlayer`,components:{VuePlyr:Q},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:1080,options:[1080]}}}}}),We=[`data-poster`],Ge=[`src`];function Ke(e,t,n,i,o,s){let c=f(`vue-plyr`);return u(),p(`div`,null,[a(c,{options:e.options,class:`video`},{default:m(()=>[r(`video`,{controls:``,playsinline:``,preload:`metadata`,"data-poster":e.modelValue?.image_url},[r(`source`,{size:`1080`,src:e.modelValue?.video_url,type:`video/mp4`},null,8,Ge)],8,We)]),_:1},8,[`options`])])}var qe=s({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:V,FontAwesomeIcon:B,ElAlert:C,VideoPlayer:A(Ue,[[`render`,Ke],[`__scopeId`,`data-v-897d9fe0`]]),ElTooltip:x,ElButton:_,ApiCodeButton:Z},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e}},methods:{onDownload(e){console.log(`on download`),window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenVideo(e){window.open(e,`_blank`)}}}),Je={class:`left`},Ye={class:`main`},Xe={class:`bot`},Ze={class:`datetime`},Qe={class:`info`},$e={key:0,class:`prompt mt-2`},et={key:0},tt={key:1},nt={key:0,class:t({content:!0,failed:!0})},rt={class:`image-wrapper`},it={key:0,class:t({operations:!0,"mt-2":!0})},at={key:0,class:`description`},ot={class:`description`},st={key:1,class:`description`},ct={key:1,class:t({content:!0})},lt={class:`description`},ut={class:`description`},dt={key:0,class:`description`},ft={class:`description`},$={key:2,class:t({content:!0})},pt={class:`description`};function mt(e,t,s,d,h,_){let v=f(`el-image`),y=f(`VideoPlayer`),b=f(`el-button`),x=f(`el-tooltip`),S=f(`api-code-button`),C=f(`font-awesome-icon`),w=f(`copy-to-clipboard`),T=f(`el-alert`);return u(!0),p(g,null,c(e.videos,(t,s)=>(u(),p(`div`,{key:s,class:`preview`},[r(`div`,Je,[a(v,{src:`https://cdn.acedata.cloud/i80tgn.png`,class:`avatar`})]),r(`div`,Ye,[r(`div`,Xe,[i(l(e.$t(`pika.name.pikaBot`))+` `,1),r(`span`,Ze,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Qe,[e.modelValue?.request?.prompt?(u(),p(`p`,$e,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),p(`span`,et,` - (`+l(e.$t(`pika.status.pending`))+`) `,1)),t?.state===`processing`||t?.state===`pending`?(u(),p(`span`,tt,` - (`+l(e.$t(`pika.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),p(`div`,nt,[r(`div`,rt,[a(y,{"model-value":t},null,8,[`model-value`])]),t?(u(),p(`div`,it,[a(x,{class:`box-item`,effect:`dark`,content:e.$t(`pika.message.downloadVideo`),placement:`top-start`},{default:m(()=>[t?.video_url?(u(),n(b,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:n=>e.onDownload(t?.video_url)},{default:m(()=>[i(l(e.$t(`pika.button.download`)),1)]),_:1},8,[`onClick`])):o(``,!0)]),_:2},1032,[`content`]),a(S,{path:`/pika/videos`,body:e.modelValue?.request},null,8,[`body`])])):o(``,!0),a(T,{closable:!1,class:`mt-2 success`},{default:m(()=>[e.modelValue?.request?.model?(u(),p(`p`,at,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),r(`p`,ot,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),p(`p`,st,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(u(),p(`div`,ct,[a(T,{closable:!1,class:`failure`},{template:m(()=>[a(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failure`)),1)]),default:m(()=>[r(`p`,lt,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,ut,[a(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(w,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),p(`p`,dt,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,ft,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(w,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0),!e.modelValue?.response||t?.state===`processing`||t?.state===`pending`?(u(),p(`div`,$,[a(T,{closable:!1,class:`info`},{template:m(()=>[a(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failure`)),1)]),default:m(()=>[r(`p`,pt,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0)])]))),128)}var ht=s({name:`RecentPanel`,components:{TaskPreview:A(qe,[[`render`,mt],[`__scopeId`,`data-v-52856c99`]]),BotPlaceholder:W,NoTasks:Y,ScrollList:K},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),gt={key:0},_t={key:2,class:`w-full h-full flex items-center justify-center`};function vt(e,t,r,i,s,l){let d=f(`bot-placeholder`),h=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return u(),p(g,null,[e.tasks?.items===void 0?(u(),p(`div`,gt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(u(!0),p(g,null,c(e.tasks?.items,(e,t)=>(u(),n(h,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),p(`div`,_t,[a(v)])):o(``,!0)],64)}var yt=A(ht,[[`render`,vt]]),bt=O(`pika`),xt=s({name:`PikaIndex`,components:{ConfigPanel:He,Layout:se,RecentPanel:yt},mixins:[te],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pika?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.pika?.status?.getTasks===z.Request||this.fetchingTasks},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===z.Request},needApply(){return this.$store.state.pika.status.getApplications===z.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await q({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`pika/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pika/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},onApply(){k.create({application:this.application}).then(({data:e})=>{this.application=e,I.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&I.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`pika/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!N(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let e={...this.config,callback_url:bt},t=this.credential?.token;if(!t){console.error(`no token specified`);return}I.info(this.$t(`pika.message.startingTask`)),j(`pika`,R.generate(e,{token:t})).then(()=>{I.success(this.$t(`pika.message.startTaskSuccess`)),this.$store.commit(`pika/setConfig`,{config:void 0})}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?I.error(this.$t(`pika.message.usedUp`)):I.error(this.$t(`pika.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function St(e,t,r,i,o,s){let c=f(`config-panel`),l=f(`recent-panel`),d=f(`layout`);return u(),n(d,null,{config:m(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[a(l,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ct=A(xt,[[`render`,St],[`__scopeId`,`data-v-eae39ce1`]]);export{Ct as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,_ as d,et as f,k as p,lt as m,ut as h,x as g,y as _}from"./vendor-chart-mdwpew_o.js";import{t as v}from"./button-DWzbdjZV.js";import{r as y,t as b}from"./select-BITgEgfP.js";import{t as x}from"./upload-DMzqzxP6.js";import{t as S}from"./tooltip-C3PYfh8V.js";import{t as C}from"./image-CWcemTUB.js";import{t as w}from"./alert-BJj7gY4q.js";import{t as T}from"./drawer-BvYPSxXh.js";import{lt as E,pi as D,ut as ee}from"./constants-C-bSXdJ_.js";import{At as te,E as O,Fn as k,Nt as A,Ot as j,Sr as M,Yt as N,jt as P,kr as F,kt as I,yr as L}from"./index-BmC-XXKj.js";import{t as R}from"./index.es-Cawr8qgY.js";import{t as z}from"./CopyToClipboard-Cx0LOUlj.js";import{t as B}from"./ImagePreview--SDvXZzb.js";import{n as V}from"./taskDrawerMixin-Cr17Yxqk.js";import{t as H}from"./BotPlaceholder-CGjSVeUk.js";import{i as U,n as W,t as G}from"./pagination-B3P0PVH-.js";import{n as K,t as q}from"./NoTasks-l_P0QgKI.js";import{t as J}from"./Consumption-BKLhsHgd.js";import{t as Y}from"./ApiCodeButton-8YzSdLWx.js";import{t as X}from"./VideoPlayer-BtXLkAAR.js";var Z=s({name:`LayoutWan`,components:{ElDrawer:T,ElButton:v,FontAwesomeIcon:R},mixins:[V]}),Q={class:`main flex flex-row flex-1`},ne={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},re={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ie(t,n,i,o,s,c){let l=f(`font-awesome-icon`),g=f(`el-button`),_=f(`el-drawer`);return u(),p(`div`,Q,[r(`div`,ne,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,re,[e(t.$slots,`result`,{},void 0,!0)]),h(a(g,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[d,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ae=O(Z,[[`render`,ie],[`__scopeId`,`data-v-1ffeb6b4`]]),oe=s({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},data(){return{}},computed:{options(){return[{value:`wan2.6-t2v`,label:this.$t(`wan.button.modelT2v`)},{value:`wan2.6-i2v`,label:this.$t(`wan.button.modelI2v`)},{value:`wan2.6-i2v-flash`,label:this.$t(`wan.button.modelI2vFlash`)},{value:`wan2.6-r2v`,label:this.$t(`wan.button.modelR2v`)}]},value:{get(){return this.$store.state.wan?.config?.model},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,model:e})}}},mounted(){this.value||=E}}),se={class:`field`},ce={class:`title font-bold`},le={class:`float-left`};function ue(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,se,[r(`h2`,ce,l(e.$t(`wan.name.model`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`wan.placeholder.select`),clearable:``},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},{default:m(()=>[r(`span`,le,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var de=O(oe,[[`render`,ue],[`__scopeId`,`data-v-eb090beb`]]),fe=`720p`,pe=s({name:`ResolutionSelector`,components:{ElSelect:y,ElOption:b},computed:{options(){return[{value:`480p`,label:this.$t(`wan.name.resolution480p`)},{value:`720p`,label:this.$t(`wan.name.resolution720p`)},{value:`1080p`,label:this.$t(`wan.name.resolution1080p`)}]},value:{get(){return this.$store.state.wan?.config?.resolution},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,resolution:e})}}},mounted(){this.value||=fe}}),me={class:`field`},he={class:`title font-bold`},ge={class:`float-left`};function _e(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,me,[r(`h2`,he,l(e.$t(`wan.name.resolution`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`wan.placeholder.select`),clearable:``},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},{default:m(()=>[r(`span`,ge,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ve=O(pe,[[`render`,_e],[`__scopeId`,`data-v-3e39f44e`]]),ye=5,be=s({name:`DurationSelector`,components:{ElSelect:y,ElOption:b},computed:{options(){return[{value:5,label:this.$t(`wan.name.duration5s`)},{value:10,label:this.$t(`wan.name.duration10s`)},{value:15,label:this.$t(`wan.name.duration15s`)}]},value:{get(){return this.$store.state.wan?.config?.duration},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,duration:e})}}},mounted(){this.value||=ye}}),xe={class:`field`},Se={class:`title font-bold`},Ce={class:`float-left`};function we(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,xe,[r(`h2`,Se,l(e.$t(`wan.name.duration`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`wan.placeholder.select`),clearable:``},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},{default:m(()=>[r(`span`,Ce,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Te=O(be,[[`render`,we],[`__scopeId`,`data-v-5f35a2cf`]]),Ee=s({name:`ImageUrlInput`,components:{ElUpload:x,ElButton:v,InfoIcon:U,ImagePreview:B},mixins:[P,I],data(){return{fileList:[],uploadUrl:M()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.wan?.config?.image_url},set(){let e=this.urls?.[0];this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,image_url:e})}}},mounted(){this.value||=void 0,this.onSetImageUrl()},methods:{onExceed(){F.warning(this.$t(`wan.message.uploadImageExceed`))},onError(){F.error(this.$t(`wan.message.uploadImageError`))},async onRemove(){F.error(this.$t(`wan.message.uploadImageError`))},onSetImageUrl(){let e=this.urls?.[0];this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),De={class:`relative`},Oe={class:`flex justify-between`},ke={class:`flex justify-start items-center`},Ae={class:`text-sm font-bold`};function je(e,t,s,c,d,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`el-button`),y=f(`el-upload`);return u(),p(`div`,De,[r(`div`,Oe,[r(`div`,ke,[r(`span`,Ae,l(e.$t(`wan.name.imageUrl`)),1),a(g,{content:e.$t(`wan.description.imageUrl`),class:`info`},null,8,[`content`])])]),a(y,{"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,"show-file-list":!0,limit:1,multiple:!1,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[t.url&&t.percentage!==void 0?(u(),n(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:m(()=>[a(v,{size:`small`,type:`primary`,class:`btn btn-upload`,round:``},{default:m(()=>[i(l(e.$t(`wan.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])])}var Me=O(Ee,[[`render`,je],[`__scopeId`,`data-v-41a69004`]]),Ne=s({name:`PromptInput`,components:{PromptTextarea:K},computed:{prompt:{get(){return this.$store.state.wan?.config?.prompt},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Pe(e,t,r,i,a,o){let s=f(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`wan.name.prompt`),info:e.$t(`wan.description.prompt`),placeholder:e.$t(`wan.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Fe=s({name:`PresetPanel`,components:{ElButton:v,FontAwesomeIcon:R,PromptInput:O(Ne,[[`render`,Pe]]),ImageUrlInput:Me,ModelSelector:de,ResolutionSelector:ve,DurationSelector:Te,Consumption:J},emits:[`generate`],computed:{config(){return this.$store.state.wan?.config},consumption(){return A(this.config,this.service?.cost)},service(){return this.$store.state.wan?.service},supportsResolution(){let e=this.config?.model;return e===`wan2.6-t2v`||e===`wan2.6-i2v`||e===`wan2.6-i2v-flash`},supportsDuration(){return this.config?.model===`wan2.6-t2v`},supportsImageUrl(){let e=this.config?.model;return e===`wan2.6-i2v`||e===`wan2.6-i2v-flash`}},methods:{onGenerate(){this.$emit(`generate`)}}}),Ie={class:`flex flex-col h-full`},Le={class:`flex-1 overflow-y-auto p-5`},Re={class:`flex flex-col items-center justify-center px-5 pb-5`};function ze(e,t,s,c,d,h){let g=f(`prompt-input`),_=f(`model-selector`),v=f(`resolution-selector`),y=f(`duration-selector`),b=f(`image-url-input`),x=f(`consumption`),S=f(`font-awesome-icon`),C=f(`el-button`);return u(),p(`div`,Ie,[r(`div`,Le,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),e.supportsResolution?(u(),n(v,{key:0,class:`mb-4`})):o(``,!0),e.supportsDuration?(u(),n(y,{key:1,class:`mb-4`})):o(``,!0),e.supportsImageUrl?(u(),n(b,{key:2,class:`mb-2`})):o(``,!0)]),r(`div`,Re,[a(x,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(C,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[a(S,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`wan.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Be=O(Fe,[[`render`,ze]]),Ve=s({name:`TaskPreview`,components:{ElImage:C,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:w,VideoPlayer:X,ElTooltip:S,ElButton:v,ApiCodeButton:Y},props:{modelValue:{type:Object,required:!0}},setup(){return{WAN_LOGO:ee}},computed:{application(){return this.$store.state.wan?.application},config(){return this.$store.state.wan?.config}},methods:{onDownload(e){console.debug(`on download wan video`,e),window.open(e,`_blank`)}}}),He={class:`preview`},Ue={class:`left`},We={class:`main`},Ge={class:`bot`},Ke={class:`datetime`},qe={class:`info`},Je={key:0,class:`prompt mt-2`},Ye={key:0},Xe={key:1},Ze={key:0,class:t({content:!0,failed:!0})},Qe={key:0,class:`mb-4`},$e={key:1,class:t({operations:!0,"mt-2":!0})},et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},nt={key:1,class:t({content:!0})},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},it={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},at={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ot={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},st={key:2,class:t({content:!0})},ct={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function lt(e,t,n,s,c,d){let h=f(`el-image`),g=f(`video-player`),v=f(`el-button`),y=f(`el-tooltip`),b=f(`api-code-button`),x=f(`font-awesome-icon`),S=f(`copy-to-clipboard`),C=f(`el-alert`);return u(),p(`div`,He,[r(`div`,Ue,[a(h,{src:e.WAN_LOGO,class:`avatar`},null,8,[`src`])]),r(`div`,We,[r(`div`,Ge,[i(l(e.$t(`wan.name.wanBot`))+` `,1),r(`span`,Ke,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,qe,[e.modelValue?.request?.prompt?(u(),p(`p`,Je,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),p(`span`,Ye,` - (`+l(e.$t(`wan.status.pending`))+`) `,1)),e.modelValue?.response?.state===`processing`||e.modelValue?.response?.state===`pending`||e.modelValue?.response?.state===`running`?(u(),p(`span`,Xe,` - (`+l(e.$t(`wan.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),p(`div`,Ze,[e.modelValue?.response?.video_url?(u(),p(`div`,Qe,[a(g,{src:e.modelValue?.response?.video_url},null,8,[`src`])])):o(``,!0),e.modelValue?.response?.video_url?(u(),p(`div`,$e,[a(y,{class:`box-item`,effect:`dark`,content:e.$t(`wan.message.downloadVideo`),placement:`top-start`},{default:m(()=>[a(v,{type:`info`,size:`small`,class:`mb-2`,onClick:t[0]||=_(t=>e.onDownload(e.modelValue?.response?.video_url),[`stop`])},{default:m(()=>[i(l(e.$t(`wan.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(b,{path:`/wan/videos`,body:e.modelValue?.request},null,8,[`body`])])):o(``,!0),a(C,{closable:!1,class:`mt-2 success`},{default:m(()=>[e.modelValue?.request?.model?(u(),p(`p`,et,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.model`))+`: `+l(e.modelValue?.request?.model)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])])):o(``,!0),r(`p`,tt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(u(),p(`p`,$,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(u(),p(`div`,nt,[a(C,{closable:!1,class:`failure`},{template:m(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.failure`)),1)]),default:m(()=>[r(`p`,rt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])]),r(`p`,it,[a(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(u(),p(`p`,at,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,ot,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),e.modelValue?.response?.success===void 0?(u(),p(`div`,st,[a(C,{closable:!1,class:`info`},{template:m(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.failure`)),1)]),default:m(()=>[r(`p`,ct,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var ut=s({name:`RecentPanel`,components:{TaskPreview:O(Ve,[[`render`,lt],[`__scopeId`,`data-v-916b8970`]]),BotPlaceholder:H,NoTasks:q,ScrollList:W},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.wan?.tasks,items:this.$store.state.wan?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),dt={key:0},ft={key:2,class:`w-full h-full flex items-center justify-center`};function pt(e,t,r,i,s,l){let d=f(`bot-placeholder`),h=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return u(),p(g,null,[e.tasks?.items===void 0?(u(),p(`div`,dt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(u(!0),p(g,null,c(e.tasks?.items,e=>(u(),n(h,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),p(`div`,ft,[a(v)])):o(``,!0)],64)}var mt=O(ut,[[`render`,pt]]),ht=D(`wan`),gt=s({name:`WanIndex`,components:{ConfigPanel:Be,Layout:ae,RecentPanel:mt},mixins:[te],inject:[`initialized`],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.wan?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.wan?.status?.getTasks===L.Request||this.fetchingTasks},credential(){return this.$store.state.wan.credential},config(){return this.$store.state.wan.config},application(){return this.$store.state.wan.application},tasks(){return this.$store.state.wan.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await G({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`wan/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`wan/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`wan/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!j(this.uploadTracker,e=>this.$t(e),e=>F.warning(e)))return;let e={...this.config,callback_url:ht},t=this.credential?.token;if(!t){console.error(`no token specified`);return}F.info(this.$t(`wan.message.startingTask`)),k(`wan`,N.generate(e,{token:t})).then(()=>{F.success(this.$t(`wan.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?F.error(this.$t(`wan.message.usedUp`)):F.error(this.$t(`wan.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function _t(e,t,r,i,o,s){let c=f(`config-panel`),l=f(`recent-panel`),d=f(`layout`);return u(),n(d,null,{config:m(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[a(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var vt=O(gt,[[`render`,_t]]);export{vt as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,_ as d,et as f,k as p,lt as m,ut as h,x as g,y as _}from"./vendor-chart-mdwpew_o.js";import{t as v}from"./button-DWzbdjZV.js";import{r as y,t as b}from"./select-DAa8odbM.js";import{t as x}from"./upload-C1A-s7Yk.js";import{t as S}from"./tooltip-C3PYfh8V.js";import{t as C}from"./image-C6NwfMIr.js";import{t as w}from"./alert-BJj7gY4q.js";import{t as T}from"./drawer-BvYPSxXh.js";import{dt as E,ft as D,hi as ee}from"./constants-BVtW3DRs.js";import{At as te,E as O,Fn as k,Nt as A,Ot as j,Sr as M,Yt as N,jt as P,kr as F,kt as I,yr as L}from"./index-B2cLm6qN.js";import{t as R}from"./index.es-CtAdUuvy.js";import{t as z}from"./CopyToClipboard-BWst2iVb.js";import{t as B}from"./ImagePreview-BONFD01I.js";import{n as V}from"./taskDrawerMixin-Cr17Yxqk.js";import{t as H}from"./BotPlaceholder-CsbmSleA.js";import{i as U,n as W,t as G}from"./pagination-lmE1fJNh.js";import{n as K,t as q}from"./NoTasks-DFKN-WpO.js";import{t as J}from"./Consumption-sOdFzyTj.js";import{t as Y}from"./ApiCodeButton-_F8VGfz6.js";import{t as X}from"./VideoPlayer-BsOg3z0K.js";var Z=s({name:`LayoutWan`,components:{ElDrawer:T,ElButton:v,FontAwesomeIcon:R},mixins:[V]}),Q={class:`main flex flex-row flex-1`},ne={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},re={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ie(t,n,i,o,s,c){let l=f(`font-awesome-icon`),g=f(`el-button`),_=f(`el-drawer`);return u(),p(`div`,Q,[r(`div`,ne,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,re,[e(t.$slots,`result`,{},void 0,!0)]),h(a(g,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[d,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ae=O(Z,[[`render`,ie],[`__scopeId`,`data-v-1ffeb6b4`]]),oe=s({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},data(){return{}},computed:{options(){return[{value:`wan2.6-t2v`,label:this.$t(`wan.button.modelT2v`)},{value:`wan2.6-i2v`,label:this.$t(`wan.button.modelI2v`)},{value:`wan2.6-i2v-flash`,label:this.$t(`wan.button.modelI2vFlash`)},{value:`wan2.6-r2v`,label:this.$t(`wan.button.modelR2v`)}]},value:{get(){return this.$store.state.wan?.config?.model},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,model:e})}}},mounted(){this.value||=E}}),se={class:`field`},ce={class:`title font-bold`},le={class:`float-left`};function ue(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,se,[r(`h2`,ce,l(e.$t(`wan.name.model`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`wan.placeholder.select`),clearable:``},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},{default:m(()=>[r(`span`,le,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var de=O(oe,[[`render`,ue],[`__scopeId`,`data-v-eb090beb`]]),fe=`720p`,pe=s({name:`ResolutionSelector`,components:{ElSelect:y,ElOption:b},computed:{options(){return[{value:`480p`,label:this.$t(`wan.name.resolution480p`)},{value:`720p`,label:this.$t(`wan.name.resolution720p`)},{value:`1080p`,label:this.$t(`wan.name.resolution1080p`)}]},value:{get(){return this.$store.state.wan?.config?.resolution},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,resolution:e})}}},mounted(){this.value||=fe}}),me={class:`field`},he={class:`title font-bold`},ge={class:`float-left`};function _e(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,me,[r(`h2`,he,l(e.$t(`wan.name.resolution`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`wan.placeholder.select`),clearable:``},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},{default:m(()=>[r(`span`,ge,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ve=O(pe,[[`render`,_e],[`__scopeId`,`data-v-3e39f44e`]]),ye=5,be=s({name:`DurationSelector`,components:{ElSelect:y,ElOption:b},computed:{options(){return[{value:5,label:this.$t(`wan.name.duration5s`)},{value:10,label:this.$t(`wan.name.duration10s`)},{value:15,label:this.$t(`wan.name.duration15s`)}]},value:{get(){return this.$store.state.wan?.config?.duration},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,duration:e})}}},mounted(){this.value||=ye}}),xe={class:`field`},Se={class:`title font-bold`},Ce={class:`float-left`};function we(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,xe,[r(`h2`,Se,l(e.$t(`wan.name.duration`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`wan.placeholder.select`),clearable:``},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},{default:m(()=>[r(`span`,Ce,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Te=O(be,[[`render`,we],[`__scopeId`,`data-v-5f35a2cf`]]),Ee=s({name:`ImageUrlInput`,components:{ElUpload:x,ElButton:v,InfoIcon:U,ImagePreview:B},mixins:[P,I],data(){return{fileList:[],uploadUrl:M()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.wan?.config?.image_url},set(){let e=this.urls?.[0];this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,image_url:e})}}},mounted(){this.value||=void 0,this.onSetImageUrl()},methods:{onExceed(){F.warning(this.$t(`wan.message.uploadImageExceed`))},onError(){F.error(this.$t(`wan.message.uploadImageError`))},async onRemove(){F.error(this.$t(`wan.message.uploadImageError`))},onSetImageUrl(){let e=this.urls?.[0];this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),De={class:`relative`},Oe={class:`flex justify-between`},ke={class:`flex justify-start items-center`},Ae={class:`text-sm font-bold`};function je(e,t,s,c,d,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`el-button`),y=f(`el-upload`);return u(),p(`div`,De,[r(`div`,Oe,[r(`div`,ke,[r(`span`,Ae,l(e.$t(`wan.name.imageUrl`)),1),a(g,{content:e.$t(`wan.description.imageUrl`),class:`info`},null,8,[`content`])])]),a(y,{"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,"show-file-list":!0,limit:1,multiple:!1,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[t.url&&t.percentage!==void 0?(u(),n(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:m(()=>[a(v,{size:`small`,type:`primary`,class:`btn btn-upload`,round:``},{default:m(()=>[i(l(e.$t(`wan.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])])}var Me=O(Ee,[[`render`,je],[`__scopeId`,`data-v-41a69004`]]),Ne=s({name:`PromptInput`,components:{PromptTextarea:K},computed:{prompt:{get(){return this.$store.state.wan?.config?.prompt},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Pe(e,t,r,i,a,o){let s=f(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`wan.name.prompt`),info:e.$t(`wan.description.prompt`),placeholder:e.$t(`wan.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Fe=s({name:`PresetPanel`,components:{ElButton:v,FontAwesomeIcon:R,PromptInput:O(Ne,[[`render`,Pe]]),ImageUrlInput:Me,ModelSelector:de,ResolutionSelector:ve,DurationSelector:Te,Consumption:J},emits:[`generate`],computed:{config(){return this.$store.state.wan?.config},consumption(){return A(this.config,this.service?.cost)},service(){return this.$store.state.wan?.service},supportsResolution(){let e=this.config?.model;return e===`wan2.6-t2v`||e===`wan2.6-i2v`||e===`wan2.6-i2v-flash`},supportsDuration(){return this.config?.model===`wan2.6-t2v`},supportsImageUrl(){let e=this.config?.model;return e===`wan2.6-i2v`||e===`wan2.6-i2v-flash`}},methods:{onGenerate(){this.$emit(`generate`)}}}),Ie={class:`flex flex-col h-full`},Le={class:`flex-1 overflow-y-auto p-5`},Re={class:`flex flex-col items-center justify-center px-5 pb-5`};function ze(e,t,s,c,d,h){let g=f(`prompt-input`),_=f(`model-selector`),v=f(`resolution-selector`),y=f(`duration-selector`),b=f(`image-url-input`),x=f(`consumption`),S=f(`font-awesome-icon`),C=f(`el-button`);return u(),p(`div`,Ie,[r(`div`,Le,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),e.supportsResolution?(u(),n(v,{key:0,class:`mb-4`})):o(``,!0),e.supportsDuration?(u(),n(y,{key:1,class:`mb-4`})):o(``,!0),e.supportsImageUrl?(u(),n(b,{key:2,class:`mb-2`})):o(``,!0)]),r(`div`,Re,[a(x,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(C,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[a(S,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`wan.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Be=O(Fe,[[`render`,ze]]),Ve=s({name:`TaskPreview`,components:{ElImage:C,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:w,VideoPlayer:X,ElTooltip:S,ElButton:v,ApiCodeButton:Y},props:{modelValue:{type:Object,required:!0}},setup(){return{WAN_LOGO:D}},computed:{application(){return this.$store.state.wan?.application},config(){return this.$store.state.wan?.config}},methods:{onDownload(e){console.debug(`on download wan video`,e),window.open(e,`_blank`)}}}),He={class:`preview`},Ue={class:`left`},We={class:`main`},Ge={class:`bot`},Ke={class:`datetime`},qe={class:`info`},Je={key:0,class:`prompt mt-2`},Ye={key:0},Xe={key:1},Ze={key:0,class:t({content:!0,failed:!0})},Qe={key:0,class:`mb-4`},$e={key:1,class:t({operations:!0,"mt-2":!0})},et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},nt={key:1,class:t({content:!0})},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},it={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},at={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ot={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},st={key:2,class:t({content:!0})},ct={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function lt(e,t,n,s,c,d){let h=f(`el-image`),g=f(`video-player`),v=f(`el-button`),y=f(`el-tooltip`),b=f(`api-code-button`),x=f(`font-awesome-icon`),S=f(`copy-to-clipboard`),C=f(`el-alert`);return u(),p(`div`,He,[r(`div`,Ue,[a(h,{src:e.WAN_LOGO,class:`avatar`},null,8,[`src`])]),r(`div`,We,[r(`div`,Ge,[i(l(e.$t(`wan.name.wanBot`))+` `,1),r(`span`,Ke,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,qe,[e.modelValue?.request?.prompt?(u(),p(`p`,Je,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),p(`span`,Ye,` - (`+l(e.$t(`wan.status.pending`))+`) `,1)),e.modelValue?.response?.state===`processing`||e.modelValue?.response?.state===`pending`||e.modelValue?.response?.state===`running`?(u(),p(`span`,Xe,` - (`+l(e.$t(`wan.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),p(`div`,Ze,[e.modelValue?.response?.video_url?(u(),p(`div`,Qe,[a(g,{src:e.modelValue?.response?.video_url},null,8,[`src`])])):o(``,!0),e.modelValue?.response?.video_url?(u(),p(`div`,$e,[a(y,{class:`box-item`,effect:`dark`,content:e.$t(`wan.message.downloadVideo`),placement:`top-start`},{default:m(()=>[a(v,{type:`info`,size:`small`,class:`mb-2`,onClick:t[0]||=_(t=>e.onDownload(e.modelValue?.response?.video_url),[`stop`])},{default:m(()=>[i(l(e.$t(`wan.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(b,{path:`/wan/videos`,body:e.modelValue?.request},null,8,[`body`])])):o(``,!0),a(C,{closable:!1,class:`mt-2 success`},{default:m(()=>[e.modelValue?.request?.model?(u(),p(`p`,et,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.model`))+`: `+l(e.modelValue?.request?.model)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])])):o(``,!0),r(`p`,tt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(u(),p(`p`,$,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(u(),p(`div`,nt,[a(C,{closable:!1,class:`failure`},{template:m(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.failure`)),1)]),default:m(()=>[r(`p`,rt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])]),r(`p`,it,[a(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(u(),p(`p`,at,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,ot,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),e.modelValue?.response?.success===void 0?(u(),p(`div`,st,[a(C,{closable:!1,class:`info`},{template:m(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.failure`)),1)]),default:m(()=>[r(`p`,ct,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var ut=s({name:`RecentPanel`,components:{TaskPreview:O(Ve,[[`render`,lt],[`__scopeId`,`data-v-916b8970`]]),BotPlaceholder:H,NoTasks:q,ScrollList:W},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.wan?.tasks,items:this.$store.state.wan?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),dt={key:0},ft={key:2,class:`w-full h-full flex items-center justify-center`};function pt(e,t,r,i,s,l){let d=f(`bot-placeholder`),h=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return u(),p(g,null,[e.tasks?.items===void 0?(u(),p(`div`,dt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(u(!0),p(g,null,c(e.tasks?.items,e=>(u(),n(h,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),p(`div`,ft,[a(v)])):o(``,!0)],64)}var mt=O(ut,[[`render`,pt]]),ht=ee(`wan`),gt=s({name:`WanIndex`,components:{ConfigPanel:Be,Layout:ae,RecentPanel:mt},mixins:[te],inject:[`initialized`],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.wan?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.wan?.status?.getTasks===L.Request||this.fetchingTasks},credential(){return this.$store.state.wan.credential},config(){return this.$store.state.wan.config},application(){return this.$store.state.wan.application},tasks(){return this.$store.state.wan.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await G({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`wan/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`wan/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`wan/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!j(this.uploadTracker,e=>this.$t(e),e=>F.warning(e)))return;let e={...this.config,callback_url:ht},t=this.credential?.token;if(!t){console.error(`no token specified`);return}F.info(this.$t(`wan.message.startingTask`)),k(`wan`,N.generate(e,{token:t})).then(()=>{F.success(this.$t(`wan.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?F.error(this.$t(`wan.message.usedUp`)):F.error(this.$t(`wan.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function _t(e,t,r,i,o,s){let c=f(`config-panel`),l=f(`recent-panel`),d=f(`layout`);return u(),n(d,null,{config:m(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[a(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var vt=O(gt,[[`render`,_t]]);export{vt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,_ as d,et as f,k as p,lt as m,ut as h,x as g}from"./vendor-chart-mdwpew_o.js";import{t as _}from"./button-DWzbdjZV.js";import{r as v,t as y}from"./select-BITgEgfP.js";import{t as b}from"./upload-DMzqzxP6.js";import{t as x}from"./image-CWcemTUB.js";import{t as S}from"./alert-BJj7gY4q.js";import{t as C}from"./drawer-BvYPSxXh.js";import{t as ee}from"./input-number-lf5l-6Rs.js";import{t as w}from"./slider-EtRPxD2X.js";import{Bn as T,Vn as E,pi as D}from"./constants-C-bSXdJ_.js";import{At as te,E as O,Fn as k,Nt as A,Ot as j,Sr as M,jt as N,kr as P,kt as F,ln as I,yr as L}from"./index-BmC-XXKj.js";import{t as R}from"./index.es-Cawr8qgY.js";import{t as z}from"./CopyToClipboard-Cx0LOUlj.js";import{t as B}from"./ImagePreview--SDvXZzb.js";import{n as V}from"./taskDrawerMixin-Cr17Yxqk.js";import{t as H}from"./BotPlaceholder-CGjSVeUk.js";import{i as U,n as W,t as G}from"./pagination-B3P0PVH-.js";import{n as K,t as q}from"./NoTasks-l_P0QgKI.js";import{t as J}from"./Consumption-BKLhsHgd.js";import{t as Y}from"./ApiCodeButton-8YzSdLWx.js";import{t as X}from"./ImageWrapper-CmewVMkV.js";var Z=s({name:`LayoutFlux`,components:{ElDrawer:C,ElButton:_,FontAwesomeIcon:R},mixins:[V]}),Q={class:`main flex flex-row flex-1`},ne={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},re={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ie(t,n,i,o,s,c){let l=f(`font-awesome-icon`),g=f(`el-button`),_=f(`el-drawer`);return u(),p(`div`,Q,[r(`div`,ne,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,re,[e(t.$slots,`result`,{},void 0,!0)]),h(a(g,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[d,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ae=O(Z,[[`render`,ie],[`__scopeId`,`data-v-8ae8c974`]]),oe=s({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`flux-dev`,label:`flux-dev`},{value:`flux-pro`,label:`flux-pro`},{value:`flux-kontext-pro`,label:`flux-kontext-pro`},{value:`flux-kontext-max`,label:`flux-kontext-max`},{value:`flux-2-flex`,label:`flux-2-flex`},{value:`flux-2-pro`,label:`flux-2-pro`},{value:`flux-2-max`,label:`flux-2-max`}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||=E}}),se={class:`field`},ce={class:`title font-bold`};function le(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,se,[r(`h2`,ce,l(e.$t(`flux.name.model`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`flux.placeholder.select`)},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ue=O(oe,[[`render`,le],[`__scopeId`,`data-v-e9b17945`]]),de=s({name:`CountSelector`,components:{ElSlider:w,InfoIcon:U,ElInputNumber:ee},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug(`set count`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||=1}}),fe={class:`flex justify-between`},pe={class:`flex justify-start items-center`},me={class:`text-sm font-bold`},he={class:`flex justify-end items-center`},ge={class:`w-full`};function _e(e,t,n,i,o,s){let c=f(`info-icon`),d=f(`el-input-number`),m=f(`el-slider`);return u(),p(`div`,null,[r(`div`,fe,[r(`div`,pe,[r(`span`,me,l(e.$t(`flux.name.numbers`)),1),a(c,{content:e.$t(`flux.description.numbers`)},null,8,[`content`])]),r(`div`,he,[a(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),r(`div`,ge,[a(m,{modelValue:e.value,"onUpdate:modelValue":t[1]||=t=>e.value=t,min:1,max:4,step:1},null,8,[`modelValue`])])])}var ve=O(de,[[`render`,_e]]),ye=s({name:`ActionSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`generate`,label:this.$t(`flux.name.generate`)},{value:`edits`,label:this.$t(`flux.name.edits`)}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||=T}}),be={class:`field`},xe={class:`title font-bold`};function Se(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,be,[r(`h2`,xe,l(e.$t(`flux.name.task`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`flux.placeholder.select`)},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ce=O(ye,[[`render`,Se],[`__scopeId`,`data-v-81fd05e5`]]),we=s({name:`ImageUrlInput`,components:{ElUpload:b,ElButton:_,InfoIcon:U,FontAwesomeIcon:R,ImagePreview:B},mixins:[N,F],emits:[`change`],data(){return{fileList:[],uploadUrl:M()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug(`URLs changed:`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){P.warning(this.$t(`flux.message.uploadStartImageExceed`))},onError(){P.error(this.$t(`flux.message.uploadStartImageError`))}}}),Te={class:`relative`},Ee={class:`flex justify-between`},De={class:`flex justify-start items-center`},Oe={class:`text-sm font-bold`};function ke(e,t,n,o,s,c){let d=f(`info-icon`),h=f(`image-preview`),g=f(`font-awesome-icon`),_=f(`el-button`),v=f(`el-upload`);return u(),p(`div`,Te,[r(`div`,Ee,[r(`div`,De,[r(`span`,Oe,l(e.$t(`flux.name.imageUrl`)),1),a(d,{content:e.$t(`flux.description.imageUrl`)},null,8,[`content`])])]),a(v,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,limit:5,class:`upload-wrapper`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,headers:e.headers},{file:m(({file:t})=>[a(h,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:m(()=>[a(_,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:m(()=>[a(g,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`flux.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var Ae=O(we,[[`render`,ke],[`__scopeId`,`data-v-7482072d`]]),je=s({name:`PromptInput`,components:{PromptTextarea:K},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Me(e,t,r,i,a,o){let s=f(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`flux.name.prompt`),info:e.$t(`flux.description.prompt`),placeholder:e.$t(`flux.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ne=s({name:`PresetPanel`,components:{ElButton:_,FontAwesomeIcon:R,PromptInput:O(je,[[`render`,Me]]),ModelSelector:ue,CountSelector:ve,Consumption:J,ActionSelector:Ce,ImageUrlInput:Ae},emits:[`generate`],computed:{config(){return this.$store.state.flux?.config},consumption(){return A(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Pe={class:`flex flex-col h-full`},Fe={class:`flex-1 overflow-y-auto p-5`},Ie={class:`flex flex-col items-center justify-center px-5 pb-5`};function Le(e,t,s,c,d,h){let g=f(`action-selector`),_=f(`prompt-input`),v=f(`image-url-input`),y=f(`model-selector`),b=f(`count-selector`),x=f(`consumption`),S=f(`font-awesome-icon`),C=f(`el-button`);return u(),p(`div`,Pe,[r(`div`,Fe,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),e.config?.action===`edits`?(u(),n(v,{key:0,class:`mb-4`})):o(``,!0),a(y,{class:`mb-4`}),a(b,{class:`mb-4`})]),r(`div`,Ie,[a(x,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(C,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[a(S,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`flux.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Re=O(Ne,[[`render`,Le]]),ze=s({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:S,ImageWrapper:X,ApiCodeButton:Y},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenImage(e){window.open(e,`_blank`)}}}),Be={class:`preview`},Ve={class:`left`},He={class:`main`},Ue={class:`bot`},We={class:`datetime`},Ge={class:`info`},Ke={key:0,class:`prompt mt-2`},qe={key:0},Je={key:0,class:t({content:!0,failed:!0})},Ye={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},Xe={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},Ze={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Qe={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$e={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},et={key:1,class:t({content:!0})},tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},nt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},it={key:2,class:t({content:!0})},at={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function ot(e,t,s,d,h,_){let v=f(`el-image`),y=f(`image-wrapper`),b=f(`api-code-button`),x=f(`font-awesome-icon`),S=f(`copy-to-clipboard`),C=f(`el-alert`);return u(),p(`div`,Be,[r(`div`,Ve,[a(v,{src:`https://cdn.acedata.cloud/ogm2oa.png`,class:`avatar`})]),r(`div`,He,[r(`div`,Ue,[i(l(e.$t(`flux.name.fluxBot`))+` `,1),r(`span`,We,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Ge,[e.modelValue?.request?.prompt?(u(),p(`p`,Ke,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),p(`span`,qe,` - (`+l(e.$t(`flux.status.pending`))+`) `,1))])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),p(`div`,Je,[r(`div`,Ye,[(u(!0),p(g,null,c(e.images,(e,t)=>(u(),n(y,{key:t,src:e?.image_url,"raw-src":e?.image_url,"model-value":e},null,8,[`src`,`raw-src`,`model-value`]))),128))]),r(`div`,Xe,[a(b,{path:`/flux/images`,body:e.modelValue?.request},null,8,[`body`])]),a(C,{closable:!1,class:`mt-2 success`},{default:m(()=>[r(`p`,Ze,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.model`))+`: `+l(e.modelValue?.request?.model),1)]),r(`p`,Qe,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),p(`p`,$e,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(u(),p(`div`,et,[a(C,{closable:!1,class:`failure`},{template:m(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.failure`)),1)]),default:m(()=>[r(`p`,tt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,$,[a(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(S,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),p(`p`,nt,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,rt,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(S,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0),e.modelValue?.response?o(``,!0):(u(),p(`div`,it,[a(C,{closable:!1,class:`info`},{template:m(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.failure`)),1)]),default:m(()=>[r(`p`,at,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var st=s({name:`RecentPanel`,components:{TaskPreview:O(ze,[[`render`,ot],[`__scopeId`,`data-v-bf1b183c`]]),BotPlaceholder:H,NoTasks:q,ScrollList:W},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),ct={key:0},lt={key:2,class:`w-full h-full flex items-center justify-center`};function ut(e,t,r,i,s,l){let d=f(`bot-placeholder`),h=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return u(),p(g,null,[e.tasks?.items===void 0?(u(),p(`div`,ct,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(u(!0),p(g,null,c(e.tasks?.items,e=>(u(),n(h,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),p(`div`,lt,[a(v)])):o(``,!0)],64)}var dt=O(st,[[`render`,ut]]),ft=D(`flux`),pt=s({name:`FluxIndex`,components:{ConfigPanel:Re,Layout:ae,RecentPanel:dt},mixins:[te],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===L.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await G({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`flux/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`flux/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`flux/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!j(this.uploadTracker,e=>this.$t(e),e=>P.warning(e)))return;let e={...this.config,callback_url:ft},t=this.credential?.token;if(!t){console.error(`no token specified`);return}P.info(this.$t(`flux.message.startingTask`)),k(`flux`,I.generate(e,{token:t})).then(()=>{P.success(this.$t(`flux.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?P.error(this.$t(`flux.message.usedUp`)):P.error(this.$t(`flux.message.startTaskFailed`)+t?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function mt(e,t,r,i,o,s){let c=f(`config-panel`),l=f(`recent-panel`),d=f(`layout`);return u(),n(d,null,{config:m(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[a(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var ht=O(pt,[[`render`,mt]]);export{ht as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,_ as d,et as f,k as p,lt as m,ut as h,x as g}from"./vendor-chart-mdwpew_o.js";import{t as _}from"./button-DWzbdjZV.js";import{r as v,t as y}from"./select-DAa8odbM.js";import{t as b}from"./upload-C1A-s7Yk.js";import{t as x}from"./image-C6NwfMIr.js";import{t as S}from"./alert-BJj7gY4q.js";import{t as C}from"./drawer-BvYPSxXh.js";import{t as ee}from"./input-number-CGajKQ5c.js";import{t as w}from"./slider-Cm1_uMMy.js";import{Hn as T,Un as E,hi as D}from"./constants-BVtW3DRs.js";import{At as te,E as O,Fn as k,Nt as A,Ot as j,Sr as M,jt as N,kr as P,kt as F,ln as I,yr as L}from"./index-B2cLm6qN.js";import{t as R}from"./index.es-CtAdUuvy.js";import{t as z}from"./CopyToClipboard-BWst2iVb.js";import{t as B}from"./ImagePreview-BONFD01I.js";import{n as V}from"./taskDrawerMixin-Cr17Yxqk.js";import{t as H}from"./BotPlaceholder-CsbmSleA.js";import{i as U,n as W,t as G}from"./pagination-lmE1fJNh.js";import{n as K,t as q}from"./NoTasks-DFKN-WpO.js";import{t as J}from"./Consumption-sOdFzyTj.js";import{t as Y}from"./ApiCodeButton-_F8VGfz6.js";import{t as X}from"./ImageWrapper-DG9AFRn0.js";var Z=s({name:`LayoutFlux`,components:{ElDrawer:C,ElButton:_,FontAwesomeIcon:R},mixins:[V]}),Q={class:`main flex flex-row flex-1`},ne={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},re={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ie(t,n,i,o,s,c){let l=f(`font-awesome-icon`),g=f(`el-button`),_=f(`el-drawer`);return u(),p(`div`,Q,[r(`div`,ne,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,re,[e(t.$slots,`result`,{},void 0,!0)]),h(a(g,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[d,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ae=O(Z,[[`render`,ie],[`__scopeId`,`data-v-8ae8c974`]]),oe=s({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`flux-dev`,label:`flux-dev`},{value:`flux-pro`,label:`flux-pro`},{value:`flux-kontext-pro`,label:`flux-kontext-pro`},{value:`flux-kontext-max`,label:`flux-kontext-max`},{value:`flux-2-flex`,label:`flux-2-flex`},{value:`flux-2-pro`,label:`flux-2-pro`},{value:`flux-2-max`,label:`flux-2-max`}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||=E}}),se={class:`field`},ce={class:`title font-bold`};function le(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,se,[r(`h2`,ce,l(e.$t(`flux.name.model`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`flux.placeholder.select`)},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ue=O(oe,[[`render`,le],[`__scopeId`,`data-v-e9b17945`]]),de=s({name:`CountSelector`,components:{ElSlider:w,InfoIcon:U,ElInputNumber:ee},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug(`set count`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||=1}}),fe={class:`flex justify-between`},pe={class:`flex justify-start items-center`},me={class:`text-sm font-bold`},he={class:`flex justify-end items-center`},ge={class:`w-full`};function _e(e,t,n,i,o,s){let c=f(`info-icon`),d=f(`el-input-number`),m=f(`el-slider`);return u(),p(`div`,null,[r(`div`,fe,[r(`div`,pe,[r(`span`,me,l(e.$t(`flux.name.numbers`)),1),a(c,{content:e.$t(`flux.description.numbers`)},null,8,[`content`])]),r(`div`,he,[a(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),r(`div`,ge,[a(m,{modelValue:e.value,"onUpdate:modelValue":t[1]||=t=>e.value=t,min:1,max:4,step:1},null,8,[`modelValue`])])])}var ve=O(de,[[`render`,_e]]),ye=s({name:`ActionSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`generate`,label:this.$t(`flux.name.generate`)},{value:`edits`,label:this.$t(`flux.name.edits`)}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||=T}}),be={class:`field`},xe={class:`title font-bold`};function Se(e,t,i,o,s,d){let h=f(`el-option`),_=f(`el-select`);return u(),p(`div`,be,[r(`h2`,xe,l(e.$t(`flux.name.task`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`flux.placeholder.select`)},{default:m(()=>[(u(!0),p(g,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ce=O(ye,[[`render`,Se],[`__scopeId`,`data-v-81fd05e5`]]),we=s({name:`ImageUrlInput`,components:{ElUpload:b,ElButton:_,InfoIcon:U,FontAwesomeIcon:R,ImagePreview:B},mixins:[N,F],emits:[`change`],data(){return{fileList:[],uploadUrl:M()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug(`URLs changed:`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){P.warning(this.$t(`flux.message.uploadStartImageExceed`))},onError(){P.error(this.$t(`flux.message.uploadStartImageError`))}}}),Te={class:`relative`},Ee={class:`flex justify-between`},De={class:`flex justify-start items-center`},Oe={class:`text-sm font-bold`};function ke(e,t,n,o,s,c){let d=f(`info-icon`),h=f(`image-preview`),g=f(`font-awesome-icon`),_=f(`el-button`),v=f(`el-upload`);return u(),p(`div`,Te,[r(`div`,Ee,[r(`div`,De,[r(`span`,Oe,l(e.$t(`flux.name.imageUrl`)),1),a(d,{content:e.$t(`flux.description.imageUrl`)},null,8,[`content`])])]),a(v,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,limit:5,class:`upload-wrapper`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,headers:e.headers},{file:m(({file:t})=>[a(h,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:m(()=>[a(_,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:m(()=>[a(g,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`flux.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var Ae=O(we,[[`render`,ke],[`__scopeId`,`data-v-7482072d`]]),je=s({name:`PromptInput`,components:{PromptTextarea:K},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Me(e,t,r,i,a,o){let s=f(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`flux.name.prompt`),info:e.$t(`flux.description.prompt`),placeholder:e.$t(`flux.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ne=s({name:`PresetPanel`,components:{ElButton:_,FontAwesomeIcon:R,PromptInput:O(je,[[`render`,Me]]),ModelSelector:ue,CountSelector:ve,Consumption:J,ActionSelector:Ce,ImageUrlInput:Ae},emits:[`generate`],computed:{config(){return this.$store.state.flux?.config},consumption(){return A(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Pe={class:`flex flex-col h-full`},Fe={class:`flex-1 overflow-y-auto p-5`},Ie={class:`flex flex-col items-center justify-center px-5 pb-5`};function Le(e,t,s,c,d,h){let g=f(`action-selector`),_=f(`prompt-input`),v=f(`image-url-input`),y=f(`model-selector`),b=f(`count-selector`),x=f(`consumption`),S=f(`font-awesome-icon`),C=f(`el-button`);return u(),p(`div`,Pe,[r(`div`,Fe,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),e.config?.action===`edits`?(u(),n(v,{key:0,class:`mb-4`})):o(``,!0),a(y,{class:`mb-4`}),a(b,{class:`mb-4`})]),r(`div`,Ie,[a(x,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(C,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[a(S,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`flux.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Re=O(Ne,[[`render`,Le]]),ze=s({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:S,ImageWrapper:X,ApiCodeButton:Y},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenImage(e){window.open(e,`_blank`)}}}),Be={class:`preview`},Ve={class:`left`},He={class:`main`},Ue={class:`bot`},We={class:`datetime`},Ge={class:`info`},Ke={key:0,class:`prompt mt-2`},qe={key:0},Je={key:0,class:t({content:!0,failed:!0})},Ye={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},Xe={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},Ze={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Qe={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$e={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},et={key:1,class:t({content:!0})},tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},nt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},it={key:2,class:t({content:!0})},at={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function ot(e,t,s,d,h,_){let v=f(`el-image`),y=f(`image-wrapper`),b=f(`api-code-button`),x=f(`font-awesome-icon`),S=f(`copy-to-clipboard`),C=f(`el-alert`);return u(),p(`div`,Be,[r(`div`,Ve,[a(v,{src:`https://cdn.acedata.cloud/ogm2oa.png`,class:`avatar`})]),r(`div`,He,[r(`div`,Ue,[i(l(e.$t(`flux.name.fluxBot`))+` `,1),r(`span`,We,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Ge,[e.modelValue?.request?.prompt?(u(),p(`p`,Ke,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),p(`span`,qe,` - (`+l(e.$t(`flux.status.pending`))+`) `,1))])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),p(`div`,Je,[r(`div`,Ye,[(u(!0),p(g,null,c(e.images,(e,t)=>(u(),n(y,{key:t,src:e?.image_url,"raw-src":e?.image_url,"model-value":e},null,8,[`src`,`raw-src`,`model-value`]))),128))]),r(`div`,Xe,[a(b,{path:`/flux/images`,body:e.modelValue?.request},null,8,[`body`])]),a(C,{closable:!1,class:`mt-2 success`},{default:m(()=>[r(`p`,Ze,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.model`))+`: `+l(e.modelValue?.request?.model),1)]),r(`p`,Qe,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),p(`p`,$e,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(u(),p(`div`,et,[a(C,{closable:!1,class:`failure`},{template:m(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.failure`)),1)]),default:m(()=>[r(`p`,tt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,$,[a(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(S,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),p(`p`,nt,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,rt,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(S,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0),e.modelValue?.response?o(``,!0):(u(),p(`div`,it,[a(C,{closable:!1,class:`info`},{template:m(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.failure`)),1)]),default:m(()=>[r(`p`,at,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var st=s({name:`RecentPanel`,components:{TaskPreview:O(ze,[[`render`,ot],[`__scopeId`,`data-v-bf1b183c`]]),BotPlaceholder:H,NoTasks:q,ScrollList:W},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),ct={key:0},lt={key:2,class:`w-full h-full flex items-center justify-center`};function ut(e,t,r,i,s,l){let d=f(`bot-placeholder`),h=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return u(),p(g,null,[e.tasks?.items===void 0?(u(),p(`div`,ct,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(u(!0),p(g,null,c(e.tasks?.items,e=>(u(),n(h,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),p(`div`,lt,[a(v)])):o(``,!0)],64)}var dt=O(st,[[`render`,ut]]),ft=D(`flux`),pt=s({name:`FluxIndex`,components:{ConfigPanel:Re,Layout:ae,RecentPanel:dt},mixins:[te],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===L.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await G({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`flux/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`flux/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`flux/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!j(this.uploadTracker,e=>this.$t(e),e=>P.warning(e)))return;let e={...this.config,callback_url:ft},t=this.credential?.token;if(!t){console.error(`no token specified`);return}P.info(this.$t(`flux.message.startingTask`)),k(`flux`,I.generate(e,{token:t})).then(()=>{P.success(this.$t(`flux.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?P.error(this.$t(`flux.message.usedUp`)):P.error(this.$t(`flux.message.startTaskFailed`)+t?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function mt(e,t,r,i,o,s){let c=f(`config-panel`),l=f(`recent-panel`),d=f(`layout`);return u(),n(d,null,{config:m(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[a(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var ht=O(pt,[[`render`,mt]]);export{ht as default};
|