@parallelworks/tandem-web 0.139.3 → 0.140.0

package/components/SettingsNav.js

@@ -1,13 +1,13 @@
 import { Link as e } from "../lib/router.js";
 import { githubAccountQuery as t, meQuery as n } from "../api/queries.js";
-import { ChevronDownIcon as r, FolderIcon as i, HistoryIcon as a, KeyIcon as o, LinkIcon as s, NotificationIcon as c, RepositoryIcon as l, SettingsIcon as u, ShieldIcon as d, TagIcon as f, UserIcon as p, UsersIcon as m, WebhookIcon as h, WorkerIcon as g } from "./icons.js";
-import { useTranslations as _ } from "use-intl";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useQuery as x, useSuspenseQuery as S } from "@tanstack/react-query";
+import { ChevronDownIcon as r, CommentIcon as i, FolderIcon as a, HistoryIcon as o, KeyIcon as s, LinkIcon as c, NotificationIcon as l, RepositoryIcon as u, SettingsIcon as d, ShieldIcon as f, TagIcon as p, UserIcon as m, UsersIcon as h, WebhookIcon as g, WorkerIcon as _ } from "./icons.js";
+import { useTranslations as v } from "use-intl";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useQuery as S, useSuspenseQuery as C } from "@tanstack/react-query";
 // src/components/SettingsNav.tsx
-var C = "flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", w = "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium", T = { className: w };
-function E() {
-	let { data: e } = S(n), r = _("settingsNav"), v = e?.mode === "platform", { data: y } = x(t);
+var w = "flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", T = "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium", E = { className: T };
+function D() {
+	let { data: e } = C(n), r = v("settingsNav"), y = e?.mode === "platform", { data: b } = S(t);
 	return [
 		{
 			label: r("account"),
@@ -15,31 +15,31 @@ function E() {
 				{
 					to: "/$workspace/settings/account",
 					label: r("profile"),
-					Icon: p
+					Icon: m
 				},
 				{
 					to: "/$workspace/settings/notifications",
 					label: r("notifications"),
-					Icon: c
+					Icon: l
 				},
 				{
 					to: "/$workspace/settings/runners",
 					label: r("runners"),
-					Icon: g
+					Icon: _
 				},
-				...y?.enabled ? [{
+				...b?.enabled ? [{
 					to: "/$workspace/settings/connections",
 					label: r("connections"),
-					Icon: s
+					Icon: c
 				}] : [],
-				...v ? [] : [{
+				...y ? [] : [{
 					to: "/$workspace/settings/tokens",
 					label: r("tokens"),
-					Icon: o
+					Icon: s
 				}, {
 					to: "/$workspace/settings/sessions",
 					label: r("sessions"),
-					Icon: d
+					Icon: f
 				}]
 			]
 		},
@@ -49,84 +49,92 @@ function E() {
 				{
 					to: "/$workspace/settings",
 					label: r("general"),
-					Icon: u
+					Icon: d
 				},
 				{
 					to: "/$workspace/settings/members",
-					label: r(v ? "access" : "members"),
-					Icon: m
+					label: r(y ? "access" : "members"),
+					Icon: h
 				},
 				{
 					to: "/$workspace/settings/roles",
 					label: r("roles"),
-					Icon: d
+					Icon: f
 				},
 				{
 					to: "/$workspace/settings/groups",
 					label: r("groups"),
-					Icon: d
+					Icon: f
 				},
 				{
 					to: "/$workspace/settings/teams",
 					label: r("teams"),
-					Icon: i
+					Icon: a
 				},
 				{
 					to: "/$workspace/settings/labels",
 					label: r("labels"),
-					Icon: f
+					Icon: p
 				},
 				{
 					to: "/$workspace/settings/audit-log",
 					label: r("auditLog"),
-					Icon: a
+					Icon: o
 				},
-				...v ? [] : [{
+				...y ? [] : [{
 					to: "/$workspace/settings/sso",
 					label: r("sso"),
-					Icon: o
+					Icon: s
 				}]
 			]
 		},
 		{
 			label: r("integrations"),
-			items: [{
-				to: "/$workspace/settings/github",
-				label: r("github"),
-				Icon: l
-			}, {
-				to: "/$workspace/settings/webhooks",
-				label: r("webhooks"),
-				Icon: h
-			}]
+			items: [
+				{
+					to: "/$workspace/settings/github",
+					label: r("github"),
+					Icon: u
+				},
+				{
+					to: "/$workspace/settings/slack",
+					label: r("slack"),
+					Icon: i
+				},
+				{
+					to: "/$workspace/settings/webhooks",
+					label: r("webhooks"),
+					Icon: g
+				}
+			]
 		}
 	];
 }
-function D({ workspace: t }) {
-	let n = _("settingsNav"), i = E();
-	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(e, {
+function O({ workspace: t }) {
+	let n = v("settingsNav"), i = D();
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x(e, {
 		to: "/$workspace/issues",
 		params: { workspace: t },
 		className: "flex h-9 items-center gap-2 rounded-md px-2 text-sm font-semibold hover:bg-muted",
-		children: [/* @__PURE__ */ y(r, { className: "size-4 rotate-90 text-muted-foreground" }), n("label")]
-	}), /* @__PURE__ */ y("nav", {
+		children: [/* @__PURE__ */ b(r, { className: "size-4 rotate-90 text-muted-foreground" }), n("label")]
+	}), /* @__PURE__ */ b("nav", {
 		"aria-label": n("label"),
 		className: "-mx-3 mt-2 min-h-0 flex-1 overflow-y-auto px-3",
-		children: i.map((n) => /* @__PURE__ */ b("div", {
+		children: i.map((n) => /* @__PURE__ */ x("div", {
 			className: "mt-4 first:mt-0",
-			children: [/* @__PURE__ */ y("p", {
+			children: [/* @__PURE__ */ b("p", {
 				className: "flex h-6 items-center px-2 text-xs font-medium text-muted-foreground",
 				children: n.label
-			}), /* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ b("div", {
 				className: "mt-1 space-y-0.5",
-				children: n.items.map(({ to: n, label: r, Icon: i }) => /* @__PURE__ */ b(e, {
+				children: n.items.map(({ to: n, label: r, Icon: i }) => /* @__PURE__ */ x(e, {
 					to: n,
 					params: { workspace: t },
-					className: C,
-					activeProps: T,
+					className: w,
+					activeProps: E,
 					activeOptions: { exact: !0 },
 					children: [
-						/* @__PURE__ */ y(i, { className: "size-4" }),
+						/* @__PURE__ */ b(i, { className: "size-4" }),
 						" ",
 						r
 					]
@@ -135,4 +143,4 @@ function D({ workspace: t }) {
 		}, n.label))
 	})] });
 }
-export { D as SettingsNav, C as navItem, w as navOn, E as useSettingsPages };
+export { O as SettingsNav, w as navItem, T as navOn, D as useSettingsPages };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parallelworks/tandem-web",
-  "version": "0.139.3",
+  "version": "0.140.0",
   "description": "Tandem's pages, for a host app to render in its own",
   "license": "UNLICENSED",
   "type": "module",