-
Добавьте DNS-запись
-
- - Тип
- {portal.customDomainVerification.type}
- - Имя
{portal.customDomainVerification.name}- Значение
{portal.customDomainVerification.value}
+
DNS-записи для {portal.customDomain}
+ {portal.customDomainAddress && (
+
+
A-запись
+
+ - Тип
- {portal.customDomainAddress.type}
+ - Имя
{portal.customDomainAddress.name}- Значение
{portal.customDomainAddress.value}
+
+ )}
+ {portal.customDomainVerification && (
+
+
TXT-запись
+
+ - Тип
- {portal.customDomainVerification.type}
+ - Имя
{portal.customDomainVerification.name}- Значение
{portal.customDomainVerification.value}
+
+ )}
diff --git a/apps/internal-ui/src/features/support-portals/PortalProductSettings.tsx b/apps/internal-ui/src/features/support-portals/PortalProductSettings.tsx
new file mode 100644
index 0000000..e635d61
--- /dev/null
+++ b/apps/internal-ui/src/features/support-portals/PortalProductSettings.tsx
@@ -0,0 +1,116 @@
+import { useEffect, useMemo, useState } from "react";
+
+import type { Channel } from "../channels/types";
+import { SelectField, SwitchButton } from "../../shared/form-controls";
+import { Button } from "../../shared/ui-controls";
+import type { Product } from "../../types";
+import {
+ portalErrorMessage,
+ replacePortalProducts,
+ type SupportPortal,
+} from "./model";
+
+export function PortalProductSettings({
+ portal,
+ products,
+ channels,
+ canManage,
+ onChanged,
+}: {
+ portal: SupportPortal;
+ products: Product[];
+ channels: Channel[];
+ canManage: boolean;
+ onChanged: (portal: SupportPortal) => void;
+}) {
+ const [selected, setSelected] = useState
>({});
+ const [busy, setBusy] = useState(false);
+ const [feedback, setFeedback] = useState("");
+
+ useEffect(() => {
+ setSelected(Object.fromEntries(
+ portal.products.map((item) => [item.productId, item.supportChannelId]),
+ ));
+ }, [portal.products]);
+
+ const supportChannels = useMemo(() => channels.filter((channel) => (
+ channel.isActive
+ && channel.department === "support"
+ && channel.product
+ && channel.policy.requiresAuthenticatedProductIdentity
+ && !channel.policy.allowAnonymousSessions
+ )), [channels]);
+
+ function toggleProduct(productId: number) {
+ setSelected((current) => {
+ const next = { ...current };
+ if (productId in next) delete next[productId];
+ else next[productId] = null;
+ return next;
+ });
+ }
+
+ async function save() {
+ setBusy(true);
+ setFeedback("");
+ try {
+ const items = Object.entries(selected).map(([productId, supportChannelId], index) => ({
+ productId: Number(productId),
+ supportChannelId,
+ sortOrder: index,
+ }));
+ const payload = await replacePortalProducts(portal.id, items);
+ onChanged(payload.portal);
+ setFeedback("Продукты портала обновлены");
+ } catch (caught) {
+ setFeedback(portalErrorMessage(caught, "Не удалось сохранить продукты"));
+ } finally {
+ setBusy(false);
+ }
+ }
+
+ return (
+
+
+
Продукты и поддержка
Выберите продукты и каналы, в которых клиенты смогут обратиться в поддержку.
+
+ {products.map((product) => {
+ const enabled = product.id in selected;
+ const options: Array<[string, string]> = [
+ ["", "Без перехода в поддержку"],
+ ...supportChannels
+ .filter((channel) => channel.product?.id === product.id)
+ .map((channel): [string, string] => [String(channel.id), channel.name]),
+ ];
+ return (
+
+ toggleProduct(product.id)}
+ />
+ {product.name}{product.code}
+ {enabled && (
+ setSelected((current) => ({
+ ...current,
+ [product.id]: value ? Number(value) : null,
+ }))}
+ options={options}
+ />
+ )}
+
+ );
+ })}
+
{feedback}
}
+
+ );
+}
diff --git a/apps/internal-ui/src/features/support-portals/PortalSettings.tsx b/apps/internal-ui/src/features/support-portals/PortalSettings.tsx
index fc726f1..7bee120 100644
--- a/apps/internal-ui/src/features/support-portals/PortalSettings.tsx
+++ b/apps/internal-ui/src/features/support-portals/PortalSettings.tsx
@@ -1,17 +1,18 @@
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useState } from "react";
import type { Channel } from "../channels/types";
-import { FormField, SelectField, SwitchButton } from "../../shared/form-controls";
+import { FormField, SelectField } from "../../shared/form-controls";
import { Button } from "../../shared/ui-controls";
import type { Product } from "../../types";
import {
listPortalSupportChannels,
portalErrorMessage,
- replacePortalProducts,
updateSupportPortal,
type SupportPortal,
} from "./model";
import { PortalDomainSettings } from "./PortalDomainSettings";
+import { PortalProductSettings } from "./PortalProductSettings";
+import { PortalWidgetSettings } from "./PortalWidgetSettings";
export function PortalSettings({
portal,
@@ -28,7 +29,7 @@ export function PortalSettings({
const [slug, setSlug] = useState(portal.slug);
const [locale, setLocale] = useState(portal.defaultLocale);
const [channels, setChannels] = useState([]);
- const [selected, setSelected] = useState>({});
+ const [widgetChannels, setWidgetChannels] = useState([]);
const [busy, setBusy] = useState(false);
const [feedback, setFeedback] = useState("");
@@ -36,25 +37,20 @@ export function PortalSettings({
setName(portal.name);
setSlug(portal.slug);
setLocale(portal.defaultLocale);
- setSelected(Object.fromEntries(
- portal.products.map((item) => [item.productId, item.supportChannelId]),
- ));
}, [portal]);
useEffect(() => {
listPortalSupportChannels(portal.id)
- .then((payload) => setChannels(payload.items))
- .catch(() => setChannels([]));
+ .then((payload) => {
+ setChannels(payload.items);
+ setWidgetChannels(payload.widgetItems);
+ })
+ .catch(() => {
+ setChannels([]);
+ setWidgetChannels([]);
+ });
}, [portal.id]);
- const supportChannels = useMemo(() => channels.filter((channel) => (
- channel.isActive
- && channel.department === "support"
- && channel.product
- && channel.policy.requiresAuthenticatedProductIdentity
- && !channel.policy.allowAnonymousSessions
- )), [channels]);
-
async function saveBasics() {
setBusy(true);
setFeedback("");
@@ -73,34 +69,6 @@ export function PortalSettings({
}
}
- async function saveProducts() {
- setBusy(true);
- setFeedback("");
- try {
- const items = Object.entries(selected).map(([productId, supportChannelId], index) => ({
- productId: Number(productId),
- supportChannelId,
- sortOrder: index,
- }));
- const payload = await replacePortalProducts(portal.id, items);
- onChanged(payload.portal);
- setFeedback("Продукты портала обновлены");
- } catch (caught) {
- setFeedback(portalErrorMessage(caught, "Не удалось сохранить продукты"));
- } finally {
- setBusy(false);
- }
- }
-
- function toggleProduct(productId: number) {
- setSelected((current) => {
- const next = { ...current };
- if (productId in next) delete next[productId];
- else next[productId] = null;
- return next;
- });
- }
-
return (
@@ -122,47 +90,19 @@ export function PortalSettings({
{canManage && }
-
-
-
Продукты и поддержка
Выберите продукты и каналы, в которых клиенты смогут обратиться в поддержку.
-
- {products.map((product) => {
- const enabled = product.id in selected;
- const options: Array<[string, string]> = [
- ["", "Без перехода в поддержку"],
- ...supportChannels
- .filter((channel) => channel.product?.id === product.id)
- .map((channel): [string, string] => [String(channel.id), channel.name]),
- ];
- return (
-
- toggleProduct(product.id)}
- />
- {product.name}{product.code}
- {enabled && (
- setSelected((current) => ({
- ...current,
- [product.id]: value ? Number(value) : null,
- }))}
- options={options}
- />
- )}
-
- );
- })}
-
+
+
{feedback &&
{feedback}
}
diff --git a/apps/internal-ui/src/features/support-portals/PortalWidgetSettings.tsx b/apps/internal-ui/src/features/support-portals/PortalWidgetSettings.tsx
new file mode 100644
index 0000000..731bac4
--- /dev/null
+++ b/apps/internal-ui/src/features/support-portals/PortalWidgetSettings.tsx
@@ -0,0 +1,76 @@
+import { useEffect, useState } from "react";
+
+import type { Channel } from "../channels/types";
+import { SelectField } from "../../shared/form-controls";
+import { Button } from "../../shared/ui-controls";
+import {
+ portalErrorMessage,
+ updateSupportPortal,
+ type SupportPortal,
+} from "./model";
+
+export function PortalWidgetSettings({
+ canManage,
+ channels,
+ portal,
+ onChanged,
+}: {
+ canManage: boolean;
+ channels: Channel[];
+ portal: SupportPortal;
+ onChanged: (portal: SupportPortal) => void;
+}) {
+ const [channelId, setChannelId] = useState(portal.widgetChannelId);
+ const [busy, setBusy] = useState(false);
+ const [feedback, setFeedback] = useState("");
+
+ useEffect(() => setChannelId(portal.widgetChannelId), [portal.widgetChannelId]);
+
+ async function save() {
+ setBusy(true);
+ setFeedback("");
+ try {
+ const payload = await updateSupportPortal(portal.id, {
+ widgetChannelId: channelId,
+ });
+ onChanged(payload.portal);
+ setFeedback("Веб-виджет обновлён");
+ } catch (caught) {
+ setFeedback(portalErrorMessage(caught, "Не удалось сохранить веб-виджет"));
+ } finally {
+ setBusy(false);
+ }
+ }
+
+ return (
+
+
+
+
Веб-виджет
+
Публичный чат отображается на всех страницах портала.
+
+
+ setChannelId(value ? Number(value) : null)}
+ options={[
+ ["", "Не показывать"],
+ ...channels.map((channel): [string, string] => [
+ String(channel.id),
+ channel.name,
+ ]),
+ ]}
+ />
+
+ {canManage && (
+
+ )}
+ {feedback && {feedback}
}
+
+ );
+}
diff --git a/apps/internal-ui/src/features/support-portals/api.ts b/apps/internal-ui/src/features/support-portals/api.ts
new file mode 100644
index 0000000..675e1a0
--- /dev/null
+++ b/apps/internal-ui/src/features/support-portals/api.ts
@@ -0,0 +1,184 @@
+import { api } from "../../api/client";
+import type { Channel } from "../channels/types";
+import type {
+ ArticleRevision,
+ PortalArticle,
+ PortalCategory,
+ PortalInput,
+ PortalStatus,
+ SupportPortal,
+ SupportPortalList,
+} from "./model";
+
+export function listSupportPortals(): Promise {
+ return api("/api/v1/support/portals/");
+}
+
+export function createSupportPortal(input: PortalInput): Promise<{ portal: SupportPortal }> {
+ return api("/api/v1/support/portals/", {
+ method: "POST",
+ body: JSON.stringify(input),
+ });
+}
+
+export function loadSupportPortal(id: number): Promise<{ portal: SupportPortal }> {
+ return api(`/api/v1/support/portals/${id}/`);
+}
+
+export function updateSupportPortal(
+ id: number,
+ input: Partial,
+): Promise<{ portal: SupportPortal }> {
+ return api(`/api/v1/support/portals/${id}/`, {
+ method: "PATCH",
+ body: JSON.stringify(input),
+ });
+}
+
+export function changePortalStatus(
+ id: number,
+ status: PortalStatus,
+): Promise<{ portal: SupportPortal }> {
+ return api(`/api/v1/support/portals/${id}/status/`, {
+ method: "POST",
+ body: JSON.stringify({ status }),
+ });
+}
+
+export function replacePortalProducts(
+ id: number,
+ items: Array<{ productId: number; supportChannelId: number | null; sortOrder: number }>,
+): Promise<{ portal: SupportPortal }> {
+ return api(`/api/v1/support/portals/${id}/products/`, {
+ method: "PUT",
+ body: JSON.stringify({ items }),
+ });
+}
+
+export function listPortalCategories(id: number): Promise<{ items: PortalCategory[] }> {
+ return api(`/api/v1/support/portals/${id}/categories/`);
+}
+
+export function createPortalCategory(
+ id: number,
+ input: Pick & Partial>,
+): Promise<{ category: PortalCategory }> {
+ return api(`/api/v1/support/portals/${id}/categories/`, {
+ method: "POST",
+ body: JSON.stringify(input),
+ });
+}
+
+export function updatePortalCategory(
+ portalId: number,
+ categoryId: number,
+ input: Partial>,
+): Promise<{ category: PortalCategory }> {
+ return api(`/api/v1/support/portals/${portalId}/categories/${categoryId}/`, {
+ method: "PATCH",
+ body: JSON.stringify(input),
+ });
+}
+
+export function deletePortalCategory(
+ portalId: number,
+ categoryId: number,
+): Promise {
+ return api(`/api/v1/support/portals/${portalId}/categories/${categoryId}/`, {
+ method: "DELETE",
+ });
+}
+
+export function listPortalSupportChannels(
+ portalId: number,
+): Promise<{ items: Channel[]; widgetItems: Channel[] }> {
+ return api(`/api/v1/support/portals/${portalId}/support-channels/`);
+}
+
+export function setPortalCustomDomain(
+ portalId: number,
+ customDomain: string,
+): Promise<{ portal: SupportPortal }> {
+ return api(`/api/v1/support/portals/${portalId}/domain/`, {
+ method: "PUT",
+ body: JSON.stringify({ customDomain }),
+ });
+}
+
+export function verifyPortalCustomDomain(
+ portalId: number,
+): Promise<{ portal: SupportPortal }> {
+ return api(`/api/v1/support/portals/${portalId}/domain/verify/`, {
+ method: "POST",
+ });
+}
+
+export function listPortalArticles(id: number): Promise<{ items: PortalArticle[] }> {
+ return api(`/api/v1/support/portals/${id}/articles/`);
+}
+
+export function createPortalArticle(
+ portalId: number,
+ input: {
+ categoryId: number;
+ slug: string;
+ locale: string;
+ title: string;
+ summary: string;
+ content: string;
+ },
+): Promise<{ article: PortalArticle }> {
+ return api(`/api/v1/support/portals/${portalId}/articles/`, {
+ method: "POST",
+ body: JSON.stringify(input),
+ });
+}
+
+export function loadPortalArticle(
+ portalId: number,
+ articleId: number,
+): Promise<{ article: PortalArticle }> {
+ return api(`/api/v1/support/portals/${portalId}/articles/${articleId}/`);
+}
+
+export function updatePortalArticle(
+ portalId: number,
+ articleId: number,
+ input: { categoryId: number; locale: string; slug: string },
+): Promise<{ article: PortalArticle }> {
+ return api(`/api/v1/support/portals/${portalId}/articles/${articleId}/`, {
+ method: "PATCH",
+ body: JSON.stringify(input),
+ });
+}
+
+export function addArticleRevision(
+ portalId: number,
+ articleId: number,
+ input: Pick,
+): Promise<{ revision: ArticleRevision }> {
+ return api(`/api/v1/support/portals/${portalId}/articles/${articleId}/revisions/`, {
+ method: "POST",
+ body: JSON.stringify(input),
+ });
+}
+
+export function publishArticleRevision(
+ portalId: number,
+ articleId: number,
+ revisionId: number,
+): Promise<{ article: PortalArticle }> {
+ return api(`/api/v1/support/portals/${portalId}/articles/${articleId}/publish/`, {
+ method: "POST",
+ body: JSON.stringify({ revisionId }),
+ });
+}
+
+export function archivePortalArticle(
+ portalId: number,
+ articleId: number,
+): Promise<{ article: PortalArticle }> {
+ return api(`/api/v1/support/portals/${portalId}/articles/${articleId}/archive/`, {
+ method: "POST",
+ });
+}
diff --git a/apps/internal-ui/src/features/support-portals/model.ts b/apps/internal-ui/src/features/support-portals/model.ts
index c9f42ab..8cdaa0e 100644
--- a/apps/internal-ui/src/features/support-portals/model.ts
+++ b/apps/internal-ui/src/features/support-portals/model.ts
@@ -1,5 +1,4 @@
-import { api, ApiError } from "../../api/client";
-import type { Channel } from "../channels/types";
+import { ApiError } from "../../api/client";
export type PortalStatus = "DRAFT" | "PUBLISHED" | "ARCHIVED";
export type ArticleStatus = "DRAFT" | "PUBLISHED" | "ARCHIVED";
@@ -20,6 +19,11 @@ export type SupportPortal = {
slug: string;
hostedDomain: string;
customDomain: string | null;
+ customDomainAddress: {
+ name: string;
+ type: "A";
+ value: string;
+ } | null;
customDomainVerifiedAt: string | null;
customDomainVerification: {
name: string;
@@ -31,6 +35,8 @@ export type SupportPortal = {
defaultLocale: string;
status: PortalStatus;
publishedAt: string | null;
+ widgetChannelId: number | null;
+ widgetChannelCode: string | null;
products: PortalProductLink[];
createdAt: string;
updatedAt: string;
@@ -73,6 +79,7 @@ export type PortalInput = {
slug: string;
name: string;
defaultLocale: string;
+ widgetChannelId?: number | null;
};
export type PortalCreationPolicy = {
@@ -94,178 +101,28 @@ export type SupportPortalList = {
address: PortalAddressConfig;
};
-export function listSupportPortals(): Promise {
- return api("/api/v1/support/portals/");
-}
-
-export function createSupportPortal(input: PortalInput): Promise<{ portal: SupportPortal }> {
- return api("/api/v1/support/portals/", {
- method: "POST",
- body: JSON.stringify(input),
- });
-}
-
-export function loadSupportPortal(id: number): Promise<{ portal: SupportPortal }> {
- return api(`/api/v1/support/portals/${id}/`);
-}
-
-export function updateSupportPortal(
- id: number,
- input: PortalInput,
-): Promise<{ portal: SupportPortal }> {
- return api(`/api/v1/support/portals/${id}/`, {
- method: "PATCH",
- body: JSON.stringify(input),
- });
-}
-
-export function changePortalStatus(
- id: number,
- status: PortalStatus,
-): Promise<{ portal: SupportPortal }> {
- return api(`/api/v1/support/portals/${id}/status/`, {
- method: "POST",
- body: JSON.stringify({ status }),
- });
-}
-
-export function replacePortalProducts(
- id: number,
- items: Array<{ productId: number; supportChannelId: number | null; sortOrder: number }>,
-): Promise<{ portal: SupportPortal }> {
- return api(`/api/v1/support/portals/${id}/products/`, {
- method: "PUT",
- body: JSON.stringify({ items }),
- });
-}
-
-export function listPortalCategories(id: number): Promise<{ items: PortalCategory[] }> {
- return api(`/api/v1/support/portals/${id}/categories/`);
-}
-
-export function createPortalCategory(
- id: number,
- input: Pick & Partial>,
-): Promise<{ category: PortalCategory }> {
- return api(`/api/v1/support/portals/${id}/categories/`, {
- method: "POST",
- body: JSON.stringify(input),
- });
-}
-
-export function updatePortalCategory(
- portalId: number,
- categoryId: number,
- input: Partial>,
-): Promise<{ category: PortalCategory }> {
- return api(`/api/v1/support/portals/${portalId}/categories/${categoryId}/`, {
- method: "PATCH",
- body: JSON.stringify(input),
- });
-}
-
-export function deletePortalCategory(
- portalId: number,
- categoryId: number,
-): Promise {
- return api(`/api/v1/support/portals/${portalId}/categories/${categoryId}/`, {
- method: "DELETE",
- });
-}
-
-export function listPortalSupportChannels(
- portalId: number,
-): Promise<{ items: Channel[] }> {
- return api(`/api/v1/support/portals/${portalId}/support-channels/`);
-}
-
-export function setPortalCustomDomain(
- portalId: number,
- customDomain: string,
-): Promise<{ portal: SupportPortal }> {
- return api(`/api/v1/support/portals/${portalId}/domain/`, {
- method: "PUT",
- body: JSON.stringify({ customDomain }),
- });
-}
-
-export function verifyPortalCustomDomain(
- portalId: number,
-): Promise<{ portal: SupportPortal }> {
- return api(`/api/v1/support/portals/${portalId}/domain/verify/`, {
- method: "POST",
- });
-}
-
-export function listPortalArticles(id: number): Promise<{ items: PortalArticle[] }> {
- return api(`/api/v1/support/portals/${id}/articles/`);
-}
-
-export function createPortalArticle(
- portalId: number,
- input: {
- categoryId: number;
- slug: string;
- locale: string;
- title: string;
- summary: string;
- content: string;
- },
-): Promise<{ article: PortalArticle }> {
- return api(`/api/v1/support/portals/${portalId}/articles/`, {
- method: "POST",
- body: JSON.stringify(input),
- });
-}
-
-export function loadPortalArticle(
- portalId: number,
- articleId: number,
-): Promise<{ article: PortalArticle }> {
- return api(`/api/v1/support/portals/${portalId}/articles/${articleId}/`);
-}
-
-export function updatePortalArticle(
- portalId: number,
- articleId: number,
- input: { categoryId: number; locale: string; slug: string },
-): Promise<{ article: PortalArticle }> {
- return api(`/api/v1/support/portals/${portalId}/articles/${articleId}/`, {
- method: "PATCH",
- body: JSON.stringify(input),
- });
-}
-
-export function addArticleRevision(
- portalId: number,
- articleId: number,
- input: Pick,
-): Promise<{ revision: ArticleRevision }> {
- return api(`/api/v1/support/portals/${portalId}/articles/${articleId}/revisions/`, {
- method: "POST",
- body: JSON.stringify(input),
- });
-}
-
-export function publishArticleRevision(
- portalId: number,
- articleId: number,
- revisionId: number,
-): Promise<{ article: PortalArticle }> {
- return api(`/api/v1/support/portals/${portalId}/articles/${articleId}/publish/`, {
- method: "POST",
- body: JSON.stringify({ revisionId }),
- });
-}
-
-export function archivePortalArticle(
- portalId: number,
- articleId: number,
-): Promise<{ article: PortalArticle }> {
- return api(`/api/v1/support/portals/${portalId}/articles/${articleId}/archive/`, {
- method: "POST",
- });
-}
+export {
+ addArticleRevision,
+ archivePortalArticle,
+ changePortalStatus,
+ createPortalArticle,
+ createPortalCategory,
+ createSupportPortal,
+ deletePortalCategory,
+ listPortalArticles,
+ listPortalCategories,
+ listPortalSupportChannels,
+ listSupportPortals,
+ loadPortalArticle,
+ loadSupportPortal,
+ publishArticleRevision,
+ replacePortalProducts,
+ setPortalCustomDomain,
+ updatePortalArticle,
+ updatePortalCategory,
+ updateSupportPortal,
+ verifyPortalCustomDomain,
+} from "./api";
export const PORTAL_STATUS_LABEL: Record = {
DRAFT: "Черновик",
diff --git a/apps/internal-ui/src/features/support-portals/styles-detail.css b/apps/internal-ui/src/features/support-portals/styles-detail.css
index 931aac7..a41ca73 100644
--- a/apps/internal-ui/src/features/support-portals/styles-detail.css
+++ b/apps/internal-ui/src/features/support-portals/styles-detail.css
@@ -75,6 +75,20 @@
font-size: 11.5px;
}
+.portal-article-col-title { width: 26%; }
+.portal-article-col-category { width: 18%; }
+.portal-article-col-language { width: 7%; }
+.portal-article-col-version { width: 7%; }
+.portal-article-col-status { width: 18%; }
+.portal-article-col-updated { width: 17%; }
+.portal-article-col-actions { width: 48px; }
+
+.portal-article-table th:last-child,
+.portal-article-table td:last-child {
+ padding-right: 10px;
+ padding-left: 8px;
+}
+
.portal-product-list {
display: grid;
gap: 8px;
@@ -130,10 +144,19 @@
font-size: 13px;
}
+.portal-domain-record {
+ margin-top: 14px;
+}
+
+.portal-domain-record > b {
+ color: var(--text-heading);
+ font-size: 12.5px;
+}
+
.portal-domain-verification dl {
display: grid;
gap: 8px;
- margin: 12px 0 0;
+ margin: 8px 0 0;
}
.portal-domain-verification dl > div {
diff --git a/apps/internal-ui/src/layout/AiSidebarNav.tsx b/apps/internal-ui/src/layout/AiSidebarNav.tsx
deleted file mode 100644
index 817039a..0000000
--- a/apps/internal-ui/src/layout/AiSidebarNav.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import type { RouteKey } from "../types";
-
-const ITEMS: Array<{
- activeRoutes: RouteKey[];
- disabled?: boolean;
- key: RouteKey;
- label: string;
-}> = [
- {
- activeRoutes: ["aiAgents", "aiAgentCreate", "aiAgentDetail"],
- key: "aiAgents",
- label: "AI-агенты",
- },
- {
- activeRoutes: ["aiKnowledge", "aiKnowledgeCreate", "aiKnowledgeDetail"],
- key: "aiKnowledge",
- label: "Знания",
- },
- {
- activeRoutes: ["aiUsage"],
- disabled: true,
- key: "aiUsage",
- label: "Использование AI",
- },
-];
-
-export function AiSidebarNav({
- route,
- setRoute,
-}: {
- route: RouteKey;
- setRoute: (route: RouteKey) => void;
-}) {
- return (
-
- {ITEMS.map((item) => (
-
- ))}
-
- );
-}
diff --git a/apps/internal-ui/src/layout/SalesSidebar.tsx b/apps/internal-ui/src/layout/SalesSidebar.tsx
deleted file mode 100644
index d632eba..0000000
--- a/apps/internal-ui/src/layout/SalesSidebar.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import type { RouteKey, SessionUser } from "../types";
-import { Icon } from "../shared/icons";
-import { canAccess } from "../auth/access";
-import { SidebarUserMenu } from "./SidebarUserMenu";
-
-export function SalesSidebar({ route, user, setRoute, onLogout, waitingCount = 0 }: { route: RouteKey; user: SessionUser; setRoute: (route: RouteKey) => void; onLogout: () => void; waitingCount?: number }) {
- const nav = [
- { key: "salesOverview" as const, label: "Обзор", icon: "grid" as const },
- { key: "salesDialogs" as const, label: "Диалоги", icon: "message" as const, badge: waitingCount > 0 ? String(waitingCount) : undefined },
- { key: "salesClients" as const, label: "Контакты", icon: "team" as const },
- { key: "salesOrders" as const, label: "Продажи", icon: "cart" as const },
- ];
- return (
-
- );
-}
diff --git a/apps/internal-ui/src/layout/Shell.tsx b/apps/internal-ui/src/layout/Shell.tsx
index 04d5bb7..82c3be6 100644
--- a/apps/internal-ui/src/layout/Shell.tsx
+++ b/apps/internal-ui/src/layout/Shell.tsx
@@ -6,11 +6,8 @@ import { NotificationDrawer } from "../features/notifications/NotificationDrawer
import { fetchNotifications, markAllRead, markRead, type AppNotification } from "../features/notifications/model";
import { fetchWaitingCount } from "../features/conversations/model";
import { Sidebar } from "./Sidebar";
-import { SalesSidebar } from "./SalesSidebar";
-import { SupportSidebar } from "./SupportSidebar";
import { ShellRouteContent } from "./ShellRouteContent";
import { TopBar } from "./TopBar";
-import { canAccess } from "../auth/access";
export function Shell({ route, setRoute, selectedEmployeeId, selectedProductId, selectedProductCode, selectedAgentId, selectedKnowledgeId, selectedConversationId, selectedClientId, selectedOrderId, selectedChannelId, selectedSupportPortalId, openChannelRoute, openSupportPortalRoute, openEmployeeRoute, openProductRoute, openAgentCreateRoute, openAgentRoute, openKnowledgeRoute, openConversationRoute, openClientRoute, openOrderRoute, user, data, reload, onUserUpdated, onLogout }: { route: RouteKey; setRoute: (route: RouteKey) => void; selectedEmployeeId: number | null; selectedProductId: number | null; selectedProductCode: string | null; selectedAgentId: number | null; selectedKnowledgeId: number | null; selectedConversationId: number | null; selectedClientId: number | null; selectedOrderId: number | null; selectedChannelId: number | null; selectedSupportPortalId: number | null; openEmployeeRoute: (employeeId: number) => void; openProductRoute: (productId: number) => void; openAgentCreateRoute: (productCode: string | null) => void; openAgentRoute: (agentId: number) => void; openKnowledgeRoute: (knowledgeId: number) => void; openConversationRoute: (conversationId: number) => void; openClientRoute: (clientId: number) => void; openOrderRoute: (orderId: number) => void; openChannelRoute: (channelId: number) => void; openSupportPortalRoute: (portalId: number) => void; user: SessionUser; data: AppData; reload: () => void; onUserUpdated: (user: SessionUser) => void; onLogout: () => void }) {
const [agentName, setAgentName] = useState(null);
@@ -95,15 +92,9 @@ export function Shell({ route, setRoute, selectedEmployeeId, selectedProductId,
const isAiFullWidth = route === "aiAgentCreate";
const isKnowledgeLibrary = route === "aiKnowledge";
const isKnowledgeEditor = route === "aiKnowledgeCreate" || route === "aiKnowledgeDetail";
- const showSalesSidebar = isSalesWorkspace || (
- canAccess(user, "salesDialogs") && !canAccess(user, "command") && !isSupportWorkspace
- );
- const showSupportSidebar = isSupportWorkspace || (
- canAccess(user, "supportDialogs") && !canAccess(user, "command") && !isSalesWorkspace
- );
return (
- {showSupportSidebar ?
: showSalesSidebar ?
:
}
+
{ setNotifOpen(true); void loadNotifications(); }} />
diff --git a/apps/internal-ui/src/layout/Sidebar.tsx b/apps/internal-ui/src/layout/Sidebar.tsx
index b5158ca..c56c546 100644
--- a/apps/internal-ui/src/layout/Sidebar.tsx
+++ b/apps/internal-ui/src/layout/Sidebar.tsx
@@ -1,47 +1,89 @@
import type { RouteKey, SessionUser } from "../types";
import { Icon, LogoIcon } from "../shared/icons";
-import { canAccess } from "../auth/access";
-import { AiSidebarNav } from "./AiSidebarNav";
+import { canAccess, defaultRoute } from "../auth/access";
+import { SidebarNavSection, type SidebarNavSectionItem } from "./SidebarNavSection";
import { SidebarUserMenu } from "./SidebarUserMenu";
-export function Sidebar({ route, user, setRoute, onLogout }: { route: RouteKey; user: SessionUser; setRoute: (route: RouteKey) => void; onLogout: () => void }) {
- const nav = [
- { key: "command" as const, label: "Обзор", icon: "grid" as const },
- { label: "КОМПАНИЯ", group: true },
- { key: "departments" as const, label: "Отделы", icon: "building" as const },
- { key: "employees" as const, label: "Сотрудники", icon: "team" as const },
- { key: "products" as const, label: "Продукты", icon: "box" as const },
- { key: "channels" as const, label: "Каналы", icon: "route" as const },
- { label: "ПЛАТФОРМА", group: true },
- { key: "aiAgents" as const, label: "AI", icon: "robot" as const },
- { key: "integrations" as const, label: "Интеграции", icon: "plug" as const },
- { divider: true },
- { label: "Администрирование", icon: "settings" as const, disabled: true },
- ];
+type SidebarLinkProps = {
+ activeRoutes?: RouteKey[];
+ disabled?: boolean;
+ icon: Parameters[0]["name"];
+ label: string;
+ route: RouteKey;
+ routeKey?: RouteKey;
+ setRoute: (route: RouteKey) => void;
+};
+
+function SidebarLink({ activeRoutes, disabled, icon, label, route, routeKey, setRoute }: SidebarLinkProps) {
+ const active = activeRoutes?.includes(route) ?? routeKey === route;
+ return (
+
+ );
+}
+
+const SALES_ITEMS: SidebarNavSectionItem[] = [
+ { activeRoutes: ["salesOverview"], key: "salesOverview", label: "Обзор" },
+ { activeRoutes: ["salesDialogs"], key: "salesDialogs", label: "Диалоги" },
+ { activeRoutes: ["salesClients", "salesClientDetail"], key: "salesClients", label: "Контакты" },
+ { activeRoutes: ["salesOrders", "salesOrderDetail"], key: "salesOrders", label: "Продажи" },
+];
+
+const SUPPORT_ITEMS: SidebarNavSectionItem[] = [
+ { activeRoutes: ["supportOverview"], key: "supportOverview", label: "Обзор" },
+ { activeRoutes: ["supportDialogs"], key: "supportDialogs", label: "Диалоги" },
+ { activeRoutes: ["supportPortals", "supportPortalDetail"], key: "supportPortals", label: "Порталы" },
+];
+
+const AI_ITEMS: SidebarNavSectionItem[] = [
+ { activeRoutes: ["aiAgents", "aiAgentCreate", "aiAgentDetail"], key: "aiAgents", label: "AI-агенты" },
+ { activeRoutes: ["aiKnowledge", "aiKnowledgeCreate", "aiKnowledgeDetail"], key: "aiKnowledge", label: "Знания" },
+ { activeRoutes: ["aiUsage"], disabled: true, key: "aiUsage", label: "Использование AI" },
+];
+
+function visibleItems(user: SessionUser, items: SidebarNavSectionItem[]) {
+ return items.filter((item) => canAccess(user, item.key));
+}
+
+export function Sidebar({ route, user, setRoute, onLogout, waitingCount = 0 }: { route: RouteKey; user: SessionUser; setRoute: (route: RouteKey) => void; onLogout: () => void; waitingCount?: number }) {
+ const sectionStorageKey = (section: string) => (
+ `custocrm.sidebar.${user.organizationPublicId}.${section}.expanded`
+ );
+ const salesItems = visibleItems(user, SALES_ITEMS).map((item) => (
+ item.key === "salesDialogs" && waitingCount > 0
+ ? { ...item, badge: String(waitingCount) }
+ : item
+ ));
+ const supportItems = visibleItems(user, SUPPORT_ITEMS);
+ const aiItems = visibleItems(user, AI_ITEMS);
+
return (
diff --git a/apps/internal-ui/src/layout/SidebarNavSection.tsx b/apps/internal-ui/src/layout/SidebarNavSection.tsx
new file mode 100644
index 0000000..a185e0c
--- /dev/null
+++ b/apps/internal-ui/src/layout/SidebarNavSection.tsx
@@ -0,0 +1,83 @@
+import { useState } from "react";
+
+import { Icon } from "../shared/icons";
+import type { RouteKey } from "../types";
+
+export type SidebarNavSectionItem = {
+ activeRoutes: RouteKey[];
+ badge?: string;
+ disabled?: boolean;
+ key: RouteKey;
+ label: string;
+};
+
+export function SidebarNavSection({
+ icon,
+ items,
+ label,
+ route,
+ setRoute,
+ storageKey,
+}: {
+ icon: Parameters[0]["name"];
+ items: SidebarNavSectionItem[];
+ label: string;
+ route: RouteKey;
+ setRoute: (route: RouteKey) => void;
+ storageKey: string;
+}) {
+ const [expanded, setExpanded] = useState(() => {
+ try {
+ return window.localStorage.getItem(storageKey) === "true";
+ } catch {
+ return false;
+ }
+ });
+ const active = items.some((item) => item.activeRoutes.includes(route));
+
+ if (items.length === 0) return null;
+
+ function toggleExpanded() {
+ setExpanded((current) => {
+ const next = !current;
+ try {
+ window.localStorage.setItem(storageKey, String(next));
+ } catch {
+ // Навигация остаётся рабочей, даже если хранилище браузера недоступно.
+ }
+ return next;
+ });
+ }
+
+ return (
+
+
+ {expanded && (
+
+ {items.map((item) => (
+
+ ))}
+
+ )}
+