-
+
{t("userPanel.cta.title")}
diff --git a/src/lib/icons.ts b/src/lib/icons.ts
new file mode 100644
index 0000000..1d37649
--- /dev/null
+++ b/src/lib/icons.ts
@@ -0,0 +1,180 @@
+import type {
+ ComponentPropsWithoutRef,
+ ForwardRefExoticComponent,
+ RefAttributes,
+} from "react";
+
+import { SlidersHorizontalIcon as RawIconAdjustmentsHorizontal } from "@phosphor-icons/react/SlidersHorizontal";
+import { WarningCircleIcon as RawIconAlertCircle } from "@phosphor-icons/react/WarningCircle";
+import { WarningIcon as RawIconAlertTriangle } from "@phosphor-icons/react/Warning";
+import { LightningIcon as RawIconBolt } from "@phosphor-icons/react/Lightning";
+import { BriefcaseIcon as RawIconBriefcase } from "@phosphor-icons/react/Briefcase";
+import { BroadcastIcon as RawIconBroadcast } from "@phosphor-icons/react/Broadcast";
+import { CheckIcon as RawIconCheck } from "@phosphor-icons/react/Check";
+import { CaretDownIcon as RawIconChevronDown } from "@phosphor-icons/react/CaretDown";
+import { ClipboardIcon as RawIconClipboard } from "@phosphor-icons/react/Clipboard";
+import { CloudIcon as RawIconCloud } from "@phosphor-icons/react/Cloud";
+import { CodeIcon as RawIconCode } from "@phosphor-icons/react/Code";
+import { CopyIcon as RawIconCopy } from "@phosphor-icons/react/Copy";
+import { CpuIcon as RawIconCpu } from "@phosphor-icons/react/Cpu";
+import { CrownIcon as RawIconCrown } from "@phosphor-icons/react/Crown";
+import { DesktopIcon as RawIconDeviceDesktop } from "@phosphor-icons/react/Desktop";
+import { GearIcon as RawIconDeviceDesktopCog } from "@phosphor-icons/react/Gear";
+import { DotsThreeIcon as RawIconDots } from "@phosphor-icons/react/DotsThree";
+import { DownloadSimpleIcon as RawIconDownload } from "@phosphor-icons/react/DownloadSimple";
+import { ArrowSquareOutIcon as RawIconExternalLink } from "@phosphor-icons/react/ArrowSquareOut";
+import { FileAudioIcon as RawIconFileMusic } from "@phosphor-icons/react/FileAudio";
+import { GaugeIcon as RawIconGauge } from "@phosphor-icons/react/Gauge";
+import { HeadphonesIcon as RawIconHeadphones } from "@phosphor-icons/react/Headphones";
+import { QuestionIcon as RawIconHelpCircle } from "@phosphor-icons/react/Question";
+import { HouseIcon as RawIconHome } from "@phosphor-icons/react/House";
+import { InfoIcon as RawIconInfoCircle } from "@phosphor-icons/react/Info";
+import { KeyboardIcon as RawIconKeyboard } from "@phosphor-icons/react/Keyboard";
+import { TranslateIcon as RawIconLanguage } from "@phosphor-icons/react/Translate";
+import { ListChecksIcon as RawIconListCheck } from "@phosphor-icons/react/ListChecks";
+import { SpinnerGapIcon as RawIconLoader2 } from "@phosphor-icons/react/SpinnerGap";
+import { SignOutIcon as RawIconLogout } from "@phosphor-icons/react/SignOut";
+import { EnvelopeIcon as RawIconMail } from "@phosphor-icons/react/Envelope";
+import { ChatCircleIcon as RawIconMessage } from "@phosphor-icons/react/ChatCircle";
+import { MicrophoneIcon as RawIconMicrophone } from "@phosphor-icons/react/Microphone";
+import { MoonIcon as RawIconMoon } from "@phosphor-icons/react/Moon";
+import { PencilSimpleIcon as RawIconPencil } from "@phosphor-icons/react/PencilSimple";
+import { PhoneCallIcon as RawIconPhoneCall } from "@phosphor-icons/react/PhoneCall";
+import { PlayIcon as RawIconPlayerPlay } from "@phosphor-icons/react/Play";
+import { PlusIcon as RawIconPlus } from "@phosphor-icons/react/Plus";
+import { ArrowClockwiseIcon as RawIconRefresh } from "@phosphor-icons/react/ArrowClockwise";
+import { ArrowsClockwiseIcon as RawIconRotate2 } from "@phosphor-icons/react/ArrowsClockwise";
+import { MagnifyingGlassIcon as RawIconSearch } from "@phosphor-icons/react/MagnifyingGlass";
+import { HardDrivesIcon as RawIconServer } from "@phosphor-icons/react/HardDrives";
+import { SparkleIcon as RawIconSparkles } from "@phosphor-icons/react/Sparkle";
+import { SpeakerHighIcon as RawIconSpeakerphone } from "@phosphor-icons/react/SpeakerHigh";
+import { SquareIcon as RawIconSquare } from "@phosphor-icons/react/Square";
+import { SunIcon as RawIconSun } from "@phosphor-icons/react/Sun";
+import { TargetIcon as RawIconTargetArrow } from "@phosphor-icons/react/Target";
+import { TrashIcon as RawIconTrash } from "@phosphor-icons/react/Trash";
+import { TextTIcon as RawIconTypography } from "@phosphor-icons/react/TextT";
+import { UserIcon as RawIconUser } from "@phosphor-icons/react/User";
+import { SpeakerHighIcon as RawIconVolume } from "@phosphor-icons/react/SpeakerHigh";
+import { XIcon as RawIconX } from "@phosphor-icons/react/X";
+
+export interface IconProps
+ extends Omit, "stroke">,
+ RefAttributes {
+ alt?: string;
+ color?: string;
+ mirrored?: boolean;
+ size?: number | string;
+ stroke?: number | string;
+ title?: string;
+ weight?: "thin" | "light" | "regular" | "bold" | "fill" | "duotone";
+}
+
+export type Icon = ForwardRefExoticComponent;
+
+const IconAdjustmentsHorizontal = RawIconAdjustmentsHorizontal as Icon;
+const IconAlertCircle = RawIconAlertCircle as Icon;
+const IconAlertTriangle = RawIconAlertTriangle as Icon;
+const IconBolt = RawIconBolt as Icon;
+const IconBriefcase = RawIconBriefcase as Icon;
+const IconBroadcast = RawIconBroadcast as Icon;
+const IconCheck = RawIconCheck as Icon;
+const IconChevronDown = RawIconChevronDown as Icon;
+const IconClipboard = RawIconClipboard as Icon;
+const IconCloud = RawIconCloud as Icon;
+const IconCode = RawIconCode as Icon;
+const IconCopy = RawIconCopy as Icon;
+const IconCpu = RawIconCpu as Icon;
+const IconCrown = RawIconCrown as Icon;
+const IconDeviceDesktop = RawIconDeviceDesktop as Icon;
+const IconDeviceDesktopCog = RawIconDeviceDesktopCog as Icon;
+const IconDots = RawIconDots as Icon;
+const IconDownload = RawIconDownload as Icon;
+const IconExternalLink = RawIconExternalLink as Icon;
+const IconFileMusic = RawIconFileMusic as Icon;
+const IconGauge = RawIconGauge as Icon;
+const IconHeadphones = RawIconHeadphones as Icon;
+const IconHelpCircle = RawIconHelpCircle as Icon;
+const IconHome = RawIconHome as Icon;
+const IconInfoCircle = RawIconInfoCircle as Icon;
+const IconKeyboard = RawIconKeyboard as Icon;
+const IconLanguage = RawIconLanguage as Icon;
+const IconListCheck = RawIconListCheck as Icon;
+const IconLoader2 = RawIconLoader2 as Icon;
+const IconLogout = RawIconLogout as Icon;
+const IconMail = RawIconMail as Icon;
+const IconMessage = RawIconMessage as Icon;
+const IconMicrophone = RawIconMicrophone as Icon;
+const IconMoon = RawIconMoon as Icon;
+const IconPencil = RawIconPencil as Icon;
+const IconPhoneCall = RawIconPhoneCall as Icon;
+const IconPlayerPlay = RawIconPlayerPlay as Icon;
+const IconPlus = RawIconPlus as Icon;
+const IconRefresh = RawIconRefresh as Icon;
+const IconRotate2 = RawIconRotate2 as Icon;
+const IconSearch = RawIconSearch as Icon;
+const IconServer = RawIconServer as Icon;
+const IconSparkles = RawIconSparkles as Icon;
+const IconSpeakerphone = RawIconSpeakerphone as Icon;
+const IconSquare = RawIconSquare as Icon;
+const IconSun = RawIconSun as Icon;
+const IconTargetArrow = RawIconTargetArrow as Icon;
+const IconTrash = RawIconTrash as Icon;
+const IconTypography = RawIconTypography as Icon;
+const IconUser = RawIconUser as Icon;
+const IconVolume = RawIconVolume as Icon;
+const IconX = RawIconX as Icon;
+
+export {
+ IconAdjustmentsHorizontal,
+ IconAlertCircle,
+ IconAlertTriangle,
+ IconBolt,
+ IconBriefcase,
+ IconBroadcast,
+ IconCheck,
+ IconChevronDown,
+ IconClipboard,
+ IconCloud,
+ IconCode,
+ IconCopy,
+ IconCpu,
+ IconCrown,
+ IconDeviceDesktop,
+ IconDeviceDesktopCog,
+ IconDots,
+ IconDownload,
+ IconExternalLink,
+ IconFileMusic,
+ IconGauge,
+ IconHeadphones,
+ IconHelpCircle,
+ IconHome,
+ IconInfoCircle,
+ IconKeyboard,
+ IconLanguage,
+ IconListCheck,
+ IconLoader2,
+ IconLogout,
+ IconMail,
+ IconMessage,
+ IconMicrophone,
+ IconMoon,
+ IconPencil,
+ IconPhoneCall,
+ IconPlayerPlay,
+ IconPlus,
+ IconRefresh,
+ IconRotate2,
+ IconSearch,
+ IconServer,
+ IconSparkles,
+ IconSpeakerphone,
+ IconSquare,
+ IconSun,
+ IconTargetArrow,
+ IconTrash,
+ IconTypography,
+ IconUser,
+ IconVolume,
+ IconX,
+};
diff --git a/src/windows/settings/SettingsApp.tsx b/src/windows/settings/SettingsApp.tsx
index 590ac9a..9dbe480 100644
--- a/src/windows/settings/SettingsApp.tsx
+++ b/src/windows/settings/SettingsApp.tsx
@@ -4,17 +4,17 @@ import { getVersion } from "@tauri-apps/api/app";
import { listen } from "@tauri-apps/api/event";
import { openUrl } from "@tauri-apps/plugin-opener";
import {
- Download,
- ExternalLink,
- FileAudio,
- Home,
- Cpu,
- Languages,
- Loader2,
- Sparkles,
- Sliders,
- LucideIcon,
-} from "lucide-react";
+ IconDownload,
+ IconExternalLink,
+ IconFileMusic,
+ IconHome,
+ IconCpu,
+ IconLanguage,
+ IconLoader2,
+ IconSparkles,
+ IconAdjustmentsHorizontal,
+ Icon,
+} from "../../lib/icons";
import { TitleBar } from "../../components/TitleBar";
import { MainTab } from "./tabs/MainTab";
import { FileTranscriptionTab } from "./tabs/FileTranscriptionTab";
@@ -72,31 +72,31 @@ function resolveInitialTab(): Tab {
return "main";
}
-const TABS: { id: Tab; labelKey: MsgKey; icon: LucideIcon; note: string }[] = [
- { id: "main", labelKey: "settingsApp.tab.main", icon: Home, note: "История записей" },
+const TABS: { id: Tab; labelKey: MsgKey; icon: Icon; note: string }[] = [
+ { id: "main", labelKey: "settingsApp.tab.main", icon: IconHome, note: "История записей" },
{
id: "file",
labelKey: "settingsApp.tab.file",
- icon: FileAudio,
+ icon: IconFileMusic,
note: "Транскрибация",
},
{
id: "interpreter",
labelKey: "settingsApp.tab.interpreter",
- icon: Languages,
+ icon: IconLanguage,
note: "Realtime Interpreter beta",
},
{
id: "model",
labelKey: "settingsApp.tab.model",
- icon: Cpu,
+ icon: IconCpu,
note: "Ключи и подключение модели",
},
- { id: "style", labelKey: "settingsApp.tab.style", icon: Sparkles, note: "Стиль обработки и Промпты для саммари" },
+ { id: "style", labelKey: "settingsApp.tab.style", icon: IconSparkles, note: "Стиль обработки и Промпты для саммари" },
{
id: "settings",
labelKey: "settingsApp.tab.settings",
- icon: Sliders,
+ icon: IconAdjustmentsHorizontal,
note: "Язык, микрофон и горячая клавиша",
},
];
@@ -119,7 +119,7 @@ function TabButton({
className={`nav-item ${isActive ? "active" : ""}`}
style={{ width: "100%", textAlign: "left", font: "inherit" }}
>
-
+
{t(tab.labelKey)}
);
@@ -267,16 +267,16 @@ function AppUpdateFooter(): ReactElement | null {
}}
>
{installing ? (
-
) : (
-
+
)}
{installing
@@ -329,9 +329,9 @@ function AppUpdateFooter(): ReactElement | null {
v{version}
-
@@ -377,13 +377,21 @@ export function SettingsApp() {
useEffect(() => {
Promise.all([getPermissionsPassed(), checkAllPermissions(), getHistory()])
- .then(([passed, permissions, history]) => {
- const hasRequiredPermissions =
+ .then(async ([passed, permissions, history]) => {
+ const hasRequiredStartupPermissions =
permissions.microphone !== "denied" &&
- permissions.accessibility === "granted" &&
- (!isMacPlatform() || permissions.systemAudio === "granted");
+ (!isMacPlatform() || permissions.accessibility === "granted");
+ const shouldRecoverExistingInstall =
+ !passed && history.length > 0 && hasRequiredStartupPermissions;
+
+ if (shouldRecoverExistingInstall) {
+ await setPermissionsPassed(true);
+ }
+
setInitialHistory(history);
- setShowPermissions(!(passed && hasRequiredPermissions));
+ setShowPermissions(
+ !((passed || shouldRecoverExistingInstall) && hasRequiredStartupPermissions),
+ );
setLoadError(null);
})
.catch((error) => {
diff --git a/src/windows/settings/tabs/FileTranscriptionTab.tsx b/src/windows/settings/tabs/FileTranscriptionTab.tsx
index a67bcac..6e00e99 100644
--- a/src/windows/settings/tabs/FileTranscriptionTab.tsx
+++ b/src/windows/settings/tabs/FileTranscriptionTab.tsx
@@ -5,14 +5,14 @@ import { emit, listen } from "@tauri-apps/api/event";
import { getCurrentWebview } from "@tauri-apps/api/webview";
import { open } from "@tauri-apps/plugin-dialog";
import {
- AlertCircle,
- Check,
- Clipboard,
- FileAudio,
- ListChecks,
- Loader2,
- X,
-} from "lucide-react";
+ IconAlertCircle,
+ IconCheck,
+ IconClipboard,
+ IconFileMusic,
+ IconListCheck,
+ IconLoader2,
+ IconX,
+} from "../../../lib/icons";
import {
addHistoryEntry,
@@ -585,7 +585,7 @@ export function FileTranscriptionTab({
if (speakerMode && !settings.useOwnKey && !cloudSpeakerReady) {
setSpeakerDiarization(false);
await saveSettings({ fileSpeakerDiarization: false });
- throw new Error("Cloud speaker diarization unavailable");
+ throw new Error("IconCloud speaker diarization unavailable");
}
if (speakerMode && settings.useOwnKey && !isSpeakerSetupReady(settings)) {
@@ -945,7 +945,7 @@ export function FileTranscriptionTab({
setSpeakerSetupIntent(null);
setError(
toFileTranscriptionErrorMessage(
- new Error("Cloud speaker diarization unavailable"),
+ new Error("IconCloud speaker diarization unavailable"),
),
);
setSpeakerDiarization(false);
@@ -1092,13 +1092,13 @@ export function FileTranscriptionTab({
}}
>
{isProcessing ? (
-
) : (
-
+
)}
@@ -1166,9 +1166,9 @@ export function FileTranscriptionTab({
textAlign: "left",
}}
>
-