var __defProp = Object.defineProperty; var __name = (target, value2) => __defProp(target, "name", { value: value2, configurable: true }); import { B as BaseStyle, R as script$8, ad as UniqueComponentId, g as openBlock, h as createElementBlock, m as mergeProps, p as renderSlot, j as createCommentVNode, bM as findIndexInList, bN as find, l as resolveComponent, x as createBlock, J as resolveDynamicComponent, y as withCtx, A as createBaseVNode, a6 as toDisplayString, C as normalizeClass, V as findSingle, N as Fragment, au as Transition, v as withDirectives, ab as vShow, d as defineComponent, aD as useI18n, bO as useModel, r as ref, o as onMounted, t as resolveDirective, i as createVNode, z as unref, ao as script$9, bP as script$a, bQ as script$b, D as script$c, aw as createTextVNode, bR as script$d, bL as electronAPI, q as computed, aJ as watchEffect, O as renderList, bi as withModifiers, bS as script$e, bT as script$f, bG as script$g, aH as script$h, bU as useRouter, P as pushScopeId, Q as popScopeId, aK as toRaw, _ as _export_sfc } from "./index-B6dYHNhg.js"; import { r } from "./index-B4gmhi99.js"; var theme = /* @__PURE__ */ __name(function theme2(_ref) { var dt = _ref.dt; return "\n.p-steplist {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n}\n\n.p-step {\n position: relative;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n gap: ".concat(dt("stepper.step.gap"), ";\n padding: ").concat(dt("stepper.step.padding"), ";\n}\n\n.p-step:last-of-type {\n flex: initial;\n}\n\n.p-step-header {\n border: 0 none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n transition: background ").concat(dt("stepper.transition.duration"), ", color ").concat(dt("stepper.transition.duration"), ", border-color ").concat(dt("stepper.transition.duration"), ", outline-color ").concat(dt("stepper.transition.duration"), ", box-shadow ").concat(dt("stepper.transition.duration"), ";\n border-radius: ").concat(dt("stepper.step.header.border.radius"), ";\n outline-color: transparent;\n background: transparent;\n padding: ").concat(dt("stepper.step.header.padding"), ";\n gap: ").concat(dt("stepper.step.header.gap"), ";\n}\n\n.p-step-header:focus-visible {\n box-shadow: ").concat(dt("stepper.step.header.focus.ring.shadow"), ";\n outline: ").concat(dt("stepper.step.header.focus.ring.width"), " ").concat(dt("stepper.step.header.focus.ring.style"), " ").concat(dt("stepper.step.header.focus.ring.color"), ";\n outline-offset: ").concat(dt("stepper.step.header.focus.ring.offset"), ";\n}\n\n.p-stepper.p-stepper-readonly .p-step {\n cursor: auto;\n}\n\n.p-step-title {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n color: ").concat(dt("stepper.step.title.color"), ";\n font-weight: ").concat(dt("stepper.step.title.font.weight"), ";\n transition: background ").concat(dt("stepper.transition.duration"), ", color ").concat(dt("stepper.transition.duration"), ", border-color ").concat(dt("stepper.transition.duration"), ", box-shadow ").concat(dt("stepper.transition.duration"), ", outline-color ").concat(dt("stepper.transition.duration"), ";\n}\n\n.p-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n color: ").concat(dt("stepper.step.number.color"), ";\n border: 2px solid ").concat(dt("stepper.step.number.border.color"), ";\n background: ").concat(dt("stepper.step.number.background"), ";\n min-width: ").concat(dt("stepper.step.number.size"), ";\n height: ").concat(dt("stepper.step.number.size"), ";\n line-height: ").concat(dt("stepper.step.number.size"), ";\n font-size: ").concat(dt("stepper.step.number.font.size"), ";\n z-index: 1;\n border-radius: ").concat(dt("stepper.step.number.border.radius"), ";\n position: relative;\n font-weight: ").concat(dt("stepper.step.number.font.weight"), ';\n}\n\n.p-step-number::after {\n content: " ";\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: ').concat(dt("stepper.step.number.border.radius"), ";\n box-shadow: ").concat(dt("stepper.step.number.shadow"), ";\n}\n\n.p-step-active .p-step-header {\n cursor: default;\n}\n\n.p-step-active .p-step-number {\n background: ").concat(dt("stepper.step.number.active.background"), ";\n border-color: ").concat(dt("stepper.step.number.active.border.color"), ";\n color: ").concat(dt("stepper.step.number.active.color"), ";\n}\n\n.p-step-active .p-step-title {\n color: ").concat(dt("stepper.step.title.active.color"), ";\n}\n\n.p-step:not(.p-disabled):focus-visible {\n outline: ").concat(dt("focus.ring.width"), " ").concat(dt("focus.ring.style"), " ").concat(dt("focus.ring.color"), ";\n outline-offset: ").concat(dt("focus.ring.offset"), ";\n}\n\n.p-step:has(~ .p-step-active) .p-stepper-separator {\n background: ").concat(dt("stepper.separator.active.background"), ";\n}\n\n.p-stepper-separator {\n flex: 1 1 0;\n background: ").concat(dt("stepper.separator.background"), ";\n width: 100%;\n height: ").concat(dt("stepper.separator.size"), ";\n transition: background ").concat(dt("stepper.transition.duration"), ", color ").concat(dt("stepper.transition.duration"), ", border-color ").concat(dt("stepper.transition.duration"), ", box-shadow ").concat(dt("stepper.transition.duration"), ", outline-color ").concat(dt("stepper.transition.duration"), ";\n}\n\n.p-steppanels {\n padding: ").concat(dt("stepper.steppanels.padding"), ";\n}\n\n.p-steppanel {\n background: ").concat(dt("stepper.steppanel.background"), ";\n color: ").concat(dt("stepper.steppanel.color"), ";\n}\n\n.p-stepper:has(.p-stepitem) {\n display: flex;\n flex-direction: column;\n}\n\n.p-stepitem {\n display: flex;\n flex-direction: column;\n flex: initial;\n}\n\n.p-stepitem.p-stepitem-active {\n flex: 1 1 auto;\n}\n\n.p-stepitem .p-step {\n flex: initial;\n}\n\n.p-stepitem .p-steppanel-content {\n width: 100%;\n padding: ").concat(dt("stepper.steppanel.padding"), ";\n}\n\n.p-stepitem .p-steppanel {\n display: flex;\n flex: 1 1 auto;\n}\n\n.p-stepitem .p-stepper-separator {\n flex: 0 0 auto;\n width: ").concat(dt("stepper.separator.size"), ";\n height: auto;\n margin: ").concat(dt("stepper.separator.margin"), ";\n position: relative;\n left: calc(-1 * ").concat(dt("stepper.separator.size"), ");\n}\n\n.p-stepitem:has(~ .p-stepitem-active) .p-stepper-separator {\n background: ").concat(dt("stepper.separator.active.background"), ";\n}\n\n.p-stepitem:last-of-type .p-steppanel {\n padding-inline-start: ").concat(dt("stepper.step.number.size"), ";\n}\n"); }, "theme"); var classes$4 = { root: /* @__PURE__ */ __name(function root(_ref2) { var props = _ref2.props; return ["p-stepper p-component", { "p-readonly": props.linear }]; }, "root"), separator: "p-stepper-separator" }; var StepperStyle = BaseStyle.extend({ name: "stepper", theme, classes: classes$4 }); var script$1$4 = { name: "BaseStepper", "extends": script$8, props: { value: { type: [String, Number], "default": void 0 }, linear: { type: Boolean, "default": false } }, style: StepperStyle, provide: /* @__PURE__ */ __name(function provide() { return { $pcStepper: this, $parentInstance: this }; }, "provide") }; var script$7 = { name: "Stepper", "extends": script$1$4, inheritAttrs: false, emits: ["update:value"], data: /* @__PURE__ */ __name(function data() { return { id: this.$attrs.id, d_value: this.value }; }, "data"), watch: { "$attrs.id": /* @__PURE__ */ __name(function $attrsId(newValue) { this.id = newValue || UniqueComponentId(); }, "$attrsId"), value: /* @__PURE__ */ __name(function value(newValue) { this.d_value = newValue; }, "value") }, mounted: /* @__PURE__ */ __name(function mounted() { this.id = this.id || UniqueComponentId(); }, "mounted"), methods: { updateValue: /* @__PURE__ */ __name(function updateValue(newValue) { if (this.d_value !== newValue) { this.d_value = newValue; this.$emit("update:value", newValue); } }, "updateValue"), isStepActive: /* @__PURE__ */ __name(function isStepActive(value2) { return this.d_value === value2; }, "isStepActive"), isStepDisabled: /* @__PURE__ */ __name(function isStepDisabled() { return this.linear; }, "isStepDisabled") } }; function render$5(_ctx, _cache, $props, $setup, $data, $options) { return openBlock(), createElementBlock("div", mergeProps({ "class": _ctx.cx("root"), role: "tablist" }, _ctx.ptmi("root")), [_ctx.$slots.start ? renderSlot(_ctx.$slots, "start", { key: 0 }) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), _ctx.$slots.end ? renderSlot(_ctx.$slots, "end", { key: 1 }) : createCommentVNode("", true)], 16); } __name(render$5, "render$5"); script$7.render = render$5; var classes$3 = { root: "p-steplist" }; var StepListStyle = BaseStyle.extend({ name: "steplist", classes: classes$3 }); var script$1$3 = { name: "BaseStepList", "extends": script$8, style: StepListStyle, provide: /* @__PURE__ */ __name(function provide2() { return { $pcStepList: this, $parentInstance: this }; }, "provide") }; var script$6 = { name: "StepList", "extends": script$1$3, inheritAttrs: false }; function render$4(_ctx, _cache, $props, $setup, $data, $options) { return openBlock(), createElementBlock("div", mergeProps({ "class": _ctx.cx("root") }, _ctx.ptmi("root")), [renderSlot(_ctx.$slots, "default")], 16); } __name(render$4, "render$4"); script$6.render = render$4; var classes$2 = { root: "p-steppanels" }; var StepPanelsStyle = BaseStyle.extend({ name: "steppanels", classes: classes$2 }); var script$1$2 = { name: "BaseStepPanels", "extends": script$8, style: StepPanelsStyle, provide: /* @__PURE__ */ __name(function provide3() { return { $pcStepPanels: this, $parentInstance: this }; }, "provide") }; var script$5 = { name: "StepPanels", "extends": script$1$2, inheritAttrs: false }; function render$3(_ctx, _cache, $props, $setup, $data, $options) { return openBlock(), createElementBlock("div", mergeProps({ "class": _ctx.cx("root") }, _ctx.ptmi("root")), [renderSlot(_ctx.$slots, "default")], 16); } __name(render$3, "render$3"); script$5.render = render$3; var classes$1 = { root: /* @__PURE__ */ __name(function root2(_ref) { var instance = _ref.instance; return ["p-step", { "p-step-active": instance.active, "p-disabled": instance.isStepDisabled }]; }, "root"), header: "p-step-header", number: "p-step-number", title: "p-step-title" }; var StepStyle = BaseStyle.extend({ name: "step", classes: classes$1 }); var script$2$1 = { name: "StepperSeparator", hostName: "Stepper", "extends": script$8 }; function render$1$1(_ctx, _cache, $props, $setup, $data, $options) { return openBlock(), createElementBlock("span", mergeProps({ "class": _ctx.cx("separator") }, _ctx.ptm("separator")), null, 16); } __name(render$1$1, "render$1$1"); script$2$1.render = render$1$1; var script$1$1 = { name: "BaseStep", "extends": script$8, props: { value: { type: [String, Number], "default": void 0 }, disabled: { type: Boolean, "default": false }, asChild: { type: Boolean, "default": false }, as: { type: [String, Object], "default": "DIV" } }, style: StepStyle, provide: /* @__PURE__ */ __name(function provide4() { return { $pcStep: this, $parentInstance: this }; }, "provide") }; var script$4 = { name: "Step", "extends": script$1$1, inheritAttrs: false, inject: { $pcStepper: { "default": null }, $pcStepList: { "default": null }, $pcStepItem: { "default": null } }, data: /* @__PURE__ */ __name(function data2() { return { isSeparatorVisible: false }; }, "data"), mounted: /* @__PURE__ */ __name(function mounted2() { if (this.$el && this.$pcStepList) { var index = findIndexInList(this.$el, find(this.$pcStepper.$el, '[data-pc-name="step"]')); var stepLen = find(this.$pcStepper.$el, '[data-pc-name="step"]').length; this.isSeparatorVisible = index !== stepLen - 1; } }, "mounted"), methods: { getPTOptions: /* @__PURE__ */ __name(function getPTOptions(key) { var _ptm = key === "root" ? this.ptmi : this.ptm; return _ptm(key, { context: { active: this.active, disabled: this.isStepDisabled } }); }, "getPTOptions"), onStepClick: /* @__PURE__ */ __name(function onStepClick() { this.$pcStepper.updateValue(this.activeValue); }, "onStepClick") }, computed: { active: /* @__PURE__ */ __name(function active() { return this.$pcStepper.isStepActive(this.activeValue); }, "active"), activeValue: /* @__PURE__ */ __name(function activeValue() { var _this$$pcStepItem; return !!this.$pcStepItem ? (_this$$pcStepItem = this.$pcStepItem) === null || _this$$pcStepItem === void 0 ? void 0 : _this$$pcStepItem.value : this.value; }, "activeValue"), isStepDisabled: /* @__PURE__ */ __name(function isStepDisabled2() { return !this.active && (this.$pcStepper.isStepDisabled() || this.disabled); }, "isStepDisabled"), id: /* @__PURE__ */ __name(function id() { var _this$$pcStepper; return "".concat((_this$$pcStepper = this.$pcStepper) === null || _this$$pcStepper === void 0 ? void 0 : _this$$pcStepper.id, "_step_").concat(this.activeValue); }, "id"), ariaControls: /* @__PURE__ */ __name(function ariaControls() { var _this$$pcStepper2; return "".concat((_this$$pcStepper2 = this.$pcStepper) === null || _this$$pcStepper2 === void 0 ? void 0 : _this$$pcStepper2.id, "_steppanel_").concat(this.activeValue); }, "ariaControls"), a11yAttrs: /* @__PURE__ */ __name(function a11yAttrs() { return { root: { role: "presentation", "aria-current": this.active ? "step" : void 0, "data-pc-name": "step", "data-pc-section": "root", "data-p-disabled": this.disabled, "data-p-active": this.active }, header: { id: this.id, role: "tab", taindex: this.disabled ? -1 : void 0, "aria-controls": this.ariaControls, "data-pc-section": "header", disabled: this.disabled, onClick: this.onStepClick } }; }, "a11yAttrs") }, components: { StepperSeparator: script$2$1 } }; var _hoisted_1$4 = ["id", "tabindex", "aria-controls", "disabled"]; function render$2(_ctx, _cache, $props, $setup, $data, $options) { var _component_StepperSeparator = resolveComponent("StepperSeparator"); return !_ctx.asChild ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({ key: 0, "class": _ctx.cx("root"), "aria-current": $options.active ? "step" : void 0, role: "presentation", "data-p-active": $options.active, "data-p-disabled": $options.isStepDisabled }, $options.getPTOptions("root")), { "default": withCtx(function() { return [createBaseVNode("button", mergeProps({ id: $options.id, "class": _ctx.cx("header"), role: "tab", type: "button", tabindex: $options.isStepDisabled ? -1 : void 0, "aria-controls": $options.ariaControls, disabled: $options.isStepDisabled, onClick: _cache[0] || (_cache[0] = function() { return $options.onStepClick && $options.onStepClick.apply($options, arguments); }) }, $options.getPTOptions("header")), [createBaseVNode("span", mergeProps({ "class": _ctx.cx("number") }, $options.getPTOptions("number")), toDisplayString($options.activeValue), 17), createBaseVNode("span", mergeProps({ "class": _ctx.cx("title") }, $options.getPTOptions("title")), [renderSlot(_ctx.$slots, "default")], 16)], 16, _hoisted_1$4), $data.isSeparatorVisible ? (openBlock(), createBlock(_component_StepperSeparator, { key: 0 })) : createCommentVNode("", true)]; }), _: 3 }, 16, ["class", "aria-current", "data-p-active", "data-p-disabled"])) : renderSlot(_ctx.$slots, "default", { key: 1, "class": normalizeClass(_ctx.cx("root")), active: $options.active, value: _ctx.value, a11yAttrs: $options.a11yAttrs, activateCallback: $options.onStepClick }); } __name(render$2, "render$2"); script$4.render = render$2; var classes = { root: /* @__PURE__ */ __name(function root3(_ref) { var instance = _ref.instance; return ["p-steppanel", { "p-steppanel-active": instance.isVertical && instance.active }]; }, "root"), content: "p-steppanel-content" }; var StepPanelStyle = BaseStyle.extend({ name: "steppanel", classes }); var script$2 = { name: "StepperSeparator", hostName: "Stepper", "extends": script$8 }; function render$1(_ctx, _cache, $props, $setup, $data, $options) { return openBlock(), createElementBlock("span", mergeProps({ "class": _ctx.cx("separator") }, _ctx.ptm("separator")), null, 16); } __name(render$1, "render$1"); script$2.render = render$1; var script$1 = { name: "BaseStepPanel", "extends": script$8, props: { value: { type: [String, Number], "default": void 0 }, asChild: { type: Boolean, "default": false }, as: { type: [String, Object], "default": "DIV" } }, style: StepPanelStyle, provide: /* @__PURE__ */ __name(function provide5() { return { $pcStepPanel: this, $parentInstance: this }; }, "provide") }; var script$3 = { name: "StepPanel", "extends": script$1, inheritAttrs: false, inject: { $pcStepper: { "default": null }, $pcStepItem: { "default": null }, $pcStepList: { "default": null } }, data: /* @__PURE__ */ __name(function data3() { return { isSeparatorVisible: false }; }, "data"), mounted: /* @__PURE__ */ __name(function mounted3() { if (this.$el) { var _this$$pcStepItem, _this$$pcStepList; var stepElements = find(this.$pcStepper.$el, '[data-pc-name="step"]'); var stepPanelEl = findSingle(this.isVertical ? (_this$$pcStepItem = this.$pcStepItem) === null || _this$$pcStepItem === void 0 ? void 0 : _this$$pcStepItem.$el : (_this$$pcStepList = this.$pcStepList) === null || _this$$pcStepList === void 0 ? void 0 : _this$$pcStepList.$el, '[data-pc-name="step"]'); var stepPanelIndex = findIndexInList(stepPanelEl, stepElements); this.isSeparatorVisible = this.isVertical && stepPanelIndex !== stepElements.length - 1; } }, "mounted"), methods: { getPTOptions: /* @__PURE__ */ __name(function getPTOptions2(key) { var _ptm = key === "root" ? this.ptmi : this.ptm; return _ptm(key, { context: { active: this.active } }); }, "getPTOptions"), updateValue: /* @__PURE__ */ __name(function updateValue2(val) { this.$pcStepper.updateValue(val); }, "updateValue") }, computed: { active: /* @__PURE__ */ __name(function active2() { var _this$$pcStepItem2, _this$$pcStepper; var activeValue3 = !!this.$pcStepItem ? (_this$$pcStepItem2 = this.$pcStepItem) === null || _this$$pcStepItem2 === void 0 ? void 0 : _this$$pcStepItem2.value : this.value; return activeValue3 === ((_this$$pcStepper = this.$pcStepper) === null || _this$$pcStepper === void 0 ? void 0 : _this$$pcStepper.d_value); }, "active"), isVertical: /* @__PURE__ */ __name(function isVertical() { return !!this.$pcStepItem; }, "isVertical"), activeValue: /* @__PURE__ */ __name(function activeValue2() { var _this$$pcStepItem3; return this.isVertical ? (_this$$pcStepItem3 = this.$pcStepItem) === null || _this$$pcStepItem3 === void 0 ? void 0 : _this$$pcStepItem3.value : this.value; }, "activeValue"), id: /* @__PURE__ */ __name(function id2() { var _this$$pcStepper2; return "".concat((_this$$pcStepper2 = this.$pcStepper) === null || _this$$pcStepper2 === void 0 ? void 0 : _this$$pcStepper2.id, "_steppanel_").concat(this.activeValue); }, "id"), ariaControls: /* @__PURE__ */ __name(function ariaControls2() { var _this$$pcStepper3; return "".concat((_this$$pcStepper3 = this.$pcStepper) === null || _this$$pcStepper3 === void 0 ? void 0 : _this$$pcStepper3.id, "_step_").concat(this.activeValue); }, "ariaControls"), a11yAttrs: /* @__PURE__ */ __name(function a11yAttrs2() { return { id: this.id, role: "tabpanel", "aria-controls": this.ariaControls, "data-pc-name": "steppanel", "data-p-active": this.active }; }, "a11yAttrs") }, components: { StepperSeparator: script$2 } }; function render(_ctx, _cache, $props, $setup, $data, $options) { var _component_StepperSeparator = resolveComponent("StepperSeparator"); return $options.isVertical ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [!_ctx.asChild ? (openBlock(), createBlock(Transition, mergeProps({ key: 0, name: "p-toggleable-content" }, _ctx.ptm("transition")), { "default": withCtx(function() { return [withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({ id: $options.id, "class": _ctx.cx("root"), role: "tabpanel", "aria-controls": $options.ariaControls }, $options.getPTOptions("root")), { "default": withCtx(function() { return [$data.isSeparatorVisible ? (openBlock(), createBlock(_component_StepperSeparator, { key: 0 })) : createCommentVNode("", true), createBaseVNode("div", mergeProps({ "class": _ctx.cx("content") }, $options.getPTOptions("content")), [renderSlot(_ctx.$slots, "default", { active: $options.active, activateCallback: /* @__PURE__ */ __name(function activateCallback(val) { return $options.updateValue(val); }, "activateCallback") })], 16)]; }), _: 3 }, 16, ["id", "class", "aria-controls"])), [[vShow, $options.active]])]; }), _: 3 }, 16)) : renderSlot(_ctx.$slots, "default", { key: 1, active: $options.active, a11yAttrs: $options.a11yAttrs, activateCallback: /* @__PURE__ */ __name(function activateCallback(val) { return $options.updateValue(val); }, "activateCallback") })], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [!_ctx.asChild ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(_ctx.as), mergeProps({ key: 0, id: $options.id, "class": _ctx.cx("root"), role: "tabpanel", "aria-controls": $options.ariaControls }, $options.getPTOptions("root")), { "default": withCtx(function() { return [renderSlot(_ctx.$slots, "default", { active: $options.active, activateCallback: /* @__PURE__ */ __name(function activateCallback(val) { return $options.updateValue(val); }, "activateCallback") })]; }), _: 3 }, 16, ["id", "class", "aria-controls"])), [[vShow, $options.active]]) : _ctx.asChild && $options.active ? renderSlot(_ctx.$slots, "default", { key: 1, active: $options.active, a11yAttrs: $options.a11yAttrs, activateCallback: /* @__PURE__ */ __name(function activateCallback(val) { return $options.updateValue(val); }, "activateCallback") }) : createCommentVNode("", true)], 64)); } __name(render, "render"); script$3.render = render; const _hoisted_1$3 = { class: "flex flex-col gap-6 w-[600px]" }; const _hoisted_2$3 = { class: "flex flex-col gap-4" }; const _hoisted_3$3 = { class: "text-2xl font-semibold text-neutral-100" }; const _hoisted_4$3 = { class: "text-neutral-400 my-0" }; const _hoisted_5$2 = { class: "flex gap-2" }; const _hoisted_6$2 = { class: "bg-neutral-800 p-4 rounded-lg" }; const _hoisted_7$2 = { class: "text-lg font-medium mt-0 mb-3 text-neutral-100" }; const _hoisted_8$2 = { class: "flex flex-col gap-2" }; const _hoisted_9$2 = { class: "flex items-center gap-2" }; const _hoisted_10$2 = /* @__PURE__ */ createBaseVNode("i", { class: "pi pi-folder text-neutral-400" }, null, -1); const _hoisted_11$2 = /* @__PURE__ */ createBaseVNode("span", { class: "text-neutral-400" }, "App Data:", -1); const _hoisted_12$2 = { class: "text-neutral-200" }; const _hoisted_13$1 = { class: "pi pi-info-circle" }; const _hoisted_14$1 = { class: "flex items-center gap-2" }; const _hoisted_15$1 = /* @__PURE__ */ createBaseVNode("i", { class: "pi pi-desktop text-neutral-400" }, null, -1); const _hoisted_16$1 = /* @__PURE__ */ createBaseVNode("span", { class: "text-neutral-400" }, "App Path:", -1); const _hoisted_17$1 = { class: "text-neutral-200" }; const _hoisted_18$1 = { class: "pi pi-info-circle" }; const _sfc_main$3 = /* @__PURE__ */ defineComponent({ __name: "InstallLocationPicker", props: { "installPath": { required: true }, "installPathModifiers": {}, "pathError": { required: true }, "pathErrorModifiers": {} }, emits: ["update:installPath", "update:pathError"], setup(__props) { const { t } = useI18n(); const installPath = useModel(__props, "installPath"); const pathError = useModel(__props, "pathError"); const appData = ref(""); const appPath = ref(""); const electron = electronAPI(); onMounted(async () => { const paths = await electron.getSystemPaths(); appData.value = paths.appData; appPath.value = paths.appPath; installPath.value = paths.defaultInstallPath; }); const validatePath = /* @__PURE__ */ __name(async () => { try { pathError.value = ""; const validation = await electron.validateInstallPath(installPath.value); if (!validation.isValid) { pathError.value = validation.error; } } catch (error) { pathError.value = t("install.pathValidationFailed"); } }, "validatePath"); const browsePath = /* @__PURE__ */ __name(async () => { try { const result = await electron.showDirectoryPicker(); if (result) { installPath.value = result; await validatePath(); } } catch (error) { pathError.value = t("install.failedToSelectDirectory"); } }, "browsePath"); return (_ctx, _cache) => { const _directive_tooltip = resolveDirective("tooltip"); return openBlock(), createElementBlock("div", _hoisted_1$3, [ createBaseVNode("div", _hoisted_2$3, [ createBaseVNode("h2", _hoisted_3$3, toDisplayString(_ctx.$t("install.chooseInstallationLocation")), 1), createBaseVNode("p", _hoisted_4$3, toDisplayString(_ctx.$t("install.installLocationDescription")), 1), createBaseVNode("div", _hoisted_5$2, [ createVNode(unref(script$b), { class: "flex-1" }, { default: withCtx(() => [ createVNode(unref(script$9), { modelValue: installPath.value, "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => installPath.value = $event), class: normalizeClass(["w-full", { "p-invalid": pathError.value }]), onChange: validatePath }, null, 8, ["modelValue", "class"]), withDirectives(createVNode(unref(script$a), { class: "pi pi-info-circle" }, null, 512), [ [_directive_tooltip, _ctx.$t("install.installLocationTooltip")] ]) ]), _: 1 }), createVNode(unref(script$c), { icon: "pi pi-folder", onClick: browsePath, class: "w-12" }) ]), pathError.value ? (openBlock(), createBlock(unref(script$d), { key: 0, severity: "error" }, { default: withCtx(() => [ createTextVNode(toDisplayString(pathError.value), 1) ]), _: 1 })) : createCommentVNode("", true) ]), createBaseVNode("div", _hoisted_6$2, [ createBaseVNode("h3", _hoisted_7$2, toDisplayString(_ctx.$t("install.systemLocations")), 1), createBaseVNode("div", _hoisted_8$2, [ createBaseVNode("div", _hoisted_9$2, [ _hoisted_10$2, _hoisted_11$2, createBaseVNode("span", _hoisted_12$2, toDisplayString(appData.value), 1), withDirectives(createBaseVNode("span", _hoisted_13$1, null, 512), [ [_directive_tooltip, _ctx.$t("install.appDataLocationTooltip")] ]) ]), createBaseVNode("div", _hoisted_14$1, [ _hoisted_15$1, _hoisted_16$1, createBaseVNode("span", _hoisted_17$1, toDisplayString(appPath.value), 1), withDirectives(createBaseVNode("span", _hoisted_18$1, null, 512), [ [_directive_tooltip, _ctx.$t("install.appPathLocationTooltip")] ]) ]) ]) ]) ]); }; } }); const _hoisted_1$2 = { class: "flex flex-col gap-6 w-[600px]" }; const _hoisted_2$2 = { class: "flex flex-col gap-4" }; const _hoisted_3$2 = { class: "text-2xl font-semibold text-neutral-100" }; const _hoisted_4$2 = { class: "text-neutral-400 my-0" }; const _hoisted_5$1 = { class: "flex gap-2" }; const _hoisted_6$1 = { key: 0, class: "flex flex-col gap-4 bg-neutral-800 p-4 rounded-lg" }; const _hoisted_7$1 = { class: "text-lg mt-0 font-medium text-neutral-100" }; const _hoisted_8$1 = { class: "flex flex-col gap-3" }; const _hoisted_9$1 = ["onClick"]; const _hoisted_10$1 = ["for"]; const _hoisted_11$1 = { class: "text-sm text-neutral-400 my-1" }; const _hoisted_12$1 = { key: 1, class: "text-neutral-400 italic" }; const _sfc_main$2 = /* @__PURE__ */ defineComponent({ __name: "MigrationPicker", props: { "sourcePath": { required: false }, "sourcePathModifiers": {}, "migrationItemIds": { required: false }, "migrationItemIdsModifiers": {} }, emits: ["update:sourcePath", "update:migrationItemIds"], setup(__props) { const { t } = useI18n(); const electron = electronAPI(); const sourcePath = useModel(__props, "sourcePath"); const migrationItemIds = useModel(__props, "migrationItemIds"); const migrationItems = ref( r.map((item) => ({ ...item, selected: true })) ); const pathError = ref(""); const isValidSource = computed( () => sourcePath.value !== "" && pathError.value === "" ); const validateSource = /* @__PURE__ */ __name(async (sourcePath2) => { if (!sourcePath2) { pathError.value = ""; return; } try { pathError.value = ""; const validation = await electron.validateComfyUISource(sourcePath2); if (!validation.isValid) pathError.value = validation.error; } catch (error) { console.error(error); pathError.value = t("install.pathValidationFailed"); } }, "validateSource"); const browsePath = /* @__PURE__ */ __name(async () => { try { const result = await electron.showDirectoryPicker(); if (result) { sourcePath.value = result; await validateSource(result); } } catch (error) { console.error(error); pathError.value = t("install.failedToSelectDirectory"); } }, "browsePath"); watchEffect(() => { migrationItemIds.value = migrationItems.value.filter((item) => item.selected).map((item) => item.id); }); return (_ctx, _cache) => { return openBlock(), createElementBlock("div", _hoisted_1$2, [ createBaseVNode("div", _hoisted_2$2, [ createBaseVNode("h2", _hoisted_3$2, toDisplayString(_ctx.$t("install.migrateFromExistingInstallation")), 1), createBaseVNode("p", _hoisted_4$2, toDisplayString(_ctx.$t("install.migrationSourcePathDescription")), 1), createBaseVNode("div", _hoisted_5$1, [ createVNode(unref(script$9), { modelValue: sourcePath.value, "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sourcePath.value = $event), placeholder: "Select existing ComfyUI installation (optional)", class: normalizeClass(["flex-1", { "p-invalid": pathError.value }]), onChange: validateSource }, null, 8, ["modelValue", "class"]), createVNode(unref(script$c), { icon: "pi pi-folder", onClick: browsePath, class: "w-12" }) ]), pathError.value ? (openBlock(), createBlock(unref(script$d), { key: 0, severity: "error" }, { default: withCtx(() => [ createTextVNode(toDisplayString(pathError.value), 1) ]), _: 1 })) : createCommentVNode("", true) ]), isValidSource.value ? (openBlock(), createElementBlock("div", _hoisted_6$1, [ createBaseVNode("h3", _hoisted_7$1, toDisplayString(_ctx.$t("install.selectItemsToMigrate")), 1), createBaseVNode("div", _hoisted_8$1, [ (openBlock(true), createElementBlock(Fragment, null, renderList(migrationItems.value, (item) => { return openBlock(), createElementBlock("div", { key: item.id, class: "flex items-center gap-3 p-2 hover:bg-neutral-700 rounded", onClick: /* @__PURE__ */ __name(($event) => item.selected = !item.selected, "onClick") }, [ createVNode(unref(script$e), { modelValue: item.selected, "onUpdate:modelValue": /* @__PURE__ */ __name(($event) => item.selected = $event, "onUpdate:modelValue"), inputId: item.id, binary: true, onClick: _cache[1] || (_cache[1] = withModifiers(() => { }, ["stop"])) }, null, 8, ["modelValue", "onUpdate:modelValue", "inputId"]), createBaseVNode("div", null, [ createBaseVNode("label", { for: item.id, class: "text-neutral-200 font-medium" }, toDisplayString(item.label), 9, _hoisted_10$1), createBaseVNode("p", _hoisted_11$1, toDisplayString(item.description), 1) ]) ], 8, _hoisted_9$1); }), 128)) ]) ])) : (openBlock(), createElementBlock("div", _hoisted_12$1, toDisplayString(_ctx.$t("install.migrationOptional")), 1)) ]); }; } }); var script = { name: "InputSwitch", "extends": script$f, mounted: /* @__PURE__ */ __name(function mounted4() { console.warn("Deprecated since v4. Use ToggleSwitch component instead."); }, "mounted") }; const _hoisted_1$1 = { class: "flex flex-col gap-6 w-[600px]" }; const _hoisted_2$1 = { class: "flex flex-col gap-4" }; const _hoisted_3$1 = { class: "text-2xl font-semibold text-neutral-100" }; const _hoisted_4$1 = { class: "text-neutral-400 my-0" }; const _hoisted_5 = { class: "flex flex-col bg-neutral-800 p-4 rounded-lg" }; const _hoisted_6 = { class: "flex items-center gap-4" }; const _hoisted_7 = { class: "flex-1" }; const _hoisted_8 = { class: "text-lg font-medium text-neutral-100" }; const _hoisted_9 = { class: "text-sm text-neutral-400 mt-1" }; const _hoisted_10 = { class: "flex items-center gap-4" }; const _hoisted_11 = { class: "flex-1" }; const _hoisted_12 = { class: "text-lg font-medium text-neutral-100" }; const _hoisted_13 = { class: "text-sm text-neutral-400 mt-1" }; const _hoisted_14 = { class: "text-neutral-300" }; const _hoisted_15 = { class: "font-medium mb-2" }; const _hoisted_16 = { class: "list-disc pl-6 space-y-1" }; const _hoisted_17 = { class: "font-medium mt-4 mb-2" }; const _hoisted_18 = { class: "list-disc pl-6 space-y-1" }; const _sfc_main$1 = /* @__PURE__ */ defineComponent({ __name: "DesktopSettingsConfiguration", props: { "autoUpdate": { required: true }, "autoUpdateModifiers": {}, "allowMetrics": { required: true }, "allowMetricsModifiers": {} }, emits: ["update:autoUpdate", "update:allowMetrics"], setup(__props) { const showDialog = ref(false); const autoUpdate = useModel(__props, "autoUpdate"); const allowMetrics = useModel(__props, "allowMetrics"); const showMetricsInfo = /* @__PURE__ */ __name(() => { showDialog.value = true; }, "showMetricsInfo"); return (_ctx, _cache) => { return openBlock(), createElementBlock("div", _hoisted_1$1, [ createBaseVNode("div", _hoisted_2$1, [ createBaseVNode("h2", _hoisted_3$1, toDisplayString(_ctx.$t("install.desktopAppSettings")), 1), createBaseVNode("p", _hoisted_4$1, toDisplayString(_ctx.$t("install.desktopAppSettingsDescription")), 1) ]), createBaseVNode("div", _hoisted_5, [ createBaseVNode("div", _hoisted_6, [ createBaseVNode("div", _hoisted_7, [ createBaseVNode("h3", _hoisted_8, toDisplayString(_ctx.$t("install.settings.autoUpdate")), 1), createBaseVNode("p", _hoisted_9, toDisplayString(_ctx.$t("install.settings.autoUpdateDescription")), 1) ]), createVNode(unref(script), { modelValue: autoUpdate.value, "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => autoUpdate.value = $event) }, null, 8, ["modelValue"]) ]), createVNode(unref(script$g)), createBaseVNode("div", _hoisted_10, [ createBaseVNode("div", _hoisted_11, [ createBaseVNode("h3", _hoisted_12, toDisplayString(_ctx.$t("install.settings.allowMetrics")), 1), createBaseVNode("p", _hoisted_13, toDisplayString(_ctx.$t("install.settings.allowMetricsDescription")), 1), createBaseVNode("a", { href: "#", class: "text-sm text-blue-400 hover:text-blue-300 mt-1 inline-block", onClick: withModifiers(showMetricsInfo, ["prevent"]) }, toDisplayString(_ctx.$t("install.settings.learnMoreAboutData")), 1) ]), createVNode(unref(script), { modelValue: allowMetrics.value, "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => allowMetrics.value = $event) }, null, 8, ["modelValue"]) ]) ]), createVNode(unref(script$h), { visible: showDialog.value, "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => showDialog.value = $event), modal: "", header: _ctx.$t("install.settings.dataCollectionDialog.title") }, { default: withCtx(() => [ createBaseVNode("div", _hoisted_14, [ createBaseVNode("h4", _hoisted_15, toDisplayString(_ctx.$t("install.settings.dataCollectionDialog.whatWeCollect")), 1), createBaseVNode("ul", _hoisted_16, [ createBaseVNode("li", null, toDisplayString(_ctx.$t("install.settings.dataCollectionDialog.errorReports")), 1), createBaseVNode("li", null, toDisplayString(_ctx.$t("install.settings.dataCollectionDialog.systemInfo")), 1) ]), createBaseVNode("h4", _hoisted_17, toDisplayString(_ctx.$t("install.settings.dataCollectionDialog.whatWeDoNotCollect")), 1), createBaseVNode("ul", _hoisted_18, [ createBaseVNode("li", null, toDisplayString(_ctx.$t("install.settings.dataCollectionDialog.personalInformation")), 1), createBaseVNode("li", null, toDisplayString(_ctx.$t("install.settings.dataCollectionDialog.workflowContents")), 1), createBaseVNode("li", null, toDisplayString(_ctx.$t("install.settings.dataCollectionDialog.fileSystemInformation")), 1), createBaseVNode("li", null, toDisplayString(_ctx.$t( "install.settings.dataCollectionDialog.customNodeConfigurations" )), 1) ]) ]) ]), _: 1 }, 8, ["visible", "header"]) ]); }; } }); const _withScopeId = /* @__PURE__ */ __name((n) => (pushScopeId("data-v-53e62b05"), n = n(), popScopeId(), n), "_withScopeId"); const _hoisted_1 = { class: "font-sans flex flex-col items-center h-screen m-0 text-neutral-300 bg-neutral-900 dark-theme pointer-events-auto" }; const _hoisted_2 = { class: "flex pt-6 justify-end" }; const _hoisted_3 = { class: "flex pt-6 justify-between" }; const _hoisted_4 = { class: "flex pt-6 justify-between" }; const _sfc_main = /* @__PURE__ */ defineComponent({ __name: "InstallView", setup(__props) { const installPath = ref(""); const pathError = ref(""); const migrationSourcePath = ref(""); const migrationItemIds = ref([]); const autoUpdate = ref(true); const allowMetrics = ref(true); const hasError = computed(() => pathError.value !== ""); const router = useRouter(); const install = /* @__PURE__ */ __name(() => { const options = toRaw({ installPath: installPath.value, autoUpdate: autoUpdate.value, allowMetrics: allowMetrics.value, migrationSourcePath: migrationSourcePath.value, migrationItemIds: toRaw(migrationItemIds.value) }); electronAPI().installComfyUI(options); router.push("/server-start"); }, "install"); return (_ctx, _cache) => { return openBlock(), createElementBlock("div", _hoisted_1, [ createVNode(unref(script$7), { class: "mt-[5vh] 2xl:mt-[20vh]", value: "1" }, { default: withCtx(() => [ createVNode(unref(script$6), null, { default: withCtx(() => [ createVNode(unref(script$4), { value: "1", disabled: hasError.value }, { default: withCtx(() => [ createTextVNode(toDisplayString(_ctx.$t("install.installLocation")), 1) ]), _: 1 }, 8, ["disabled"]), createVNode(unref(script$4), { value: "2", disabled: hasError.value }, { default: withCtx(() => [ createTextVNode(toDisplayString(_ctx.$t("install.migration")), 1) ]), _: 1 }, 8, ["disabled"]), createVNode(unref(script$4), { value: "3", disabled: hasError.value }, { default: withCtx(() => [ createTextVNode(toDisplayString(_ctx.$t("install.desktopSettings")), 1) ]), _: 1 }, 8, ["disabled"]) ]), _: 1 }), createVNode(unref(script$5), null, { default: withCtx(() => [ createVNode(unref(script$3), { value: "1" }, { default: withCtx(({ activateCallback }) => [ createVNode(_sfc_main$3, { installPath: installPath.value, "onUpdate:installPath": _cache[0] || (_cache[0] = ($event) => installPath.value = $event), pathError: pathError.value, "onUpdate:pathError": _cache[1] || (_cache[1] = ($event) => pathError.value = $event) }, null, 8, ["installPath", "pathError"]), createBaseVNode("div", _hoisted_2, [ createVNode(unref(script$c), { label: "Next", icon: "pi pi-arrow-right", iconPos: "right", onClick: /* @__PURE__ */ __name(($event) => activateCallback("2"), "onClick"), disabled: pathError.value !== "" }, null, 8, ["onClick", "disabled"]) ]) ]), _: 1 }), createVNode(unref(script$3), { value: "2" }, { default: withCtx(({ activateCallback }) => [ createVNode(_sfc_main$2, { sourcePath: migrationSourcePath.value, "onUpdate:sourcePath": _cache[2] || (_cache[2] = ($event) => migrationSourcePath.value = $event), migrationItemIds: migrationItemIds.value, "onUpdate:migrationItemIds": _cache[3] || (_cache[3] = ($event) => migrationItemIds.value = $event) }, null, 8, ["sourcePath", "migrationItemIds"]), createBaseVNode("div", _hoisted_3, [ createVNode(unref(script$c), { label: "Back", severity: "secondary", icon: "pi pi-arrow-left", onClick: /* @__PURE__ */ __name(($event) => activateCallback("1"), "onClick") }, null, 8, ["onClick"]), createVNode(unref(script$c), { label: "Next", icon: "pi pi-arrow-right", iconPos: "right", onClick: /* @__PURE__ */ __name(($event) => activateCallback("3"), "onClick") }, null, 8, ["onClick"]) ]) ]), _: 1 }), createVNode(unref(script$3), { value: "3" }, { default: withCtx(({ activateCallback }) => [ createVNode(_sfc_main$1, { autoUpdate: autoUpdate.value, "onUpdate:autoUpdate": _cache[4] || (_cache[4] = ($event) => autoUpdate.value = $event), allowMetrics: allowMetrics.value, "onUpdate:allowMetrics": _cache[5] || (_cache[5] = ($event) => allowMetrics.value = $event) }, null, 8, ["autoUpdate", "allowMetrics"]), createBaseVNode("div", _hoisted_4, [ createVNode(unref(script$c), { label: "Back", severity: "secondary", icon: "pi pi-arrow-left", onClick: /* @__PURE__ */ __name(($event) => activateCallback("2"), "onClick") }, null, 8, ["onClick"]), createVNode(unref(script$c), { label: "Install", icon: "pi pi-check", iconPos: "right", onClick: _cache[6] || (_cache[6] = ($event) => install()) }) ]) ]), _: 1 }) ]), _: 1 }) ]), _: 1 }) ]); }; } }); const InstallView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-53e62b05"]]); export { InstallView as default }; //# sourceMappingURL=InstallView-D9ueAxrz.js.map