+
+
+
+
+
+
+ );
+}
diff --git a/apps/web/src/ru-fork/pixso-move/components/GalleryView.tsx b/apps/web/src/ru-fork/pixso-move/components/GalleryView.tsx
new file mode 100644
index 00000000000..ce631b9ab2a
--- /dev/null
+++ b/apps/web/src/ru-fork/pixso-move/components/GalleryView.tsx
@@ -0,0 +1,109 @@
+import { LayersIcon } from "lucide-react";
+import { Button } from "~/components/ui/button";
+import {
+ Empty,
+ EmptyContent,
+ EmptyDescription,
+ EmptyMedia,
+ EmptyTitle,
+} from "~/components/ui/empty";
+import { ScrollArea } from "~/components/ui/scroll-area";
+import { Spinner } from "~/components/ui/spinner";
+import { cn } from "~/lib/utils";
+import { previewDataUrl } from "../api";
+import { formatAddedAt } from "../format";
+import { usePixsoNodes } from "../queries";
+import { usePixsoStore } from "../store";
+
+/** Catalog of stored macets. Fetches only after the user presses refresh (manual sync). */
+export function GalleryView() {
+ const settings = usePixsoStore((state) => state.settings);
+ const nonce = usePixsoStore((state) => state.refreshNonce);
+ const openNode = usePixsoStore((state) => state.openNode);
+ const openSettings = usePixsoStore((state) => state.openSettings);
+ const hasKey = settings.designerId.trim().length > 0;
+ const query = usePixsoNodes(settings.serverUrl, settings.designerId, nonce);
+
+ if (!hasKey) {
+ return (
+ {children}
+
+
+ );
+ }
+
+ if (query.isError) {
+ return (
+ -
+ {query.data.map((node) => (
+
- + + + ))} +
+
+
+
+ );
+}
+
+// Pretty-print the stored (minified) node JSON so the code block renders multi-line. The
+// code renderer only highlights — it doesn't re-indent — so this is what makes it readable.
+function formatJson(raw: string): string {
+ try {
+ return JSON.stringify(JSON.parse(raw), null, 2);
+ } catch {
+ return raw;
+ }
+}
+
+function Section({ title, children }: { title: string; children: ReactNode }) {
+ return (
+
+
+
+
+
+ {node.isPending ? (
+ })
+
+ JSON узла
+
+ }
+ >
+
+
+ )}
+
+
+ {processing.isPending ? (
+
+
+
+
+ ) : node.isError ? (
+ {(node.error as Error).message}
+ ) : ( + <> +{node.data.rootName}
+Не удалось загрузить результаты.
+ ) : processing.data.length === 0 ? ( +Пока нет результатов.
+ ) : ( +-
+ {processing.data.map((result) => (
+
-
+
+
+ ))}
+
+ {title} +
+ {children} +
+
+ Макеты Pixso
+
+ refresh()}
+ aria-label="Обновить макеты"
+ >
+
+ openSettings()}
+ aria-label="Настройки Pixso Move"
+ >
+
+ onClose()}
+ aria-label="Закрыть панель"
+ >
+
+
+
+ );
+
+ return (
+ Нет данных.
+ ) : ( +
+
+
+
+ );
+}
diff --git a/apps/web/src/ru-fork/pixso-move/format.ts b/apps/web/src/ru-fork/pixso-move/format.ts
new file mode 100644
index 00000000000..1336e24650a
--- /dev/null
+++ b/apps/web/src/ru-fork/pixso-move/format.ts
@@ -0,0 +1,31 @@
+import type { PixsoProcessingStatus } from "./api";
+
+// Russian labels + badge tone for a processing status. Kept here so every surface agrees.
+export const statusLabel: Record
+
+
+
+
+
+ Адрес сервера
+ update({ serverUrl: event.target.value })}
+ placeholder="http://127.0.0.1:7787"
+ aria-label="Адрес сервера"
+ />
+ Сервер Pixso Move, к которому отправляет данные плагин.
+
+
+
+ Идентификатор дизайнера
+ update({ designerId: event.target.value })}
+ placeholder="dz_…"
+ aria-label="Идентификатор дизайнера"
+ />
+ Ключ дизайнера — тот же, что в плагине Pixso.
+
+
+
+ Интервал синхронизации, мин
+
+ update({
+ syncIntervalMin: Math.max(MIN_SYNC_INTERVAL_MIN, value ?? MIN_SYNC_INTERVAL_MIN),
+ })
+ }
+ >
+
+
+
+
+ Не меньше {MIN_SYNC_INTERVAL_MIN} минут. Сейчас обновление запускается вручную.
+
+
+
+
+
+ + + {icon} + {title} +
+{headerAction}
+
+ {children}
+
+
+
+ );
+}
+
+export function SettingResetButton({ label, onClick }: { label: string; onClick: () => void }) {
+ return (
+
+
+ {children}
+
+
+ {control ? (
+
+
+ + {title} +
+ + {resetAction} + +{description}
+ {status ?{status}
: null}
+
+ {control}
+
+ ) : null}
+
+
+ );
+}
diff --git a/pixso-move/plugin/src/ui/components/ui/alert.tsx b/pixso-move/plugin/src/ui/components/ui/alert.tsx
new file mode 100644
index 00000000000..a2f0d2b81c6
--- /dev/null
+++ b/pixso-move/plugin/src/ui/components/ui/alert.tsx
@@ -0,0 +1,73 @@
+// pixso-move: vendored from apps/web/src/components/ui/alert.tsx — keep in sync
+import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+
+import { cn } from "~/lib/utils";
+
+const alertVariants = cva(
+ "relative grid w-full items-start gap-x-2 gap-y-0.5 rounded-xl border px-3.5 py-3 text-card-foreground text-sm has-[>svg]:has-data-[slot=alert-action]:grid-cols-[calc(var(--spacing)*4)_1fr_auto] has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-data-[slot=alert-action]:grid-cols-[1fr_auto] has-[>svg]:gap-x-2 [&>svg]:h-lh [&>svg]:w-4",
+ {
+ defaultVariants: {
+ variant: "default",
+ },
+ variants: {
+ variant: {
+ default: "bg-transparent dark:bg-input/32 [&>svg]:text-muted-foreground",
+ error: "border-destructive/32 bg-destructive/4 [&>svg]:text-destructive",
+ info: "border-info/32 bg-info/4 [&>svg]:text-info",
+ success: "border-success/32 bg-success/4 [&>svg]:text-success",
+ warning: "border-warning/32 bg-warning/4 [&>svg]:text-warning",
+ },
+ },
+ },
+);
+
+function Alert({
+ className,
+ variant,
+ ...props
+}: React.ComponentProps<"div"> & VariantProps
+ {children}
+
+
+
+ {children}
+
+
+
+
+
+ );
+}
+
+export function Body({ state }: BodyProps) {
+ const { selectionVerdict, preview, sendError } = state;
+
+ if (sendError) {
+ return (
+ Выберите фрейм
++ Выделите один фрейм на холсте, чтобы отправить его на анализ. +
+
+
+ Не удалось отправить
+ {sendError}
+
+
+ );
+ }
+
+ if (!selectionVerdict.ok) {
+ if (selectionVerdict.reason === "multiple") {
+ return (
+
+ 
+
+ ) : (
+
+ )}
+
+
+ {selectionVerdict.node.name}
+Готово к отправке
+
+
+ Pixso Move
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/pixso-move/plugin/src/ui/screens/SettingsHeader.tsx b/pixso-move/plugin/src/ui/screens/SettingsHeader.tsx
new file mode 100644
index 00000000000..c9150ce48b9
--- /dev/null
+++ b/pixso-move/plugin/src/ui/screens/SettingsHeader.tsx
@@ -0,0 +1,30 @@
+import { ChevronLeftIcon, RotateCcwIcon } from "lucide-react";
+
+import { Button } from "../components/ui/button.tsx";
+
+interface SettingsHeaderProps {
+ readonly dirty: boolean;
+ readonly onBack: () => void;
+ readonly onReset: () => void;
+}
+
+// Mirrors apps/web/src/routes/settings.tsx settings header: title + restore-defaults
+// (disabled when nothing changed). The back button replaces the app's sidebar nav.
+export function SettingsHeader({ dirty, onBack, onReset }: SettingsHeaderProps) {
+ return (
+
+
+
+
+
+
+
+ onChange(DEFAULT_SETTINGS)} />
+
+
+ set(patch)}
+ />
+ set({ serverUrl: DEFAULT_SETTINGS.serverUrl })}
+ />
+ ) : null
+ }
+ control={
+ set({ serverUrl: event.target.value })}
+ placeholder="https://..."
+ />
+ }
+ />
+ 0 ? (
+ set({ designerId: "" })} />
+ ) : null
+ }
+ >
+
+
+
+
+
+ Версия
+
+
+
+ );
+}
diff --git a/pixso-move/plugin/src/ui/screens/ThemeSettings.tsx b/pixso-move/plugin/src/ui/screens/ThemeSettings.tsx
new file mode 100644
index 00000000000..ef87ea0cc2e
--- /dev/null
+++ b/pixso-move/plugin/src/ui/screens/ThemeSettings.tsx
@@ -0,0 +1,99 @@
+import {
+ SettingResetButton,
+ SettingsRow,
+} from "../components/settings/settingsLayout.tsx";
+import {
+ Select,
+ SelectItem,
+ SelectPopup,
+ SelectTrigger,
+ SelectValue,
+} from "../components/ui/select.tsx";
+import {
+ asThemeMode,
+ asThemeName,
+ DEFAULT_THEME_NAME,
+ THEME_MODE_LABELS,
+ THEME_MODES,
+ THEME_NAME_LABELS,
+ THEME_NAMES,
+} from "../theme.ts";
+
+const APP_NAME = "Pixso Move";
+
+interface ThemeSettingsProps {
+ readonly themeMode: string;
+ readonly themeName: string;
+ readonly onChange: (patch: { readonly themeMode?: string; readonly themeName?: string }) => void;
+}
+
+// Theme + colour-palette rows — identical structure to apps/web GeneralSettingsPanel.
+export function ThemeSettings({ themeMode, themeName, onChange }: ThemeSettingsProps) {
+ return (
+ <>
+
+ set({ designerId: event.target.value })}
+ placeholder="—"
+ />
+
+
+
+
+
+ {APP_VERSION}
+
+ }
+ description="Текущая версия приложения."
+ />
+ hi
\n```").text).toBe("hi
"); + }); + + it("unwraps a fence with no trailing newline before the closing fence", () => { + expect(extractText("```html\nhi
```").text).toBe("hi
"); + }); + + it("returns the trimmed whole when there is no single fence", () => { + expect(extractText(" just text ").text).toBe("just text"); + }); + + it("returns the whole when there are multiple fences (not a single block)", () => { + const raw = "```\na\n```\n```\nb\n```"; + expect(extractText(raw).text).toBe(raw); + }); +}); diff --git a/pixso-move/processor/tests/fakes.ts b/pixso-move/processor/tests/fakes.ts new file mode 100644 index 00000000000..6ad24ff8cc3 --- /dev/null +++ b/pixso-move/processor/tests/fakes.ts @@ -0,0 +1,129 @@ +import type { DesignerId, NodeId, ResultTag } from "@pixso-move/contracts"; +import * as Effect from "effect/Effect"; + +import { + AcpRunError, + type AcpRunnerShape, + type ClaimedJob, + type NodeForProcessing, + type ProcessorDeps, + type ReconcileRow, +} from "../src/types.ts"; + +export interface FakeResultRow { + id: string; + designerId: DesignerId; + nodeId: NodeId; + resultTag: ResultTag; + status: "pending" | "processing" | "done" | "error"; + attempts: number; + result: string | null; + error: string | null; +} + +export interface FakeState { + readonly nodeIdsByDesigner: Map