@burdenoff/microfe-movethewheels 2026.510.105

package/dist/RouteDetailsPage-CLctgk6A.js

@@ -0,0 +1,240 @@
+import { d as e, f as t, g as n, h as r, i, it as a, l as o, n as s, r as c, u as l } from "./PageLayout-B7b0vl0R.js";
+import { t as u } from "./arrow-left-6CiLhqVp.js";
+import { t as d } from "./circle-check-big-D-JMHcTe.js";
+import { t as f } from "./clock-CvwBKbQP.js";
+import { t as p } from "./map-pin-CFBOmh-A.js";
+import { t as m } from "./navigation-C2fY_aS9.js";
+import { t as h } from "./square-pen-BwQ67vLE.js";
+import { r as g } from "./graphqlClient-CdJyR_ed.js";
+import { r as _, t as v } from "./useRoutes-v4aBaS-E.js";
+import { r as y } from "./StatusBadge-BrrwraIA.js";
+import { r as b, t as x } from "./formatters-_vJlC-47.js";
+import { t as S } from "./navigation-BgnOfsVd.js";
+import { useParams as C } from "react-router-dom";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/icons/zap.js
+var E = a("Zap", [["path", {
+	d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
+	key: "1xq2db"
+}]]);
+//#endregion
+//#region src/movethewheels/pages/RouteDetailsPage.tsx
+function D() {
+	let { routeId: a } = C(), { basePath: D, navigate: O } = g(), { route: k, isLoading: A, error: j, refetch: M } = v(a), { optimizeRoute: N } = _(), P = () => O?.(S(D, "routes"));
+	return a ? A ? /* @__PURE__ */ w(c, { message: "Loading route details..." }) : j || !k ? /* @__PURE__ */ w(s, {
+		title: "Route not found",
+		onRetry: M
+	}) : /* @__PURE__ */ w(i, {
+		title: k.name,
+		subtitle: `${k.stops.length} stops - ${k.distance.toFixed(1)} km`,
+		icon: /* @__PURE__ */ w(m, { size: 24 }),
+		headerActions: /* @__PURE__ */ T("div", {
+			className: "flex gap-2",
+			children: [
+				/* @__PURE__ */ T(l, {
+					variant: "outline",
+					onClick: P,
+					children: [/* @__PURE__ */ w(u, { size: 16 }), " Back"]
+				}),
+				!k.optimized && /* @__PURE__ */ T(l, {
+					variant: "outline",
+					onClick: async () => {
+						try {
+							await N(k.id), M();
+						} catch (e) {
+							console.error(e);
+						}
+					},
+					children: [/* @__PURE__ */ w(E, { size: 16 }), " Optimize"]
+				}),
+				/* @__PURE__ */ T(l, { children: [/* @__PURE__ */ w(h, { size: 16 }), " Edit"] })
+			]
+		}),
+		headerContent: /* @__PURE__ */ T("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ w(y, {
+				status: k.status,
+				customColors: {
+					planned: {
+						bg: "bg-blue-100",
+						text: "text-blue-700"
+					},
+					in_progress: {
+						bg: "bg-yellow-100",
+						text: "text-yellow-700"
+					},
+					completed: {
+						bg: "bg-green-100",
+						text: "text-green-700"
+					},
+					cancelled: {
+						bg: "bg-red-100",
+						text: "text-red-700"
+					}
+				}[k.status]
+			}), /* @__PURE__ */ w(o, {
+				variant: k.optimized ? "default" : "secondary",
+				children: k.optimized ? "Optimized" : "Not Optimized"
+			})]
+		}),
+		children: /* @__PURE__ */ T("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ T("div", {
+				className: "lg:col-span-2 space-y-6",
+				children: [/* @__PURE__ */ T(e, { children: [/* @__PURE__ */ w(r, { children: /* @__PURE__ */ w(n, { children: "Route Map" }) }), /* @__PURE__ */ w(t, { children: /* @__PURE__ */ w("div", {
+					className: "aspect-video bg-muted rounded-lg flex items-center justify-center",
+					children: /* @__PURE__ */ T("div", {
+						className: "text-center text-muted-foreground",
+						children: [/* @__PURE__ */ w(p, {
+							size: 48,
+							className: "mx-auto mb-2 opacity-50"
+						}), /* @__PURE__ */ w("p", { children: "Route map visualization" })]
+					})
+				}) })] }), /* @__PURE__ */ T(e, { children: [/* @__PURE__ */ w(r, { children: /* @__PURE__ */ T(n, { children: [
+					"Stops (",
+					k.stops.length,
+					")"
+				] }) }), /* @__PURE__ */ w(t, { children: /* @__PURE__ */ w("div", {
+					className: "space-y-4",
+					children: k.stops.map((e, t) => /* @__PURE__ */ T("div", {
+						className: "flex gap-4",
+						children: [/* @__PURE__ */ T("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ w("div", {
+								className: `w-8 h-8 rounded-full flex items-center justify-center ${e.status === "completed" ? "bg-green-500 text-white" : "bg-muted"}`,
+								children: e.status === "completed" ? /* @__PURE__ */ w(d, { size: 16 }) : e.sequence
+							}), t < k.stops.length - 1 && /* @__PURE__ */ w("div", { className: "absolute top-8 left-4 w-px h-12 bg-border" })]
+						}), /* @__PURE__ */ w("div", {
+							className: "flex-1 pb-4",
+							children: /* @__PURE__ */ T("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ w(o, {
+										variant: e.type === "pickup" ? "secondary" : "default",
+										className: "capitalize",
+										children: e.type
+									}), /* @__PURE__ */ T("span", {
+										className: "font-medium",
+										children: ["Order #", e.orderId]
+									})]
+								}), /* @__PURE__ */ w("p", {
+									className: "text-sm text-muted-foreground mt-1",
+									children: x(e.address)
+								})] }), /* @__PURE__ */ T("div", {
+									className: "text-right",
+									children: [
+										/* @__PURE__ */ T("p", {
+											className: "text-sm",
+											children: ["Scheduled: ", b(e.scheduledTime, "time")]
+										}),
+										e.actualTime && /* @__PURE__ */ T("p", {
+											className: "text-sm text-green-600",
+											children: ["Actual: ", b(e.actualTime, "time")]
+										}),
+										/* @__PURE__ */ T("p", {
+											className: "text-xs text-muted-foreground",
+											children: [e.duration, " min stop"]
+										})
+									]
+								})]
+							})
+						})]
+					}, e.id))
+				}) })] })]
+			}), /* @__PURE__ */ T("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ T(e, { children: [/* @__PURE__ */ w(r, { children: /* @__PURE__ */ w(n, { children: "Route Info" }) }), /* @__PURE__ */ T(t, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Total Distance"
+							}), /* @__PURE__ */ T("p", {
+								className: "text-2xl font-bold",
+								children: [k.distance.toFixed(1), /* @__PURE__ */ w("span", {
+									className: "text-sm font-normal",
+									children: " km"
+								})]
+							})] }),
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Est. Duration"
+							}), /* @__PURE__ */ T("p", {
+								className: "text-2xl font-bold",
+								children: [k.estimatedDuration, /* @__PURE__ */ w("span", {
+									className: "text-sm font-normal",
+									children: " min"
+								})]
+							})] }),
+							k.actualDuration && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Actual Duration"
+							}), /* @__PURE__ */ T("p", {
+								className: "text-2xl font-bold",
+								children: [k.actualDuration, /* @__PURE__ */ w("span", {
+									className: "text-sm font-normal",
+									children: " min"
+								})]
+							})] })
+						]
+					})] }),
+					/* @__PURE__ */ T(e, { children: [/* @__PURE__ */ w(r, { children: /* @__PURE__ */ T(n, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ w(f, { size: 18 }), " Timeline"]
+					}) }), /* @__PURE__ */ T(t, {
+						className: "space-y-3",
+						children: [
+							k.startTime && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Started"
+							}), /* @__PURE__ */ w("p", { children: b(k.startTime, "full") })] }),
+							k.endTime && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Completed"
+							}), /* @__PURE__ */ w("p", { children: b(k.endTime, "full") })] }),
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Created"
+							}), /* @__PURE__ */ w("p", { children: b(k.createdAt, "full") })] })
+						]
+					})] }),
+					k.trafficConditions.length > 0 && /* @__PURE__ */ T(e, { children: [/* @__PURE__ */ w(r, { children: /* @__PURE__ */ w(n, { children: "Traffic Conditions" }) }), /* @__PURE__ */ w(t, { children: k.trafficConditions.map((e, t) => /* @__PURE__ */ T("div", {
+						className: `p-2 rounded mb-2 ${e.condition === "severe" ? "bg-red-50" : e.condition === "heavy" ? "bg-orange-50" : "bg-yellow-50"}`,
+						children: [/* @__PURE__ */ T("p", {
+							className: "text-sm font-medium capitalize",
+							children: [e.condition, " traffic"]
+						}), /* @__PURE__ */ T("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								e.location,
+								" - +",
+								e.delay,
+								" min delay"
+							]
+						})]
+					}, t)) })] })
+				]
+			})]
+		})
+	}) : /* @__PURE__ */ w(i, {
+		title: "Create Route",
+		subtitle: "Plan a new delivery route",
+		icon: /* @__PURE__ */ w(m, { size: 24 }),
+		headerActions: /* @__PURE__ */ T(l, {
+			variant: "outline",
+			onClick: P,
+			children: [/* @__PURE__ */ w(u, { size: 16 }), " Back"]
+		}),
+		children: /* @__PURE__ */ w(e, { children: /* @__PURE__ */ w(t, {
+			className: "p-8 text-center",
+			children: /* @__PURE__ */ w("p", {
+				className: "text-muted-foreground",
+				children: "Route creation form would go here"
+			})
+		}) })
+	});
+}
+//#endregion
+export { D as default };

package/dist/RoutesPage-8hrv6RWT.js

@@ -0,0 +1,116 @@
+import { i as e, l as t, u as n } from "./PageLayout-B7b0vl0R.js";
+import { t as r } from "./DataTable-CRIKfdIN.js";
+import { t as i } from "./navigation-C2fY_aS9.js";
+import { t as a } from "./plus-Bl7uX6Ji.js";
+import { t as o } from "./refresh-cw-BYjl3K-8.js";
+import { r as s } from "./graphqlClient-CdJyR_ed.js";
+import { r as c } from "./useRoutes-v4aBaS-E.js";
+import { r as l } from "./StatusBadge-BrrwraIA.js";
+import { r as u } from "./formatters-_vJlC-47.js";
+import { t as d } from "./navigation-BgnOfsVd.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/movethewheels/pages/RoutesPage.tsx
+function m() {
+	let { basePath: m, navigate: h } = s(), { routes: g, totalRoutes: _, isLoading: v, refetch: y } = c(), b = (e) => h?.(d(m, e));
+	return /* @__PURE__ */ f(e, {
+		title: "Routes",
+		subtitle: `${_} routes`,
+		icon: /* @__PURE__ */ f(i, { size: 24 }),
+		headerActions: /* @__PURE__ */ p("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ p(n, {
+				variant: "outline",
+				onClick: y,
+				children: [/* @__PURE__ */ f(o, { size: 16 }), " Refresh"]
+			}), /* @__PURE__ */ p(n, {
+				onClick: () => b("routes/new"),
+				children: [/* @__PURE__ */ f(a, { size: 16 }), " Create Route"]
+			})]
+		}),
+		children: /* @__PURE__ */ f(r, {
+			columns: [
+				{
+					id: "name",
+					header: "Route Name",
+					accessorKey: "name",
+					sortable: !0,
+					cell: (e) => /* @__PURE__ */ f("span", {
+						className: "font-medium",
+						children: e.name
+					})
+				},
+				{
+					id: "status",
+					header: "Status",
+					accessorKey: "status",
+					sortable: !0,
+					cell: (e) => /* @__PURE__ */ f(l, {
+						status: e.status,
+						customColors: {
+							planned: {
+								bg: "bg-blue-100",
+								text: "text-blue-700"
+							},
+							in_progress: {
+								bg: "bg-yellow-100",
+								text: "text-yellow-700"
+							},
+							completed: {
+								bg: "bg-green-100",
+								text: "text-green-700"
+							},
+							cancelled: {
+								bg: "bg-red-100",
+								text: "text-red-700"
+							}
+						}[e.status]
+					})
+				},
+				{
+					id: "stops",
+					header: "Stops",
+					cell: (e) => /* @__PURE__ */ p(t, {
+						variant: "secondary",
+						children: [e.stops.length, " stops"]
+					})
+				},
+				{
+					id: "distance",
+					header: "Distance",
+					accessorKey: "distance",
+					sortable: !0,
+					cell: (e) => `${e.distance.toFixed(1)} km`
+				},
+				{
+					id: "duration",
+					header: "Est. Duration",
+					cell: (e) => `${e.estimatedDuration} min`
+				},
+				{
+					id: "optimized",
+					header: "Optimized",
+					cell: (e) => /* @__PURE__ */ f(t, {
+						variant: e.optimized ? "default" : "outline",
+						children: e.optimized ? "Yes" : "No"
+					})
+				},
+				{
+					id: "created",
+					header: "Created",
+					accessorKey: "createdAt",
+					sortable: !0,
+					cell: (e) => u(e.createdAt, "short")
+				}
+			],
+			data: g,
+			isLoading: v,
+			searchable: !0,
+			searchPlaceholder: "Search routes...",
+			searchFields: ["name"],
+			onRowClick: (e) => b(`routes/${e.id}`),
+			getRowId: (e) => e.id
+		})
+	});
+}
+//#endregion
+export { m as default };

package/dist/SettingsPage-BJ5BQeqn.js

@@ -0,0 +1,247 @@
+import { A as e, F as t, I as n, J as r, L as i, P as a, R as o, V as s, X as c, Y as l, Z as u, d, f, g as p, h as m, i as h, it as g, j as _, p as v, u as y } from "./PageLayout-B7b0vl0R.js";
+import { n as b, t as x } from "./settings-C4kIDsYg.js";
+import { t as S } from "./save-C-qDVat-.js";
+import { t as C } from "./user-BplzDrLP.js";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/icons/bell.js
+var E = g("Bell", [["path", {
+	d: "M10.268 21a2 2 0 0 0 3.464 0",
+	key: "vwvbt9"
+}], ["path", {
+	d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
+	key: "11g9vi"
+}]]), D = g("Shield", [["path", {
+	d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+	key: "oel41y"
+}]]), O = g("Webhook", [
+	["path", {
+		d: "M18 16.98h-5.99c-1.1 0-1.95.94-2.48 1.9A4 4 0 0 1 2 17c.01-.7.2-1.4.57-2",
+		key: "q3hayz"
+	}],
+	["path", {
+		d: "m6 17 3.13-5.78c.53-.97.1-2.18-.5-3.1a4 4 0 1 1 6.89-4.06",
+		key: "1go1hn"
+	}],
+	["path", {
+		d: "m12 6 3.13 5.73C15.66 12.7 16.9 13 18 13a4 4 0 0 1 0 8",
+		key: "qlwsc0"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/pages/SettingsPage.tsx
+function k() {
+	return /* @__PURE__ */ T(h, {
+		title: "Settings",
+		subtitle: "Manage your account and preferences",
+		icon: /* @__PURE__ */ w(x, { size: 24 }),
+		children: [/* @__PURE__ */ T(r, {
+			defaultValue: "general",
+			children: [
+				/* @__PURE__ */ T(c, {
+					className: "mb-6",
+					children: [
+						/* @__PURE__ */ T(u, {
+							value: "general",
+							children: [/* @__PURE__ */ w(C, { size: 16 }), " General"]
+						}),
+						/* @__PURE__ */ T(u, {
+							value: "notifications",
+							children: [/* @__PURE__ */ w(E, { size: 16 }), " Notifications"]
+						}),
+						/* @__PURE__ */ T(u, {
+							value: "security",
+							children: [/* @__PURE__ */ w(D, { size: 16 }), " Security"]
+						}),
+						/* @__PURE__ */ T(u, {
+							value: "integrations",
+							children: [/* @__PURE__ */ w(O, { size: 16 }), " Integrations"]
+						})
+					]
+				}),
+				/* @__PURE__ */ T(l, {
+					value: "general",
+					className: "space-y-6",
+					children: [/* @__PURE__ */ T(d, { children: [/* @__PURE__ */ T(m, { children: [/* @__PURE__ */ w(p, { children: "Company Information" }), /* @__PURE__ */ w(v, { children: "Basic company details" })] }), /* @__PURE__ */ w(f, {
+						className: "space-y-4",
+						children: /* @__PURE__ */ T("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(_, { children: "Company Name" }), /* @__PURE__ */ w(e, { defaultValue: "QuickLogistics Pro" })] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(_, { children: "Contact Email" }), /* @__PURE__ */ w(e, { defaultValue: "contact@quicklogistics.com" })] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(_, { children: "Phone" }), /* @__PURE__ */ w(e, { defaultValue: "+1-555-QUICK" })] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(_, { children: "Website" }), /* @__PURE__ */ w(e, { defaultValue: "https://quicklogistics.com" })] })
+							]
+						})
+					})] }), /* @__PURE__ */ T(d, { children: [/* @__PURE__ */ w(m, { children: /* @__PURE__ */ T(p, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ w(b, { size: 18 }), " Localization"]
+					}) }), /* @__PURE__ */ w(f, {
+						className: "space-y-4",
+						children: /* @__PURE__ */ T("div", {
+							className: "grid grid-cols-3 gap-4",
+							children: [
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(_, { children: "Timezone" }), /* @__PURE__ */ T(a, {
+									defaultValue: "pst",
+									children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(o, {}) }), /* @__PURE__ */ T(t, { children: [
+										/* @__PURE__ */ w(n, {
+											value: "pst",
+											children: "Pacific Time (PST)"
+										}),
+										/* @__PURE__ */ w(n, {
+											value: "est",
+											children: "Eastern Time (EST)"
+										}),
+										/* @__PURE__ */ w(n, {
+											value: "utc",
+											children: "UTC"
+										})
+									] })]
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(_, { children: "Currency" }), /* @__PURE__ */ T(a, {
+									defaultValue: "usd",
+									children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(o, {}) }), /* @__PURE__ */ T(t, { children: [
+										/* @__PURE__ */ w(n, {
+											value: "usd",
+											children: "USD ($)"
+										}),
+										/* @__PURE__ */ w(n, {
+											value: "eur",
+											children: "EUR (€)"
+										}),
+										/* @__PURE__ */ w(n, {
+											value: "gbp",
+											children: "GBP (£)"
+										})
+									] })]
+								})] }),
+								/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(_, { children: "Language" }), /* @__PURE__ */ T(a, {
+									defaultValue: "en",
+									children: [/* @__PURE__ */ w(i, { children: /* @__PURE__ */ w(o, {}) }), /* @__PURE__ */ T(t, { children: [
+										/* @__PURE__ */ w(n, {
+											value: "en",
+											children: "English"
+										}),
+										/* @__PURE__ */ w(n, {
+											value: "es",
+											children: "Spanish"
+										}),
+										/* @__PURE__ */ w(n, {
+											value: "fr",
+											children: "French"
+										})
+									] })]
+								})] })
+							]
+						})
+					})] })]
+				}),
+				/* @__PURE__ */ w(l, {
+					value: "notifications",
+					className: "space-y-6",
+					children: /* @__PURE__ */ T(d, { children: [/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(p, { children: "Email Notifications" }) }), /* @__PURE__ */ w(f, {
+						className: "space-y-4",
+						children: [
+							{
+								label: "Order updates",
+								desc: "Receive notifications for order status changes"
+							},
+							{
+								label: "Delivery alerts",
+								desc: "Get notified about delivery issues"
+							},
+							{
+								label: "System notifications",
+								desc: "Important system updates and maintenance"
+							},
+							{
+								label: "Weekly reports",
+								desc: "Receive weekly performance summary"
+							}
+						].map((e) => /* @__PURE__ */ T("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+								className: "font-medium",
+								children: e.label
+							}), /* @__PURE__ */ w("p", {
+								className: "text-sm text-muted-foreground",
+								children: e.desc
+							})] }), /* @__PURE__ */ w(s, { defaultChecked: !0 })]
+						}, e.label))
+					})] })
+				}),
+				/* @__PURE__ */ T(l, {
+					value: "security",
+					className: "space-y-6",
+					children: [/* @__PURE__ */ T(d, { children: [/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(p, { children: "Password" }) }), /* @__PURE__ */ T(f, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(_, { children: "Current Password" }), /* @__PURE__ */ w(e, { type: "password" })] }),
+							/* @__PURE__ */ T("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(_, { children: "New Password" }), /* @__PURE__ */ w(e, { type: "password" })] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w(_, { children: "Confirm Password" }), /* @__PURE__ */ w(e, { type: "password" })] })]
+							}),
+							/* @__PURE__ */ w(y, { children: "Update Password" })
+						]
+					})] }), /* @__PURE__ */ T(d, { children: [/* @__PURE__ */ T(m, { children: [/* @__PURE__ */ w(p, { children: "Two-Factor Authentication" }), /* @__PURE__ */ w(v, { children: "Add an extra layer of security" })] }), /* @__PURE__ */ w(f, { children: /* @__PURE__ */ T("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ w("div", { children: /* @__PURE__ */ T("p", { children: ["Status: ", /* @__PURE__ */ w("span", {
+							className: "text-red-500 font-medium",
+							children: "Disabled"
+						})] }) }), /* @__PURE__ */ w(y, {
+							variant: "outline",
+							children: "Enable 2FA"
+						})]
+					}) })] })]
+				}),
+				/* @__PURE__ */ T(l, {
+					value: "integrations",
+					className: "space-y-6",
+					children: [/* @__PURE__ */ T(d, { children: [/* @__PURE__ */ T(m, { children: [/* @__PURE__ */ w(p, { children: "API Keys" }), /* @__PURE__ */ w(v, { children: "Manage your API access" })] }), /* @__PURE__ */ T(f, {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ T("div", {
+							className: "p-4 bg-muted rounded-lg",
+							children: [/* @__PURE__ */ w("p", {
+								className: "font-medium",
+								children: "Production API Key"
+							}), /* @__PURE__ */ w("code", {
+								className: "text-sm",
+								children: "pk_live_••••••••••••••••"
+							})]
+						}), /* @__PURE__ */ w(y, {
+							variant: "outline",
+							children: "Generate New Key"
+						})]
+					})] }), /* @__PURE__ */ T(d, { children: [/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(p, { children: "Connected Services" }) }), /* @__PURE__ */ w(f, {
+						className: "space-y-3",
+						children: [
+							{
+								name: "Google Maps",
+								status: "Connected"
+							},
+							{
+								name: "Stripe",
+								status: "Connected"
+							},
+							{
+								name: "Twilio",
+								status: "Not Connected"
+							}
+						].map((e) => /* @__PURE__ */ T("div", {
+							className: "flex items-center justify-between p-3 border rounded-lg",
+							children: [/* @__PURE__ */ w("span", { children: e.name }), /* @__PURE__ */ w(y, {
+								variant: e.status === "Connected" ? "outline" : "default",
+								size: "sm",
+								children: e.status === "Connected" ? "Manage" : "Connect"
+							})]
+						}, e.name))
+					})] })]
+				})
+			]
+		}), /* @__PURE__ */ w("div", {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ T(y, { children: [/* @__PURE__ */ w(S, { size: 16 }), " Save Changes"] })
+		})]
+	});
+}
+//#endregion
+export { k as default };