diff options
27 files changed, 910 insertions, 382 deletions
diff --git a/packages/app/src/components/prompt-input.tsx b/packages/app/src/components/prompt-input.tsx index e129b499a..af9c7530f 100644 --- a/packages/app/src/components/prompt-input.tsx +++ b/packages/app/src/components/prompt-input.tsx @@ -26,7 +26,6 @@ import { ProviderIcon } from "@opencode-ai/ui/provider-icon" import { Tooltip, TooltipKeybind } from "@opencode-ai/ui/tooltip" import { IconButton } from "@opencode-ai/ui/icon-button" import { Select } from "@opencode-ai/ui/select" -import { RadioGroup } from "@opencode-ai/ui/radio-group" import { useDialog } from "@opencode-ai/ui/context/dialog" import { ModelSelectorPopover } from "@/components/dialog-select-model" import { DialogSelectModelUnpaid } from "@/components/dialog-select-model-unpaid" @@ -1488,36 +1487,6 @@ export const PromptInput: Component<PromptInputProps> = (props) => { </TooltipKeybind> </div> </div> - <div class="shrink-0"> - <RadioGroup - options={["shell", "normal"] as const} - current={store.mode} - value={(mode) => mode} - label={(mode) => ( - <TooltipKeybind - placement="top" - gutter={4} - openDelay={2000} - title={language.t(mode === "shell" ? "prompt.mode.shell" : "prompt.mode.normal")} - keybind={command.keybind(mode === "shell" ? "prompt.mode.shell" : "prompt.mode.normal")} - class="size-full flex items-center justify-center" - > - <Icon - name={mode === "shell" ? "console" : "prompt"} - class="size-[18px]" - classList={{ - "text-icon-strong-base": store.mode === mode, - "text-icon-weak": store.mode !== mode, - }} - /> - </TooltipKeybind> - )} - onSelect={(mode) => mode && setMode(mode)} - fill - pad="none" - class="w-[68px]" - /> - </div> </div> </DockTray> </Show> diff --git a/packages/app/src/components/server/server-row.tsx b/packages/app/src/components/server/server-row.tsx index 5bb290ec3..8a4b7be4d 100644 --- a/packages/app/src/components/server/server-row.tsx +++ b/packages/app/src/components/server/server-row.tsx @@ -65,22 +65,26 @@ export function ServerRow(props: ServerRowProps) { return ( <Tooltip - class="flex-1" + class="flex-1 min-w-0" value={tooltipValue()} + contentStyle={{ "max-width": "none", "white-space": "nowrap" }} placement="top-start" inactive={!truncated() && !props.conn.displayName} > <div class={props.class} classList={{ "opacity-50": props.dimmed }}> - <div class="flex flex-col items-start"> - <div class="flex flex-row items-center gap-2"> - <span ref={nameRef} class={props.nameClass ?? "truncate"}> + <div class="flex flex-col items-start min-w-0 w-full"> + <div class="flex flex-row items-center gap-2 min-w-0 w-full"> + <span ref={nameRef} class={`${props.nameClass ?? "truncate"} min-w-0`}> {name()} </span> <Show when={badge()} fallback={ <Show when={props.status?.version}> - <span ref={versionRef} class={props.versionClass ?? "text-text-weak text-14-regular truncate"}> + <span + ref={versionRef} + class={`${props.versionClass ?? "text-text-weak text-14-regular truncate"} min-w-0`} + > v{props.status?.version} </span> </Show> diff --git a/packages/app/src/components/session/session-header.tsx b/packages/app/src/components/session/session-header.tsx index 9476f8b9b..8cb704bf1 100644 --- a/packages/app/src/components/session/session-header.tsx +++ b/packages/app/src/components/session/session-header.tsx @@ -4,9 +4,7 @@ import { DropdownMenu } from "@opencode-ai/ui/dropdown-menu" import { Icon } from "@opencode-ai/ui/icon" import { IconButton } from "@opencode-ai/ui/icon-button" import { Keybind } from "@opencode-ai/ui/keybind" -import { Popover } from "@opencode-ai/ui/popover" import { Spinner } from "@opencode-ai/ui/spinner" -import { TextField } from "@opencode-ai/ui/text-field" import { showToast } from "@opencode-ai/ui/toast" import { Tooltip, TooltipKeybind } from "@opencode-ai/ui/tooltip" import { getFilename } from "@opencode-ai/util/path" @@ -14,12 +12,10 @@ import { createEffect, createMemo, For, onCleanup, Show } from "solid-js" import { createStore } from "solid-js/store" import { Portal } from "solid-js/web" import { useCommand } from "@/context/command" -import { useGlobalSDK } from "@/context/global-sdk" import { useLanguage } from "@/context/language" import { useLayout } from "@/context/layout" import { usePlatform } from "@/context/platform" import { useServer } from "@/context/server" -import { useSync } from "@/context/sync" import { useTerminal } from "@/context/terminal" import { focusTerminalById } from "@/pages/session/helpers" import { useSessionLayout } from "@/pages/session/session-layout" @@ -112,12 +108,6 @@ const LINUX_APPS = [ }, ] as const -type OpenOption = (typeof MAC_APPS)[number] | (typeof WINDOWS_APPS)[number] | (typeof LINUX_APPS)[number] -type OpenIcon = OpenApp | "file-explorer" -const OPEN_ICON_BASE = new Set<OpenIcon>(["finder", "vscode", "cursor", "zed"]) - -const openIconSize = (id: OpenIcon) => (OPEN_ICON_BASE.has(id) ? "size-4" : "size-[19px]") - const detectOS = (platform: ReturnType<typeof usePlatform>): OS => { if (platform.platform === "desktop" && platform.os) return platform.os if (typeof navigator !== "object") return "unknown" @@ -136,98 +126,10 @@ const showRequestError = (language: ReturnType<typeof useLanguage>, err: unknown }) } -function useSessionShare(args: { - globalSDK: ReturnType<typeof useGlobalSDK> - currentSession: () => - | { - share?: { - url?: string - } - } - | undefined - sessionID: () => string | undefined - projectDirectory: () => string - platform: ReturnType<typeof usePlatform> -}) { - const [state, setState] = createStore({ - share: false, - unshare: false, - copied: false, - timer: undefined as number | undefined, - }) - const shareUrl = createMemo(() => args.currentSession()?.share?.url) - - createEffect(() => { - const url = shareUrl() - if (url) return - if (state.timer) window.clearTimeout(state.timer) - setState({ copied: false, timer: undefined }) - }) - - onCleanup(() => { - if (state.timer) window.clearTimeout(state.timer) - }) - - const shareSession = () => { - const sessionID = args.sessionID() - if (!sessionID || state.share) return - setState("share", true) - args.globalSDK.client.session - .share({ sessionID, directory: args.projectDirectory() }) - .catch((error) => { - console.error("Failed to share session", error) - }) - .finally(() => { - setState("share", false) - }) - } - - const unshareSession = () => { - const sessionID = args.sessionID() - if (!sessionID || state.unshare) return - setState("unshare", true) - args.globalSDK.client.session - .unshare({ sessionID, directory: args.projectDirectory() }) - .catch((error) => { - console.error("Failed to unshare session", error) - }) - .finally(() => { - setState("unshare", false) - }) - } - - const copyLink = (onError: (error: unknown) => void) => { - const url = shareUrl() - if (!url) return - navigator.clipboard - .writeText(url) - .then(() => { - if (state.timer) window.clearTimeout(state.timer) - setState("copied", true) - const timer = window.setTimeout(() => { - setState("copied", false) - setState("timer", undefined) - }, 3000) - setState("timer", timer) - }) - .catch(onError) - } - - const viewShare = () => { - const url = shareUrl() - if (!url) return - args.platform.openLink(url) - } - - return { state, shareUrl, shareSession, unshareSession, copyLink, viewShare } -} - export function SessionHeader() { - const globalSDK = useGlobalSDK() const layout = useLayout() const command = useCommand() const server = useServer() - const sync = useSync() const platform = usePlatform() const language = useLanguage() const terminal = useTerminal() @@ -245,10 +147,6 @@ export function SessionHeader() { return getFilename(projectDirectory()) }) const hotkey = createMemo(() => command.keybind("file.open")) - - const currentSession = createMemo(() => (params.id ? sync.session.get(params.id) : undefined)) - const shareEnabled = createMemo(() => sync.data.config.share !== "disabled") - const showShare = createMemo(() => shareEnabled() && !!params.id) const os = createMemo(() => detectOS(platform)) const [exists, setExists] = createStore<Partial<Record<OpenApp, boolean>>>({ @@ -356,14 +254,6 @@ export function SessionHeader() { .catch((err: unknown) => showRequestError(language, err)) } - const share = useSessionShare({ - globalSDK, - currentSession, - sessionID: () => params.id, - projectDirectory, - platform, - }) - const centerMount = createMemo(() => document.getElementById("opencode-titlebar-center")) const rightMount = createMemo(() => document.getElementById("opencode-titlebar-right")) @@ -391,7 +281,9 @@ export function SessionHeader() { <Show when={hotkey()}> {(keybind) => ( - <Keybind class="shrink-0 !border-0 !bg-transparent !shadow-none px-0">{keybind()}</Keybind> + <Keybind class="shrink-0 !border-0 !bg-transparent !shadow-none px-0 text-text-weaker"> + {keybind()} + </Keybind> )} </Show> </Button> @@ -402,7 +294,6 @@ export function SessionHeader() { {(mount) => ( <Portal mount={mount()}> <div class="flex items-center gap-2"> - <StatusPopover /> <Show when={projectDirectory()}> <div class="hidden xl:flex items-center"> <Show @@ -427,7 +318,7 @@ export function SessionHeader() { <div class="flex h-[24px] box-border items-center rounded-md border border-border-weak-base bg-surface-panel overflow-hidden"> <Button variant="ghost" - class="rounded-none h-full py-0 pr-3 pl-0.5 gap-1.5 border-none shadow-none disabled:!cursor-default" + class="rounded-none h-full py-0 pr-1.5 pl-px gap-1.5 border-none shadow-none disabled:!cursor-default" classList={{ "bg-surface-raised-base-active": opening(), }} @@ -435,17 +326,13 @@ export function SessionHeader() { disabled={opening()} aria-label={language.t("session.header.open.ariaLabel", { app: current().label })} > - <div class="flex size-5 shrink-0 items-center justify-center"> - <Show - when={opening()} - fallback={<AppIcon id={current().icon} class={openIconSize(current().icon)} />} - > + <div class="flex size-5 shrink-0 items-center justify-center [&_[data-component=app-icon]]:size-5"> + <Show when={opening()} fallback={<AppIcon id={current().icon} />}> <Spinner class="size-3.5 text-icon-base" /> </Show> </div> <span class="text-12-regular text-text-strong">{language.t("common.open")}</span> </Button> - <div class="self-stretch w-px bg-border-weak-base" /> <DropdownMenu gutter={4} placement="bottom-end" @@ -457,17 +344,20 @@ export function SessionHeader() { icon="chevron-down" variant="ghost" disabled={opening()} - class="rounded-none h-full w-[24px] p-0 border-none shadow-none data-[expanded]:bg-surface-raised-base-active disabled:!cursor-default" + class="rounded-none h-full w-[20px] p-0 border-none shadow-none data-[expanded]:bg-surface-raised-base-active disabled:!cursor-default" classList={{ "bg-surface-raised-base-active": opening(), }} aria-label={language.t("session.header.open.menu")} /> <DropdownMenu.Portal> - <DropdownMenu.Content> + <DropdownMenu.Content class="[&_[data-slot=dropdown-menu-item]]:pl-1 [&_[data-slot=dropdown-menu-radio-item]]:pl-1 [&_[data-slot=dropdown-menu-radio-item]+[data-slot=dropdown-menu-radio-item]]:mt-1"> <DropdownMenu.Group> - <DropdownMenu.GroupLabel>{language.t("session.header.openIn")}</DropdownMenu.GroupLabel> + <DropdownMenu.GroupLabel class="!px-1 !py-1"> + {language.t("session.header.openIn")} + </DropdownMenu.GroupLabel> <DropdownMenu.RadioGroup + class="mt-1" value={current().id} onChange={(value) => { if (!OPEN_APPS.includes(value as OpenApp)) return @@ -484,8 +374,8 @@ export function SessionHeader() { openDir(o.id) }} > - <div class="flex size-5 shrink-0 items-center justify-center"> - <AppIcon id={o.icon} class={openIconSize(o.icon)} /> + <div class="flex size-5 shrink-0 items-center justify-center [&_[data-component=app-icon]]:size-5"> + <AppIcon id={o.icon} /> </div> <DropdownMenu.ItemLabel>{o.label}</DropdownMenu.ItemLabel> <DropdownMenu.ItemIndicator> @@ -518,113 +408,10 @@ export function SessionHeader() { </Show> </div> </Show> - <Show when={showShare()}> - <div class="flex items-center"> - <Popover - title={language.t("session.share.popover.title")} - description={ - share.shareUrl() - ? language.t("session.share.popover.description.shared") - : language.t("session.share.popover.description.unshared") - } - gutter={4} - placement="bottom-end" - shift={-64} - class="rounded-xl [&_[data-slot=popover-close-button]]:hidden" - triggerAs={Button} - triggerProps={{ - variant: "ghost", - class: - "rounded-md h-[24px] px-3 border border-border-weak-base bg-surface-panel shadow-none data-[expanded]:bg-surface-base-active", - classList: { - "rounded-r-none": share.shareUrl() !== undefined, - "border-r-0": share.shareUrl() !== undefined, - }, - style: { scale: 1 }, - }} - trigger={<span class="text-12-regular">{language.t("session.share.action.share")}</span>} - > - <div class="flex flex-col gap-2"> - <Show - when={share.shareUrl()} - fallback={ - <div class="flex"> - <Button - size="large" - variant="primary" - class="w-1/2" - onClick={share.shareSession} - disabled={share.state.share} - > - {share.state.share - ? language.t("session.share.action.publishing") - : language.t("session.share.action.publish")} - </Button> - </div> - } - > - <div class="flex flex-col gap-2"> - <TextField - value={share.shareUrl() ?? ""} - readOnly - copyable - copyKind="link" - tabIndex={-1} - class="w-full" - /> - <div class="grid grid-cols-2 gap-2"> - <Button - size="large" - variant="secondary" - class="w-full shadow-none border border-border-weak-base" - onClick={share.unshareSession} - disabled={share.state.unshare} - > - {share.state.unshare - ? language.t("session.share.action.unpublishing") - : language.t("session.share.action.unpublish")} - </Button> - <Button - size="large" - variant="primary" - class="w-full" - onClick={share.viewShare} - disabled={share.state.unshare} - > - {language.t("session.share.action.view")} - </Button> - </div> - </div> - </Show> - </div> - </Popover> - <Show when={share.shareUrl()} fallback={<div aria-hidden="true" />}> - <Tooltip - value={ - share.state.copied - ? language.t("session.share.copy.copied") - : language.t("session.share.copy.copyLink") - } - placement="top" - gutter={8} - > - <IconButton - icon={share.state.copied ? "check" : "link"} - variant="ghost" - class="rounded-l-none h-[24px] border border-border-weak-base bg-surface-panel shadow-none" - onClick={() => share.copyLink((error) => showRequestError(language, error))} - disabled={share.state.unshare} - aria-label={ - share.state.copied - ? language.t("session.share.copy.copied") - : language.t("session.share.copy.copyLink") - } - /> - </Tooltip> - </Show> - </div> - </Show> <div class="flex items-center gap-1"> + <Tooltip placement="bottom" value={language.t("status.popover.trigger")}> + <StatusPopover /> + </Tooltip> <TooltipKeybind title={language.t("command.terminal.toggle")} keybind={command.keybind("terminal.toggle")} @@ -637,23 +424,7 @@ export function SessionHeader() { aria-expanded={view().terminal.opened()} aria-controls="terminal-panel" > - <div class="relative flex items-center justify-center size-4 [&>*]:absolute [&>*]:inset-0"> - <Icon - size="small" - name={view().terminal.opened() ? "layout-bottom-partial" : "layout-bottom"} - class="group-hover/terminal-toggle:hidden" - /> - <Icon - size="small" - name="layout-bottom-partial" - class="hidden group-hover/terminal-toggle:inline-block" - /> - <Icon - size="small" - name={view().terminal.opened() ? "layout-bottom" : "layout-bottom-partial"} - class="hidden group-active/terminal-toggle:inline-block" - /> - </div> + <Icon size="small" name={view().terminal.opened() ? "terminal-active" : "terminal"} /> </Button> </TooltipKeybind> @@ -670,23 +441,7 @@ export function SessionHeader() { aria-expanded={view().reviewPanel.opened()} aria-controls="review-panel" > - <div class="relative flex items-center justify-center size-4 [&>*]:absolute [&>*]:inset-0"> - <Icon - size="small" - name={view().reviewPanel.opened() ? "layout-right-partial" : "layout-right"} - class="group-hover/review-toggle:hidden" - /> - <Icon - size="small" - name="layout-right-partial" - class="hidden group-hover/review-toggle:inline-block" - /> - <Icon - size="small" - name={view().reviewPanel.opened() ? "layout-right" : "layout-right-partial"} - class="hidden group-active/review-toggle:inline-block" - /> - </div> + <Icon size="small" name={view().reviewPanel.opened() ? "review-active" : "review"} /> </Button> </TooltipKeybind> diff --git a/packages/app/src/components/status-popover.tsx b/packages/app/src/components/status-popover.tsx index 8073746c9..7048808c8 100644 --- a/packages/app/src/components/status-popover.tsx +++ b/packages/app/src/components/status-popover.tsx @@ -169,6 +169,7 @@ export function StatusPopover() { const language = useLanguage() const navigate = useNavigate() + const [shown, setShown] = createSignal(false) const servers = createMemo(() => { const current = server.current const list = server.list @@ -199,18 +200,23 @@ export function StatusPopover() { return ( <Popover + open={shown()} + onOpenChange={setShown} triggerAs={Button} triggerProps={{ variant: "ghost", - class: "titlebar-icon w-6 h-6 p-0 box-border", + class: "titlebar-icon w-8 h-6 p-0 box-border", "aria-label": language.t("status.popover.trigger"), style: { scale: 1 }, }} trigger={ - <div class="flex size-4 items-center justify-center"> + <div class="relative size-4"> + <div class="badge-mask-tight size-4 flex items-center justify-center"> + <Icon name={shown() ? "status-active" : "status"} size="small" /> + </div> <div classList={{ - "size-1.5 rounded-full": true, + "absolute -top-px -right-px size-1.5 rounded-full": true, "bg-icon-success-base": overallHealthy(), "bg-icon-critical-base": !overallHealthy() && server.healthy() !== undefined, "bg-border-weak-base": server.healthy() === undefined, diff --git a/packages/app/src/components/titlebar.tsx b/packages/app/src/components/titlebar.tsx index 3e2374f43..3ab811e92 100644 --- a/packages/app/src/components/titlebar.tsx +++ b/packages/app/src/components/titlebar.tsx @@ -58,6 +58,12 @@ export function Titlebar() { }) const path = () => `${location.pathname}${location.search}${location.hash}` + const creating = createMemo(() => { + if (!params.dir) return false + if (params.id) return false + const parts = location.pathname.replace(/\/+$/, "").split("/") + return parts.at(-1) === "session" + }) createEffect(() => { const current = path() @@ -206,19 +212,7 @@ export function Titlebar() { aria-label={language.t("command.sidebar.toggle")} aria-expanded={layout.sidebar.opened()} > - <div class="relative flex items-center justify-center size-4 [&>*]:absolute [&>*]:inset-0"> - <Icon - size="small" - name={layout.sidebar.opened() ? "layout-left-partial" : "layout-left"} - class="group-hover/sidebar-toggle:hidden" - /> - <Icon size="small" name="layout-left-partial" class="hidden group-hover/sidebar-toggle:inline-block" /> - <Icon - size="small" - name={layout.sidebar.opened() ? "layout-left" : "layout-left-partial"} - class="hidden group-active/sidebar-toggle:inline-block" - /> - </div> + <Icon size="small" name={layout.sidebar.opened() ? "sidebar-active" : "sidebar"} /> </Button> </TooltipKeybind> <div class="hidden xl:flex items-center shrink-0"> @@ -231,13 +225,14 @@ export function Titlebar() { > <Button variant="ghost" - icon="new-session" + icon={creating() ? "new-session-active" : "new-session"} class="titlebar-icon w-8 h-6 p-0 box-border" onClick={() => { if (!params.dir) return navigate(`/${params.dir}/session`) }} aria-label={language.t("command.session.new")} + aria-current={creating() ? "page" : undefined} /> </TooltipKeybind> </Show> diff --git a/packages/app/src/pages/session/message-timeline.tsx b/packages/app/src/pages/session/message-timeline.tsx index 50f9b452a..ad4ef8443 100644 --- a/packages/app/src/pages/session/message-timeline.tsx +++ b/packages/app/src/pages/session/message-timeline.tsx @@ -11,15 +11,19 @@ import { InlineInput } from "@opencode-ai/ui/inline-input" import { Spinner } from "@opencode-ai/ui/spinner" import { SessionTurn } from "@opencode-ai/ui/session-turn" import { ScrollView } from "@opencode-ai/ui/scroll-view" +import { TextField } from "@opencode-ai/ui/text-field" import type { AssistantMessage, Message as MessageType, Part, TextPart, UserMessage } from "@opencode-ai/sdk/v2" import { showToast } from "@opencode-ai/ui/toast" import { Binary } from "@opencode-ai/util/binary" import { getFilename } from "@opencode-ai/util/path" +import { Popover as KobaltePopover } from "@kobalte/core/popover" import { shouldMarkBoundaryGesture, normalizeWheelDelta } from "@/pages/session/message-gesture" import { SessionContextUsage } from "@/components/session-context-usage" import { useDialog } from "@opencode-ai/ui/context/dialog" import { useLanguage } from "@/context/language" import { useSessionKey } from "@/pages/session/session-layout" +import { useGlobalSDK } from "@/context/global-sdk" +import { usePlatform } from "@/context/platform" import { useSettings } from "@/context/settings" import { useSDK } from "@/context/sdk" import { useSync } from "@/context/sync" @@ -215,12 +219,14 @@ export function MessageTimeline(props: { let touchGesture: number | undefined const navigate = useNavigate() + const globalSDK = useGlobalSDK() const sdk = useSDK() const sync = useSync() const settings = useSettings() const dialog = useDialog() const language = useLanguage() const { params, sessionKey } = useSessionKey() + const platform = usePlatform() const rendered = createMemo(() => props.renderedUserMessages.map((message) => message.id)) const sessionID = createMemo(() => params.id) @@ -298,6 +304,8 @@ export function MessageTimeline(props: { return sync.session.get(id) }) const titleValue = createMemo(() => info()?.title) + const shareUrl = createMemo(() => info()?.share?.url) + const shareEnabled = createMemo(() => sync.data.config.share !== "disabled") const parentID = createMemo(() => info()?.parentID) const showHeader = createMemo(() => !!(titleValue() || parentID())) const stageCfg = { init: 1, batch: 3 } @@ -314,9 +322,55 @@ export function MessageTimeline(props: { saving: false, menuOpen: false, pendingRename: false, + pendingShare: false, }) let titleRef: HTMLInputElement | undefined + const [share, setShare] = createStore({ + open: false, + dismiss: null as "escape" | "outside" | null, + }) + + let more: HTMLButtonElement | undefined + + const [req, setReq] = createStore({ share: false, unshare: false }) + + const shareSession = () => { + const id = sessionID() + if (!id || req.share) return + if (!shareEnabled()) return + setReq("share", true) + globalSDK.client.session + .share({ sessionID: id, directory: sdk.directory }) + .catch((err: unknown) => { + console.error("Failed to share session", err) + }) + .finally(() => { + setReq("share", false) + }) + } + + const unshareSession = () => { + const id = sessionID() + if (!id || req.unshare) return + if (!shareEnabled()) return + setReq("unshare", true) + globalSDK.client.session + .unshare({ sessionID: id, directory: sdk.directory }) + .catch((err: unknown) => { + console.error("Failed to unshare session", err) + }) + .finally(() => { + setReq("unshare", false) + }) + } + + const viewShare = () => { + const url = shareUrl() + if (!url) return + platform.openLink(url) + } + const errorMessage = (err: unknown) => { if (err && typeof err === "object" && "data" in err) { const data = (err as { data?: { message?: string } }).data @@ -329,7 +383,15 @@ export function MessageTimeline(props: { createEffect( on( sessionKey, - () => setTitle({ draft: "", editing: false, saving: false, menuOpen: false, pendingRename: false }), + () => + setTitle({ + draft: "", + editing: false, + saving: false, + menuOpen: false, + pendingRename: false, + pendingShare: false, + }), { defer: true }, ), ) @@ -678,23 +740,42 @@ export function MessageTimeline(props: { gutter={4} placement="bottom-end" open={title.menuOpen} - onOpenChange={(open) => setTitle("menuOpen", open)} + onOpenChange={(open) => { + setTitle("menuOpen", open) + if (open) return + }} > <DropdownMenu.Trigger as={IconButton} icon="dot-grid" variant="ghost" class="size-6 rounded-md data-[expanded]:bg-surface-base-active" + classList={{ + "bg-surface-base-active": share.open || title.pendingShare, + }} aria-label={language.t("common.moreOptions")} + aria-expanded={title.menuOpen || share.open || title.pendingShare} + ref={(el: HTMLButtonElement) => { + more = el + }} /> <DropdownMenu.Portal> <DropdownMenu.Content style={{ "min-width": "104px" }} onCloseAutoFocus={(event) => { - if (!title.pendingRename) return - event.preventDefault() - setTitle("pendingRename", false) - openTitleEditor() + if (title.pendingRename) { + event.preventDefault() + setTitle("pendingRename", false) + openTitleEditor() + return + } + if (title.pendingShare) { + event.preventDefault() + requestAnimationFrame(() => { + setShare({ open: true, dismiss: null }) + setTitle("pendingShare", false) + }) + } }} > <DropdownMenu.Item @@ -705,6 +786,17 @@ export function MessageTimeline(props: { > <DropdownMenu.ItemLabel>{language.t("common.rename")}</DropdownMenu.ItemLabel> </DropdownMenu.Item> + <Show when={shareEnabled()}> + <DropdownMenu.Item + onSelect={() => { + setTitle({ pendingShare: true, menuOpen: false }) + }} + > + <DropdownMenu.ItemLabel> + {language.t("session.share.action.share")} + </DropdownMenu.ItemLabel> + </DropdownMenu.Item> + </Show> <DropdownMenu.Item onSelect={() => void archiveSession(id())}> <DropdownMenu.ItemLabel>{language.t("common.archive")}</DropdownMenu.ItemLabel> </DropdownMenu.Item> @@ -717,6 +809,104 @@ export function MessageTimeline(props: { </DropdownMenu.Content> </DropdownMenu.Portal> </DropdownMenu> + + <KobaltePopover + open={share.open} + anchorRef={() => more} + placement="bottom-end" + gutter={4} + modal={false} + onOpenChange={(open) => { + if (open) setShare("dismiss", null) + setShare("open", open) + }} + > + <KobaltePopover.Portal> + <KobaltePopover.Content + data-component="popover-content" + style={{ "min-width": "320px" }} + onEscapeKeyDown={(event) => { + setShare({ dismiss: "escape", open: false }) + event.preventDefault() + event.stopPropagation() + }} + onPointerDownOutside={() => { + setShare({ dismiss: "outside", open: false }) + }} + onFocusOutside={() => { + setShare({ dismiss: "outside", open: false }) + }} + onCloseAutoFocus={(event) => { + if (share.dismiss === "outside") event.preventDefault() + setShare("dismiss", null) + }} + > + <div class="flex flex-col p-3"> + <div class="flex flex-col gap-1"> + <div class="text-13-medium text-text-strong"> + {language.t("session.share.popover.title")} + </div> + <div class="text-12-regular text-text-weak"> + {shareUrl() + ? language.t("session.share.popover.description.shared") + : language.t("session.share.popover.description.unshared")} + </div> + </div> + <div class="mt-3 flex flex-col gap-2"> + <Show + when={shareUrl()} + fallback={ + <Button + size="large" + variant="primary" + class="w-full" + onClick={shareSession} + disabled={req.share} + > + {req.share + ? language.t("session.share.action.publishing") + : language.t("session.share.action.publish")} + </Button> + } + > + <div class="flex flex-col gap-2"> + <TextField + value={shareUrl() ?? ""} + readOnly + copyable + copyKind="link" + tabIndex={-1} + class="w-full" + /> + <div class="grid grid-cols-2 gap-2"> + <Button + size="large" + variant="secondary" + class="w-full shadow-none border border-border-weak-base" + onClick={unshareSession} + disabled={req.unshare} + > + {req.unshare + ? language.t("session.share.action.unpublishing") + : language.t("session.share.action.unpublish")} + </Button> + <Button + size="large" + variant="primary" + class="w-full" + onClick={viewShare} + disabled={req.unshare} + > + {language.t("session.share.action.view")} + </Button> + </div> + </div> + </Show> + </div> + </div> + </KobaltePopover.Content> + </KobaltePopover.Portal> + </KobaltePopover> </div> )} </Show> diff --git a/packages/ui/src/assets/icons/app/android-studio.svg b/packages/ui/src/assets/icons/app/android-studio.svg index 6b545e27a..8d87619f7 100644 --- a/packages/ui/src/assets/icons/app/android-studio.svg +++ b/packages/ui/src/assets/icons/app/android-studio.svg @@ -1 +1,369 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none"><g clip-path="url(#a)"><path fill="#000" d="M22.927 59.746c-.99-.234-1.817-.783-2.976-1.971-1.935-1.986-3.506-2.812-6.236-3.282-2.831-.488-4.09-1.54-4.846-4.054-.934-3.104-1.91-4.59-4.055-6.174-2.433-1.797-3.057-3.381-2.463-6.253.55-2.66.34-4.55-.778-6.982-1.332-2.9-1.168-4.45.725-6.827 1.735-2.18 2.28-3.62 2.54-6.716.262-3.125 1.132-4.407 3.692-5.445 2.138-.866 3.966-2.37 4.98-4.094 1.172-1.995 1.343-2.223 2.069-2.765 1.172-.874 2.12-1.117 3.924-1.004 3.135.197 4.815-.18 6.92-1.55 2.745-1.787 4.409-1.787 7.154 0 2.105 1.37 3.785 1.747 6.92 1.55 2.964-.185 4.197.593 6.004 3.789.896 1.584 2.726 3.125 4.73 3.982 2.852 1.221 3.682 2.336 3.892 5.232.228 3.136.871 4.89 2.575 7.02 1.897 2.373 2.062 3.925.728 6.828-1.117 2.431-1.327 4.322-.777 6.982.593 2.872-.03 4.456-2.464 6.253-2.144 1.584-3.12 3.07-4.054 6.174-.757 2.514-2.015 3.566-4.847 4.054-2.735.47-4.308 1.3-6.235 3.288-2.137 2.204-3.67 2.567-6.657 1.58-2.443-.808-4.325-.811-6.759-.013-1.704.56-2.613.657-3.706.398Z" opacity=".2"/><path fill="#fff" d="M22.927 59.16c-.99-.234-1.817-.783-2.976-1.971-1.935-1.986-3.506-2.812-6.236-3.282-2.831-.488-4.09-1.54-4.846-4.054-.934-3.104-1.91-4.59-4.055-6.174-2.433-1.797-3.057-3.381-2.463-6.253.55-2.66.34-4.55-.778-6.982-1.332-2.9-1.168-4.45.725-6.827 1.735-2.18 2.28-3.62 2.54-6.716.262-3.125 1.132-4.407 3.692-5.445 2.138-.866 3.966-2.37 4.98-4.094 1.172-1.995 1.343-2.223 2.069-2.765 1.172-.874 2.12-1.117 3.924-1.004 3.135.197 4.815-.18 6.92-1.55 2.745-1.787 4.409-1.787 7.154 0 2.105 1.37 3.785 1.747 6.92 1.55 2.964-.185 4.197.593 6.004 3.789.896 1.584 2.726 3.125 4.73 3.982 2.852 1.221 3.682 2.336 3.892 5.232.228 3.136.871 4.89 2.575 7.02 1.897 2.373 2.062 3.925.728 6.828-1.117 2.432-1.327 4.323-.777 6.982.593 2.872-.03 4.456-2.464 6.253-2.144 1.584-3.12 3.07-4.054 6.174-.757 2.514-2.015 3.566-4.847 4.054-2.735.47-4.308 1.3-6.235 3.288-2.137 2.204-3.67 2.567-6.657 1.58-2.443-.808-4.325-.811-6.759-.013-1.704.56-2.613.657-3.706.398Z"/><path fill="#034ECA" d="M43.424 47.509a.731.731 0 0 1-1.34.569l-1.761-3.27a1.076 1.076 0 1 1 1.972-.837l1.129 3.538Z"/><path fill="url(#b)" d="M43.424 47.509a.731.731 0 0 1-1.34.569l-1.761-3.27a1.076 1.076 0 1 1 1.972-.837l1.129 3.538Z"/><mask id="c" width="11" height="14" x="37" y="23" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#fff" d="M42.048 35.775a6.204 6.204 0 0 0 1.69-1.636 6.252 6.252 0 0 0 .992-2.246l.013.002.74.14a1829.466 1829.466 0 0 0 1.24.233.58.58 0 0 0 .49-.14.567.567 0 0 0 .087-.745.57.57 0 0 0-.365-.239 359.59 359.59 0 0 0-.519-.097l-.721-.136-.74-.14-.08-.014.002-.062a6.232 6.232 0 0 0-.357-2.235l-.022-.06a6.241 6.241 0 0 0-1.137-1.941c.017-.02.033-.04.05-.058l.488-.572.476-.558.342-.401a.578.578 0 0 0 .135-.416.596.596 0 0 0-.049-.19.569.569 0 0 0-.567-.334.573.573 0 0 0-.39.198l-.342.401-.476.559-.488.571-.005.005a6.298 6.298 0 0 0-3.723-1.377 6.246 6.246 0 0 0-1.628.163l4.144 11.729c.247-.12.489-.254.72-.404Z"/></mask><g mask="url(#c)"><path fill="#4FAF53" d="m48.373 33.769-4.42-12.526-7.047 2.487 4.42 12.525 7.047-2.486Z"/><g filter="url(#d)" opacity=".8"><path fill="url(#e)" fill-opacity=".3" d="M44.17 29.065c-.438 1.55-1.767-1.91-4.157-2.584-2.39-.675-5.331 1.58-4.894.03.78-1.138 2.872-2.007 5.262-1.332 2.39.674 3.81 2.694 3.789 3.886Z"/></g><g filter="url(#f)" opacity=".7"><path fill="url(#g)" fill-opacity=".4" d="M43.869 28.213c-1.314-.933-.177 2.595-1.614 4.62-1.438 2.025-5.143 2.116-3.83 3.049 1.322.395 3.496-.24 4.933-2.265 1.437-2.025 1.275-4.49.51-5.404Z"/></g><g filter="url(#h)" opacity=".6"><path fill="#8BD8A0" d="M38.761 23.716c-1.668.052-3.016.252-3.01.445.006.194 1.364.308 3.032.255 1.668-.052 3.998 1.338 3.992 1.144-.006-.193-2.346-1.897-4.014-1.844Z"/></g><g filter="url(#i)" opacity=".5"><path fill="#8BD8A0" d="M42.99 35.697c-1.333 1.006-2.507 1.696-2.624 1.542-.116-.155.869-1.095 2.2-2.102 1.332-1.006 2.274-3.55 2.39-3.396.117.155-.635 2.95-1.967 3.956Z"/></g><g filter="url(#j)" opacity=".7"><path fill="#0D652D" d="M43.605 24.693c-.61.746-.906 1.083-.972 1.03-.066-.055.124-.48.733-1.225.375-.935 1.49-.48 1.556-.426.066.054-.537-.443-1.317.621Z"/></g><g filter="url(#k)" opacity=".1"><path fill="#000" d="M42.517 25.66c.057.043.508-.451 1.007-1.105.5-.653.858-1.218.801-1.261-.057-.044-.508.45-1.007 1.104-.5.654-.858 1.218-.801 1.262Z"/></g><g filter="url(#l)" opacity=".3"><path fill="#fff" d="M44.207 25.143c-.637.78-.924 1.152-.871 1.195.053.043.425-.259 1.062-1.04.916-.858-.034-1.489-.122-1.362-.26.277.845.174-.069 1.207Z"/></g><path fill="url(#m)" fill-opacity=".9" d="M43.915 23.421c-.276.198-.312.622-.08.947.234.326.646.43.923.231.276-.198.312-.622.08-.947-.234-.325-.646-.428-.923-.23Z" opacity=".15"/><path fill="url(#n)" fill-opacity=".9" d="M46.648 30.881c-.276.198-.312.622-.079.947.233.326.645.43.922.231.276-.197.312-.621.08-.947-.233-.325-.646-.428-.923-.23Z" opacity=".15"/><g filter="url(#o)" opacity=".1"><path fill="#000" d="M44.664 31.875c.016-.07.68.022 1.481.204.802.182 1.44.387 1.423.456-.016.07-.678-.021-1.48-.203-.802-.183-1.44-.387-1.424-.457Z"/></g><mask id="p" width="2" height="3" x="44" y="30" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M44.685 31.969c.075-.34.149-1.079.176-1.406l.727-.047-.09 2.084c-.302-.069-.888-.292-.813-.631Z"/></mask><g mask="url(#p)"><g filter="url(#q)" opacity=".3" style="mix-blend-mode:multiply"><path fill="#0D652D" d="M44.85 32.118c.036-.57.006-1.037-.065-1.042-.072-.004-.113.435-.148 1.006-.035.571-.05 1.059.022 1.063.071.004.157-.455.192-1.027Z"/></g><g filter="url(#r)" opacity=".3" style="mix-blend-mode:screen"><path fill="#81C995" d="M44.888 30.961c.02-.162.01-.297-.022-.3-.032-.005-.054.12-.073.282-.019.163-.029.302.003.306.032.003.073-.125.092-.288Z"/></g></g><mask id="s" width="2" height="3" x="42" y="24" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M42.368 25.576c.275.21.808.73 1.04.962l.585-.431-1.41-1.537c-.186.247-.491.794-.215 1.006Z"/></mask><g mask="url(#s)"><g filter="url(#t)" opacity=".3" style="mix-blend-mode:multiply"><path fill="#0D652D" d="M42.398 25.355c.395.415.672.79.62.84-.051.05-.366-.26-.76-.675-.394-.415-.72-.778-.667-.827.052-.05.413.247.807.662Z"/></g><g filter="url(#u)" opacity=".3" style="mix-blend-mode:screen"><path fill="#81C995" d="M43.172 26.216c.119.112.198.222.176.245-.022.023-.118-.058-.237-.17-.12-.112-.217-.212-.195-.236.022-.023.137.05.256.161Z"/></g></g><g filter="url(#v)" opacity=".7"><path fill="#0D652D" d="M46.147 32.003c-.947-.176-1.391-.242-1.407-.159-.015.084.404.286 1.35.462.89.472 1.448-.595 1.464-.68.016-.083-.125.687-1.407.377Z"/></g><g filter="url(#w)" opacity=".3"><path fill="#fff" d="M46.311 31.245c-.963-.18-1.41-.277-1.396-.348.013-.07.48-.086 1.444.093 1.576.036 1.76 1.145.94 1.242-.36-.025.341-.798-.988-.987Z"/></g></g><path fill="url(#x)" fill-opacity=".7" d="M40.676 26.848c-.078.192-.057.384.05.427.105.043.255-.078.334-.27.078-.193.056-.384-.05-.428-.105-.043-.255.078-.334.27Z"/><path fill="url(#y)" fill-opacity=".7" d="M42.527 32.114c-.182-.1-.285-.263-.23-.363.055-.1.248-.1.43 0s.285.263.23.363c-.055.1-.248.1-.43 0Z"/><g filter="url(#z)" opacity=".09" style="mix-blend-mode:multiply"><path fill="#011B04" d="M40.168 27.407c.5.022.707-.26.747-.404.293-.476-.182-.81-.404-.881-.222-.072-.598-.157-.955.181-.356.338-.013 1.076.612 1.104Z"/></g><g filter="url(#A)" opacity=".09" style="mix-blend-mode:multiply"><path fill="#011B04" d="M41.781 31.999c.373-.33.71-.24.831-.154.524.188.366.745.239.94-.127.195-.365.496-.853.456-.487-.04-.683-.83-.217-1.242Z"/></g><path fill="#000" d="M41.859 33.096c.28.21.714.107.968-.23.254-.338.232-.782-.048-.993-.28-.21-.714-.107-.968.23-.254.338-.233.782.048.993Z"/><g filter="url(#B)"><path fill="#000" d="M40.132 27.302c.41.104.81-.08.894-.413.084-.332-.18-.685-.59-.788-.41-.104-.81.08-.894.413-.084.332.18.685.59.788Z"/></g><g filter="url(#C)"><path fill="#000" d="M41.82 32.1c.253-.338.681-.445.955-.239.274.206.29.646.036.983-.254.338-.682.445-.956.24-.274-.206-.29-.647-.036-.984Z"/></g><mask id="D" width="3" height="2" x="39" y="26" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#202124" d="M40.132 27.302c.41.104.81-.081.894-.413.084-.332-.18-.685-.59-.789-.41-.103-.81.082-.894.414-.084.332.18.685.59.788Z"/></mask><g mask="url(#D)"><g filter="url(#E)"><path fill="#D8D8D8" fill-opacity=".29" d="M40.481 26.173c-.333-.12-.643-.037-.762.034.231-.142.484-.21.802-.092a.898.898 0 0 1 .425.372c.018.03.032.054.04.072l-.04-.072a1.13 1.13 0 0 0-.034-.05c-.06-.077-.172-.171-.43-.264Z"/></g><g filter="url(#F)" opacity=".8"><path fill="url(#G)" d="M40.754 27.148c.335-.217.268-.529.193-.658.094.101.103.339.031.466a.513.513 0 0 1-.224.192Z"/></g></g><mask id="H" width="2" height="3" x="41" y="31" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#202124" d="M41.82 32.1c.254-.338.682-.445.956-.239.274.206.29.646.036.983-.254.338-.682.445-.956.24-.274-.206-.29-.647-.036-.984Z"/></mask><g mask="url(#H)"><path fill="url(#I)" d="M42.86 32.124a.466.466 0 0 0-.536-.294.517.517 0 0 1 .389.249c.106.185-.029.529-.11.677l.146.06a.681.681 0 0 0 .11-.692Z"/><g filter="url(#J)"><path fill="#D8D8D8" fill-opacity=".29" d="M42.798 32.761c-.184.303-.477.433-.615.452.27-.035.508-.14.682-.431a.897.897 0 0 0 .097-.557.652.652 0 0 0-.014-.08c.003.023.01.049.014.08l.006.06c.002.098-.027.242-.17.476Z"/></g></g><g filter="url(#K)" opacity=".8"><path fill="#E2DCE1" d="M40.68 26.417c-.069-.114-.23-.16-.302-.17l-.07.094a.57.57 0 0 1 .155.049c.066.032.145.087.177.11l.04-.083Z"/></g><g filter="url(#L)" opacity=".8"><path fill="#E2DCE1" d="M42.801 32.452c.02.13-.072.264-.12.316l-.11-.03a.55.55 0 0 0 .086-.133c.03-.065.055-.156.064-.193l.08.04Z"/></g><g fill="#E2DCE1" filter="url(#M)" opacity=".8"><path d="M40.193 27.155a2.826 2.826 0 0 1-.158-.156h-.12a.53.53 0 0 0 .172.147l.106.01ZM40.723 27.175a.591.591 0 0 0 .079-.069l-.042.015a.496.496 0 0 1-.102.077c.01 0 .038-.005.065-.023Z"/></g><g fill="#E2DCE1" filter="url(#N)" opacity=".8"><path d="M41.952 32.171c-.012.07-.022.177-.025.221l-.093.075a.531.531 0 0 1 .041-.222l.077-.074ZM42.352 31.823a.597.597 0 0 1 .105.004l-.041.015a.487.487 0 0 0-.128.004.133.133 0 0 1 .064-.023Z"/></g><g filter="url(#O)" opacity=".3"><path fill="url(#P)" fill-opacity=".4" d="M43.092 33.947c-1.52.536.542-2.544-.284-4.886-.826-2.342-4.364-3.446-2.845-3.982 1.379-.018 3.294 1.19 4.12 3.532.827 2.341-.005 4.666-.99 5.336Z"/></g><g filter="url(#Q)" opacity=".2"><path fill="url(#R)" fill-opacity=".4" d="M43.092 33.947c-1.52.536.542-2.544-.284-4.886-.826-2.342-4.364-3.446-2.845-3.982 1.379-.018 3.294 1.19 4.12 3.532.827 2.341-.005 4.666-.99 5.336Z"/></g><path fill="#4386F5" d="M17.716 27.587a2.408 2.408 0 0 0-1.549-1.147 2.776 2.776 0 0 0-2.005.296c-.617.35-1.079.913-1.285 1.567-.206.653-.083 1.443.242 2.017l2.378-1.227 2.22-1.506Z"/><path fill="url(#S)" fill-rule="evenodd" d="M17.695 27.552c3.44 5.696 10.644 8.134 16.94 5.444l2.102 4.917c-8.782 3.753-18.82.35-23.62-7.596l4.578-2.765Z" clip-rule="evenodd"/><path fill="#034ECA" d="M16.689 47.509a.731.731 0 0 0 1.34.569l1.76-3.27a1.076 1.076 0 1 0-1.971-.837l-1.129 3.538Z"/><path fill="url(#T)" d="M16.689 47.509a.731.731 0 0 0 1.34.569l1.76-3.27a1.076 1.076 0 1 0-1.971-.837l-1.129 3.538Z"/><path fill="#4285F4" d="M25.674 16.685a3.027 3.027 0 1 1 5.689 2.071l-8.884 24.41a3.027 3.027 0 1 1-5.69-2.07l8.884-24.41Z"/><path fill="url(#U)" d="M19.407 45.143a3.018 3.018 0 0 0 3.14-1.97l7.216-19.828a3.018 3.018 0 0 0-.785-3.247l-9.572 25.045Z"/><path fill="#4285F4" d="M31.962 11.175a1.904 1.904 0 0 0-3.809 0v3.613a1.904 1.904 0 0 0 3.809 0v-3.613Z"/><path fill="url(#V)" d="M31.962 11.175a1.904 1.904 0 0 0-3.809 0v3.613a1.904 1.904 0 0 0 3.809 0v-3.613Z"/><g filter="url(#W)" opacity=".5"><path fill="#044FCB" d="M33.83 38.743c-.744.064.456-.857.273-2.999-.124-1.444.38-2.667 1.124-2.73.744-.064 1.448 1.055 1.572 2.5.617 2.313-2.224 3.166-2.968 3.23Z"/></g><path fill="url(#X)" d="M28.691 18.728a2.993 2.993 0 0 1 5.62-2.06l8.961 24.456a2.993 2.993 0 1 1-5.62 2.06l-8.96-24.456Z"/><path fill="url(#Y)" d="M27.665 15.716a3.517 3.517 0 0 0-2.441 2.208l-8.422 23.129c-.514 1.41 0 2.934 1.097 3.618l9.766-28.955Z"/><path fill="url(#Z)" fill-opacity=".9" d="M28.5 11.473c.426.427 1.195.35 1.718-.173.522-.522.6-1.292.173-1.719-.427-.426-1.196-.349-1.719.173-.522.523-.6 1.292-.173 1.719Z" opacity=".3"/><path fill="url(#aa)" fill-opacity=".9" d="M24.507 24.556c1.276.737 3.243-.28 4.393-2.272 1.15-1.992 1.048-4.204-.228-4.94-1.277-.738-3.243.28-4.393 2.272-1.15 1.992-1.048 4.204.228 4.94Z" opacity=".3"/><path fill="#fff" d="M30.009 22.064a3.71 3.71 0 1 0 0-7.422 3.71 3.71 0 0 0 0 7.422Z"/><path fill="#202124" fill-rule="evenodd" d="M30.009 15.618a2.734 2.734 0 1 0 0 5.47 2.734 2.734 0 0 0 0-5.47Zm-4.688 2.735a4.687 4.687 0 1 1 9.375 0 4.687 4.687 0 0 1-9.375 0Z" clip-rule="evenodd"/></g><defs><filter id="d" width="9.563" height="4.987" x="34.841" y="24.708" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".117"/></filter><filter id="f" width="6.998" height="8.636" x="37.797" y="27.708" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".176"/></filter><filter id="h" width="7.375" height="2.215" x="35.575" y="23.539" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".088"/></filter><filter id="i" width="4.963" height="5.877" x="40.181" y="31.559" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".088"/></filter><filter id="j" width="2.775" height="2.282" x="42.386" y="23.68" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".117"/></filter><filter id="k" width="1.937" height="2.488" x="42.453" y="23.233" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".029"/></filter><filter id="l" width="1.815" height="2.774" x="43.154" y="23.744" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".088"/></filter><filter id="o" width="3.021" height=".824" x="44.606" y="31.793" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".029"/></filter><filter id="q" width=".492" height="2.303" x="44.491" y="30.959" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".059"/></filter><filter id="r" width=".263" height=".729" x="44.705" y="30.59" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".035"/></filter><filter id="t" width="1.673" height="1.747" x="41.468" y="24.57" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".059"/></filter><filter id="u" width=".579" height=".555" x="42.843" y="25.981" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".035"/></filter><filter id="v" width="3.283" height="1.274" x="44.506" y="31.386" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".117"/></filter><filter id="w" width="3.215" height="1.735" x="44.739" y="30.672" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".088"/></filter><filter id="z" width="1.666" height="1.421" x="39.377" y="26.021" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".018"/></filter><filter id="A" width="1.531" height="1.551" x="41.48" y="31.73" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".018"/></filter><filter id="B" width="1.539" height="1.283" x="39.508" y="26.072" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.006" dy=".012"/><feGaussianBlur stdDeviation=".006"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.0156863 0 0 0 0 0.231373 0 0 0 0 0.0666667 0 0 0 0.7 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1970_8019"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1970_8019" result="shape"/></filter><filter id="C" width="1.376" height="1.455" x="41.621" y="31.756" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.006" dy=".012"/><feGaussianBlur stdDeviation=".006"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.0156863 0 0 0 0 0.231373 0 0 0 0 0.0666667 0 0 0 0.7 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1970_8019"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_1970_8019" result="shape"/></filter><filter id="E" width="1.291" height=".527" x="39.707" y="26.044" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".006"/></filter><filter id="F" width=".277" height=".663" x="40.751" y="26.487" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".001"/></filter><filter id="J" width=".81" height="1.092" x="42.171" y="32.133" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".006"/></filter><filter id="K" width=".395" height=".276" x="40.296" y="26.236" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".006"/></filter><filter id="L" width=".256" height=".379" x="42.559" y="32.4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".006"/></filter><filter id="M" width=".898" height=".211" x="39.91" y="26.993" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".003"/></filter><filter id="N" width=".635" height=".656" x="41.828" y="31.816" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".003"/></filter><filter id="O" width="5.301" height="9.398" x="39.354" y="24.844" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".117"/></filter><filter id="Q" width="5.301" height="9.398" x="39.354" y="24.844" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".117"/></filter><filter id="W" width="3.887" height="6.322" x="33.292" y="32.718" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_1970_8019" stdDeviation=".146"/></filter><linearGradient id="b" x1="42.948" x2="41.02" y1="48.281" y2="47.187" gradientUnits="userSpaceOnUse"><stop stop-color="#4285F4"/><stop offset="1" stop-color="#034ECA"/></linearGradient><linearGradient id="e" x1="40.404" x2="39.793" y1="25.095" y2="27.261" gradientUnits="userSpaceOnUse"><stop stop-color="#A8F0B9"/><stop offset="1" stop-color="#ADEEBC" stop-opacity="0"/></linearGradient><linearGradient id="g" x1="43.428" x2="41.593" y1="33.666" y2="32.364" gradientUnits="userSpaceOnUse"><stop stop-color="#A8F0B9"/><stop offset="1" stop-color="#ADEEBC" stop-opacity="0"/></linearGradient><linearGradient id="G" x1="41.106" x2="40.595" y1="26.476" y2="26.682" gradientUnits="userSpaceOnUse"><stop stop-color="#E2DDE2"/><stop offset="1" stop-color="#E2DDE2" stop-opacity="0"/></linearGradient><linearGradient id="I" x1="42.888" x2="42.46" y1="32.199" y2="32.35" gradientUnits="userSpaceOnUse"><stop stop-color="#373637"/><stop offset="1" stop-color="#373637" stop-opacity="0"/></linearGradient><linearGradient id="P" x1="44.165" x2="42.043" y1="28.582" y2="29.331" gradientUnits="userSpaceOnUse"><stop stop-color="#A8F0B9"/><stop offset="1" stop-color="#ADEEBC" stop-opacity="0"/></linearGradient><linearGradient id="R" x1="44.165" x2="42.043" y1="28.582" y2="29.331" gradientUnits="userSpaceOnUse"><stop stop-color="#A8F0B9"/><stop offset="1" stop-color="#ADEEBC" stop-opacity="0"/></linearGradient><linearGradient id="S" x1="28.105" x2="37.382" y1="35.54" y2="34.808" gradientUnits="userSpaceOnUse"><stop stop-color="#4285F4"/><stop offset=".703" stop-color="#044FCB"/></linearGradient><linearGradient id="T" x1="17.509" x2="19.509" y1="47.792" y2="46.612" gradientUnits="userSpaceOnUse"><stop stop-color="#4285F4"/><stop offset="1" stop-color="#034ECA"/></linearGradient><linearGradient id="U" x1="26.686" x2="25.62" y1="31" y2="30.63" gradientUnits="userSpaceOnUse"><stop stop-color="#73A7FF"/><stop offset="1" stop-color="#5893F6" stop-opacity="0"/></linearGradient><linearGradient id="V" x1="30.058" x2="31.734" y1="11.401" y2="12.909" gradientUnits="userSpaceOnUse"><stop stop-color="#4285F4"/><stop offset="1" stop-color="#034ECA"/></linearGradient><linearGradient id="X" x1="31.933" x2="37.002" y1="21.266" y2="31.86" gradientUnits="userSpaceOnUse"><stop stop-color="#034DC9"/><stop offset="1" stop-color="#4285F4"/></linearGradient><linearGradient id="Y" x1="19.667" x2="22.337" y1="29.995" y2="30.912" gradientUnits="userSpaceOnUse"><stop stop-color="#9BC0FF"/><stop offset="1" stop-color="#5893F6" stop-opacity="0"/></linearGradient><radialGradient id="m" cx="0" cy="0" r="1" gradientTransform="matrix(-.26822 -.36786 .26657 -.19436 44.337 24.01)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".948" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="n" cx="0" cy="0" r="1" gradientTransform="rotate(-126.097 31.536 3.769) scale(.45526 .3299)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".948" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="x" cx="0" cy="0" r="1" gradientTransform="rotate(-156.205 23.27 9.157) scale(.17761 .3235)" gradientUnits="userSpaceOnUse"><stop stop-color="#93E19F"/><stop offset="1" stop-color="#93E19F" stop-opacity="0"/></radialGradient><radialGradient id="y" cx="0" cy="0" r="1" gradientTransform="matrix(-.0815 .15773 -.28727 -.14844 42.627 31.933)" gradientUnits="userSpaceOnUse"><stop stop-color="#93E19F"/><stop offset="1" stop-color="#93E19F" stop-opacity="0"/></radialGradient><radialGradient id="Z" cx="0" cy="0" r="1" gradientTransform="matrix(-.58937 .5997 -.4178 -.4106 29.445 10.527)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".948" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="aa" cx="0" cy="0" r="1" gradientTransform="rotate(119.61 7.2 18.211) scale(2.61787 1.43021)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset=".948" stop-color="#fff" stop-opacity="0"/></radialGradient><clipPath id="a"><rect width="60" height="60" fill="#fff" rx="2.344"/></clipPath></defs></svg>
\ No newline at end of file +<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> +<mask id="mask0_5436_78784" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="2" width="36" height="36"> +<path d="M36.5936 2H3.4064C2.62967 2 2 2.62967 2 3.4064V36.5936C2 37.3703 2.62967 38 3.4064 38H36.5936C37.3703 38 38 37.3703 38 36.5936V3.4064C38 2.62967 37.3703 2 36.5936 2Z" fill="white"/> +</mask> +<g mask="url(#mask0_5436_78784)"> +<path opacity="0.2" d="M15.7562 37.8478C15.1622 37.7074 14.666 37.378 13.9706 36.6652C12.8096 35.4736 11.867 34.978 10.229 34.696C8.53043 34.4032 7.77503 33.772 7.32143 32.2636C6.76103 30.4012 6.17543 29.5096 4.88843 28.5592C3.42863 27.481 3.05423 26.5306 3.41063 24.8074C3.74063 23.2114 3.61463 22.0774 2.94383 20.6182C2.14463 18.8782 2.24303 17.9482 3.37883 16.522C4.41983 15.214 4.74683 14.35 4.90283 12.4924C5.06003 10.6174 5.58203 9.84819 7.11803 9.22539C8.40083 8.70579 9.49763 7.80339 10.106 6.76899C10.8092 5.57199 10.9118 5.43519 11.3474 5.10999C12.0506 4.58559 12.6194 4.43979 13.7018 4.50759C15.5828 4.62579 16.5908 4.39959 17.8538 3.57759C19.5008 2.50539 20.4992 2.50539 22.1462 3.57759C23.4092 4.39959 24.4172 4.62579 26.2982 4.50759C28.0766 4.39659 28.8164 4.86339 29.9006 6.78099C30.4382 7.73139 31.5362 8.65599 32.7386 9.17019C34.4498 9.90279 34.9478 10.5718 35.0738 12.3094C35.2106 14.191 35.5964 15.2434 36.6188 16.5214C37.757 17.9452 37.856 18.8764 37.0556 20.6182C36.3854 22.0768 36.2594 23.2114 36.5894 24.8074C36.9452 26.5306 36.5714 27.481 35.111 28.5592C33.8246 29.5096 33.239 30.4012 32.6786 32.2636C32.2244 33.772 31.4696 34.4032 29.7704 34.696C28.1294 34.978 27.1856 35.476 26.0294 36.6688C24.7472 37.9912 23.8274 38.209 22.0352 37.6168C20.5694 37.132 19.4402 37.1302 17.9798 37.609C16.9574 37.945 16.412 38.0032 15.7562 37.8478Z" fill="black"/> +<path d="M15.7562 37.4962C15.1622 37.3558 14.666 37.0264 13.9706 36.3136C12.8096 35.122 11.867 34.6264 10.229 34.3444C8.53043 34.0516 7.77503 33.4204 7.32143 31.912C6.76103 30.0496 6.17543 29.158 4.88843 28.2076C3.42863 27.1294 3.05423 26.179 3.41063 24.4558C3.74063 22.8598 3.61463 21.7258 2.94383 20.2666C2.14463 18.5266 2.24303 17.5966 3.37883 16.1704C4.41983 14.8624 4.74683 13.9984 4.90283 12.1408C5.06003 10.2658 5.58203 9.49662 7.11803 8.87382C8.40083 8.35422 9.49763 7.45182 10.106 6.41742C10.8092 5.22042 10.9118 5.08362 11.3474 4.75842C12.0506 4.23402 12.6194 4.08822 13.7018 4.15602C15.5828 4.27422 16.5908 4.04802 17.8538 3.22602C19.5008 2.15383 20.4992 2.15383 22.1462 3.22602C23.4092 4.04802 24.4172 4.27422 26.2982 4.15602C28.0766 4.04502 28.8164 4.51182 29.9006 6.42942C30.4382 7.37982 31.5362 8.30442 32.7386 8.81862C34.4498 9.55122 34.9478 10.2202 35.0738 11.9578C35.2106 13.8394 35.5964 14.8918 36.6188 16.1698C37.757 17.5936 37.856 18.5248 37.0556 20.2666C36.3854 21.7258 36.2594 22.8604 36.5894 24.4558C36.9452 26.179 36.5714 27.1294 35.111 28.2076C33.8246 29.158 33.239 30.0496 32.6786 31.912C32.2244 33.4204 31.4696 34.0516 29.7704 34.3444C28.1294 34.6264 27.1856 35.1244 26.0294 36.3172C24.7472 37.6396 23.8274 37.8574 22.0352 37.2652C20.5694 36.7804 19.4402 36.7786 17.9798 37.2574C16.9574 37.5934 16.412 37.6516 15.7562 37.4962Z" fill="white"/> +<path d="M28.0543 30.5054C28.0876 30.6095 28.0808 30.7223 28.0352 30.8217C27.9896 30.9211 27.9086 30.9999 27.8079 31.0426C27.7073 31.0854 27.5943 31.089 27.4912 31.0527C27.388 31.0165 27.3021 30.9431 27.2503 30.8468L26.1937 28.8848C26.1508 28.8057 26.125 28.7185 26.1178 28.6288C26.1106 28.5392 26.1222 28.449 26.1519 28.3641C26.1816 28.2792 26.2287 28.2014 26.2902 28.1358C26.3517 28.0702 26.4263 28.0181 26.5091 27.983C26.5919 27.9478 26.6811 27.9304 26.7711 27.9317C26.861 27.9331 26.9497 27.9532 27.0314 27.9908C27.1131 28.0285 27.186 28.0827 27.2455 28.1502C27.305 28.2177 27.3497 28.2968 27.3769 28.3826L28.0543 30.5054Z" fill="#034ECA"/> +<path d="M28.0543 30.5054C28.0876 30.6095 28.0808 30.7223 28.0352 30.8217C27.9896 30.9211 27.9086 30.9999 27.8079 31.0426C27.7073 31.0854 27.5943 31.089 27.4912 31.0527C27.388 31.0165 27.3021 30.9431 27.2503 30.8468L26.1937 28.8848C26.1508 28.8057 26.125 28.7185 26.1178 28.6288C26.1106 28.5392 26.1222 28.449 26.1519 28.3641C26.1816 28.2792 26.2287 28.2014 26.2902 28.1358C26.3517 28.0702 26.4263 28.0181 26.5091 27.983C26.5919 27.9478 26.6811 27.9304 26.7711 27.9317C26.861 27.9331 26.9497 27.9532 27.0314 27.9908C27.1131 28.0285 27.186 28.0827 27.2455 28.1502C27.305 28.2177 27.3497 28.2968 27.3769 28.3826L28.0543 30.5054Z" fill="url(#paint0_linear_5436_78784)"/> +<mask id="mask1_5436_78784" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="24" y="16" width="7" height="8"> +<path d="M27.2289 23.4656C27.6264 23.2061 27.9706 22.8729 28.2429 22.484C28.5285 22.0786 28.7308 21.6206 28.8381 21.1364L28.8459 21.1376L29.2899 21.2216C29.5379 21.2683 29.7859 21.3149 30.0339 21.3614C30.0861 21.3707 30.1397 21.368 30.1907 21.3535C30.2416 21.3389 30.2886 21.3129 30.3279 21.2774C30.3896 21.2221 30.4289 21.1461 30.4385 21.0638C30.4481 20.9815 30.4274 20.8985 30.3801 20.8304C30.3548 20.7933 30.3225 20.7616 30.2849 20.737C30.2473 20.7123 30.2053 20.6954 30.1611 20.687C30.0574 20.6676 29.9536 20.6482 29.8497 20.6288L29.4171 20.5472L28.9731 20.4632L28.9251 20.4548L28.9263 20.4176C28.9374 19.9613 28.8648 19.5068 28.7121 19.0766L28.6989 19.0406C28.544 18.6143 28.3128 18.2197 28.0167 17.876C28.0269 17.864 28.0365 17.852 28.0467 17.8412L28.3395 17.498L28.6251 17.1632L28.8303 16.9226C28.889 16.8533 28.9181 16.7636 28.9113 16.673C28.9079 16.6337 28.898 16.5951 28.8819 16.559C28.853 16.4945 28.8047 16.4406 28.7438 16.4047C28.6828 16.3688 28.6122 16.3527 28.5417 16.3586C28.4511 16.3657 28.367 16.4085 28.3077 16.4774L28.1025 16.718L27.8169 17.0534L27.5241 17.396L27.5211 17.399C26.8851 16.89 26.1015 16.6002 25.2873 16.5728C24.9589 16.5625 24.6305 16.5953 24.3105 16.6706L26.7969 23.708C26.9451 23.636 27.0903 23.5556 27.2289 23.4656Z" fill="white"/> +</mask> +<g mask="url(#mask1_5436_78784)"> +<path d="M31.0238 22.2636L28.3718 14.748L24.1436 16.2402L26.7956 23.7552L31.0238 22.2636Z" fill="#4FAF53"/> +<g opacity="0.8" filter="url(#filter0_f_5436_78784)"> +<path d="M28.5021 19.4415C28.2393 20.3715 27.4419 18.2955 26.0079 17.8911C24.5739 17.4861 22.8093 18.8391 23.0715 17.9091C23.5395 17.2263 24.7947 16.7049 26.2287 17.1099C27.6627 17.5143 28.5147 18.7263 28.5021 19.4415Z" fill="url(#paint1_linear_5436_78784)" fill-opacity="0.3"/> +</g> +<g opacity="0.7" filter="url(#filter1_f_5436_78784)"> +<path d="M28.3214 18.9303C27.533 18.3705 28.2152 20.4873 27.353 21.7023C26.4902 22.9173 24.2672 22.9719 25.055 23.5317C25.8482 23.7687 27.1526 23.3877 28.0148 22.1727C28.877 20.9577 28.7804 19.4787 28.3214 18.9303Z" fill="url(#paint2_linear_5436_78784)" fill-opacity="0.4"/> +</g> +<g opacity="0.6" filter="url(#filter2_f_5436_78784)"> +<path d="M25.2567 16.2322C24.2559 16.2634 23.4471 16.3834 23.4507 16.4992C23.4543 16.6156 24.2691 16.684 25.2699 16.6522C26.2707 16.621 27.6687 17.455 27.6651 17.3386C27.6615 17.2228 26.2575 16.2004 25.2567 16.2322Z" fill="#8BD8A0"/> +</g> +<g opacity="0.5" filter="url(#filter3_f_5436_78784)"> +<path d="M27.7943 23.4206C26.9945 24.0242 26.2901 24.4382 26.2199 24.3458C26.1503 24.2528 26.7413 23.6888 27.5399 23.0846C28.3391 22.481 28.9043 20.9546 28.9739 21.047C29.0441 21.14 28.5929 22.817 27.7937 23.4206H27.7943Z" fill="#8BD8A0"/> +</g> +<g opacity="0.7" filter="url(#filter4_f_5436_78784)"> +<path d="M28.1634 16.818C27.7974 17.2656 27.6198 17.4678 27.5802 17.436C27.5406 17.403 27.6546 17.148 28.02 16.701C28.245 16.14 28.914 16.413 28.9536 16.4454C28.9932 16.4778 28.6314 16.1796 28.1634 16.818Z" fill="#0D652D"/> +</g> +<g opacity="0.1" filter="url(#filter5_f_5436_78784)"> +<path d="M27.5104 17.3978C27.5446 17.4236 27.8152 17.1272 28.1146 16.7348C28.4146 16.343 28.6294 16.004 28.5952 15.9782C28.561 15.9518 28.2904 16.2482 27.991 16.6406C27.691 17.033 27.4762 17.3714 27.5104 17.3978Z" fill="black"/> +</g> +<g opacity="0.3" filter="url(#filter6_f_5436_78784)"> +<path d="M28.5244 17.0885C28.1422 17.5565 27.97 17.7797 28.0018 17.8055C28.0336 17.8313 28.2568 17.6501 28.639 17.1815C29.1886 16.6667 28.6186 16.2881 28.5658 16.3643C28.4098 16.5305 29.0728 16.4687 28.5244 17.0885Z" fill="white"/> +</g> +<path opacity="0.15" d="M28.3493 16.054C28.1837 16.1728 28.1621 16.4272 28.3013 16.6222C28.4417 16.8178 28.6889 16.8802 28.8551 16.7608C29.0207 16.642 29.0423 16.3876 28.9031 16.1926C28.7627 15.9976 28.5155 15.9358 28.3493 16.0546V16.054Z" fill="url(#paint3_radial_5436_78784)" fill-opacity="0.9"/> +<path opacity="0.15" d="M29.9893 20.5305C29.8237 20.6493 29.8021 20.9037 29.9419 21.0987C30.0817 21.2943 30.3289 21.3567 30.4951 21.2373C30.6607 21.1191 30.6823 20.8647 30.5431 20.6691C30.4033 20.4741 30.1555 20.4117 29.9893 20.5305Z" fill="url(#paint4_radial_5436_78784)" fill-opacity="0.9"/> +<g opacity="0.1" filter="url(#filter7_f_5436_78784)"> +<path d="M28.7985 21.1274C28.8081 21.0854 29.2065 21.1406 29.6871 21.2498C30.1683 21.359 30.5511 21.482 30.5409 21.5234C30.5313 21.5654 30.1341 21.5108 29.6529 21.4016C29.1717 21.2918 28.7889 21.1694 28.7985 21.1274Z" fill="black"/> +</g> +<mask id="mask2_5436_78784" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="28" y="20" width="2" height="2"> +<path d="M28.8111 21.1823C28.8561 20.9783 28.9005 20.5349 28.9167 20.3387L29.3529 20.3105L29.2989 21.5609C29.1177 21.5195 28.7661 21.3857 28.8111 21.1823Z" fill="black"/> +</mask> +<g mask="url(#mask2_5436_78784)"> +<g style="mix-blend-mode:multiply" opacity="0.3" filter="url(#filter8_f_5436_78784)"> +<path d="M28.9099 21.2717C28.9315 20.9297 28.9135 20.6495 28.8709 20.6465C28.8277 20.6441 28.8031 20.9075 28.7821 21.2501C28.7611 21.5927 28.7521 21.8855 28.7953 21.8879C28.8379 21.8903 28.8895 21.6149 28.9105 21.2717H28.9099Z" fill="#0D652D"/> +</g> +<g style="mix-blend-mode:screen" opacity="0.3" filter="url(#filter9_f_5436_78784)"> +<path d="M28.9331 20.5775C28.9451 20.4803 28.9391 20.3993 28.9199 20.3975C28.9007 20.3945 28.8875 20.4695 28.8761 20.5667C28.8647 20.6645 28.8587 20.7479 28.8779 20.7503C28.8971 20.7521 28.9217 20.6753 28.9331 20.5775Z" fill="#81C995"/> +</g> +</g> +<mask id="mask3_5436_78784" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="27" y="16" width="2" height="2"> +<path d="M27.4211 17.3477C27.5861 17.4737 27.9059 17.7857 28.0451 17.9249L28.3961 17.6663L27.5501 16.7441C27.4385 16.8923 27.2555 17.2205 27.4211 17.3477Z" fill="black"/> +</mask> +<g mask="url(#mask3_5436_78784)"> +<g style="mix-blend-mode:multiply" opacity="0.3" filter="url(#filter10_f_5436_78784)"> +<path d="M27.4388 17.2149C27.6758 17.4639 27.842 17.6889 27.8108 17.7189C27.7802 17.7489 27.5912 17.5629 27.3548 17.3139C27.1184 17.0649 26.9228 16.8471 26.9546 16.8177C26.9858 16.7877 27.2024 16.9659 27.4388 17.2149Z" fill="#0D652D"/> +</g> +<g style="mix-blend-mode:screen" opacity="0.3" filter="url(#filter11_f_5436_78784)"> +<path d="M27.9035 17.732C27.9749 17.7992 28.0223 17.8652 28.0091 17.879C27.9959 17.8928 27.9383 17.8442 27.8669 17.777C27.7949 17.7098 27.7367 17.6498 27.7499 17.6354C27.7631 17.6216 27.8321 17.6654 27.9035 17.732Z" fill="#81C995"/> +</g> +</g> +<g opacity="0.7" filter="url(#filter12_f_5436_78784)"> +<path d="M29.6884 21.2036C29.1202 21.098 28.8538 21.0584 28.8442 21.1082C28.8352 21.1586 29.0866 21.2798 29.6542 21.3854C30.1882 21.6686 30.523 21.0284 30.5326 20.9774C30.5422 20.9276 30.4576 21.3896 29.6884 21.2036Z" fill="#0D652D"/> +</g> +<g opacity="0.3" filter="url(#filter13_f_5436_78784)"> +<path d="M29.7868 20.7481C29.209 20.6401 28.9408 20.5819 28.9492 20.5393C28.957 20.4973 29.2372 20.4877 29.8156 20.5951C30.7612 20.6167 30.8716 21.2821 30.3796 21.3403C30.1636 21.3253 30.5842 20.8615 29.7868 20.7481Z" fill="white"/> +</g> +</g> +<path d="M26.4056 18.1092C26.3588 18.2244 26.3714 18.3396 26.4356 18.3654C26.4986 18.3912 26.5886 18.3186 26.636 18.2034C26.6828 18.0876 26.6696 17.973 26.606 17.9466C26.543 17.9208 26.453 17.994 26.4056 18.1092Z" fill="url(#paint5_radial_5436_78784)" fill-opacity="0.7"/> +<path d="M27.516 21.2687C27.4068 21.2087 27.345 21.1109 27.378 21.0509C27.411 20.9909 27.5268 20.9909 27.636 21.0509C27.7452 21.1109 27.807 21.2087 27.774 21.2687C27.741 21.3287 27.6252 21.3287 27.516 21.2687Z" fill="url(#paint6_radial_5436_78784)" fill-opacity="0.7"/> +<g style="mix-blend-mode:multiply" opacity="0.09" filter="url(#filter14_f_5436_78784)"> +<path d="M26.1009 18.4441C26.4009 18.4573 26.5251 18.2881 26.5491 18.2017C26.7249 17.9161 26.4399 17.7157 26.3067 17.6731C26.1735 17.6299 25.9479 17.5789 25.7337 17.7817C25.5201 17.9845 25.7259 18.4273 26.1009 18.4441Z" fill="#011B04"/> +</g> +<g style="mix-blend-mode:multiply" opacity="0.09" filter="url(#filter15_f_5436_78784)"> +<path d="M27.0688 21.2009C27.2926 21.0029 27.4948 21.0569 27.5674 21.1085C27.8818 21.2213 27.787 21.5555 27.7108 21.6725C27.6346 21.7895 27.4918 21.9701 27.199 21.9461C26.9068 21.9221 26.7892 21.4481 27.0688 21.2009Z" fill="#011B04"/> +</g> +<path d="M27.1155 21.8577C27.2835 21.9837 27.5439 21.9219 27.6963 21.7197C27.8487 21.5169 27.8355 21.2505 27.6675 21.1239C27.4995 20.9979 27.2391 21.0597 27.0867 21.2619C26.9343 21.4647 26.9469 21.7311 27.1155 21.8577Z" fill="black"/> +<g filter="url(#filter16_d_5436_78784)"> +<path d="M26.0792 18.3806C26.3252 18.443 26.5652 18.3326 26.6156 18.1328C26.666 17.9336 26.5076 17.7218 26.2616 17.66C26.0156 17.5976 25.7756 17.708 25.7252 17.9078C25.6748 18.107 25.8332 18.3188 26.0792 18.3806Z" fill="black"/> +</g> +<g filter="url(#filter17_d_5436_78784)"> +<path d="M27.0923 21.261C27.2441 21.0582 27.5009 20.994 27.6653 21.1176C27.8297 21.2412 27.8393 21.5052 27.6869 21.7074C27.5345 21.9102 27.2777 21.9744 27.1133 21.8514C26.9489 21.7278 26.9399 21.4632 27.0923 21.261Z" fill="black"/> +</g> +<mask id="mask4_5436_78784" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="25" y="17" width="2" height="2"> +<path d="M26.0792 18.3809C26.3252 18.4433 26.5652 18.3323 26.6156 18.1331C26.666 17.9339 26.5076 17.7221 26.2616 17.6597C26.0156 17.5979 25.7756 17.7089 25.7252 17.9081C25.6748 18.1073 25.8332 18.3191 26.0792 18.3809Z" fill="#202124"/> +</mask> +<g mask="url(#mask4_5436_78784)"> +<g filter="url(#filter18_f_5436_78784)"> +<path d="M26.2887 17.7038C26.0889 17.6318 25.9029 17.6816 25.8315 17.7242C25.9701 17.639 26.1219 17.5982 26.3127 17.669C26.4195 17.7141 26.509 17.7923 26.5677 17.8922C26.5785 17.9102 26.5869 17.9246 26.5917 17.9354L26.5677 17.8922C26.5612 17.882 26.5544 17.872 26.5473 17.8622C26.5113 17.816 26.4435 17.7596 26.2887 17.7038Z" fill="#D8D8D8" fill-opacity="0.29"/> +</g> +<g opacity="0.8" filter="url(#filter19_f_5436_78784)"> +<path d="M26.4526 18.2893C26.6536 18.1591 26.6134 17.9719 26.5684 17.8945C26.6248 17.9551 26.6302 18.0979 26.587 18.1741C26.5545 18.2249 26.5078 18.2649 26.4526 18.2893Z" fill="url(#paint7_linear_5436_78784)"/> +</g> +</g> +<mask id="mask5_5436_78784" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="26" y="21" width="2" height="1"> +<path d="M27.0922 21.261C27.2446 21.0582 27.5014 20.994 27.6658 21.1176C27.8302 21.2412 27.8398 21.5052 27.6874 21.7074C27.535 21.9102 27.2782 21.9744 27.1138 21.8514C26.9494 21.7278 26.9398 21.4632 27.0922 21.261Z" fill="#202124"/> +</mask> +<g mask="url(#mask5_5436_78784)"> +<path d="M27.7161 21.2765C27.6928 21.2133 27.6474 21.1606 27.5883 21.1282C27.5292 21.0958 27.4604 21.0858 27.3945 21.1001C27.4424 21.1052 27.4883 21.1214 27.5288 21.1473C27.5693 21.1732 27.6033 21.2082 27.6279 21.2495C27.6915 21.3605 27.6105 21.5669 27.5619 21.6557L27.6495 21.6917C27.6971 21.635 27.7284 21.5664 27.74 21.4933C27.7517 21.4201 27.7438 21.3452 27.7161 21.2765Z" fill="url(#paint8_linear_5436_78784)"/> +<g filter="url(#filter20_f_5436_78784)"> +<path d="M27.6788 21.6587C27.5684 21.8405 27.3926 21.9185 27.3098 21.9299C27.4718 21.9089 27.6146 21.8459 27.719 21.6713C27.7739 21.569 27.7943 21.4518 27.7772 21.3371C27.7754 21.3209 27.7726 21.3049 27.7688 21.2891C27.7706 21.3029 27.7748 21.3185 27.7772 21.3371L27.7808 21.3731C27.782 21.4319 27.7646 21.5183 27.6788 21.6587Z" fill="#D8D8D8" fill-opacity="0.29"/> +</g> +</g> +<g opacity="0.8" filter="url(#filter21_f_5436_78784)"> +<path d="M26.408 17.85C26.3666 17.7816 26.27 17.754 26.2268 17.748L26.1848 17.8044C26.2171 17.8098 26.2484 17.8197 26.2778 17.8338C26.3174 17.853 26.3648 17.886 26.384 17.8998L26.408 17.85Z" fill="#E2DCE1"/> +</g> +<g opacity="0.8" filter="url(#filter22_f_5436_78784)"> +<path d="M27.6807 21.4713C27.6927 21.5493 27.6375 21.6297 27.6087 21.6609L27.5427 21.6429C27.5637 21.6189 27.5811 21.592 27.5943 21.5631C27.6123 21.5241 27.6273 21.4695 27.6327 21.4473L27.6807 21.4713Z" fill="#E2DCE1"/> +</g> +<g opacity="0.8" filter="url(#filter23_f_5436_78784)"> +<path d="M26.1155 18.2938C26.0827 18.2638 26.0511 18.2326 26.0207 18.2002H25.9487C25.9764 18.2367 26.0116 18.2668 26.0519 18.2884L26.1155 18.2938ZM26.4335 18.3058C26.4505 18.2934 26.4664 18.2796 26.4809 18.2644L26.4557 18.2734C26.4374 18.2914 26.4168 18.3069 26.3945 18.3196C26.4005 18.3196 26.4173 18.3166 26.4335 18.3058Z" fill="#E2DCE1"/> +</g> +<g opacity="0.8" filter="url(#filter24_f_5436_78784)"> +<path d="M27.1711 21.303C27.1639 21.345 27.1579 21.4092 27.1561 21.4356L27.1003 21.4806C27.0988 21.4349 27.1072 21.3895 27.1249 21.3474L27.1711 21.303ZM27.4111 21.0942C27.4321 21.0931 27.4532 21.0939 27.4741 21.0966L27.4495 21.1056C27.4239 21.103 27.398 21.1038 27.3727 21.108C27.384 21.1001 27.3973 21.0954 27.4111 21.0942Z" fill="#E2DCE1"/> +</g> +<g opacity="0.3" filter="url(#filter25_f_5436_78784)"> +<path d="M27.8555 22.3678C26.9435 22.6894 28.1807 20.8414 27.6851 19.4362C27.1895 18.031 25.0667 17.3686 25.9781 17.047C26.8055 17.0362 27.9545 17.761 28.4501 19.1662C28.9463 20.5708 28.4465 21.9658 27.8555 22.3678Z" fill="url(#paint9_linear_5436_78784)" fill-opacity="0.4"/> +</g> +<g opacity="0.2" filter="url(#filter26_f_5436_78784)"> +<path d="M27.8555 22.3678C26.9435 22.6894 28.1807 20.8414 27.6851 19.4362C27.1895 18.031 25.0667 17.3686 25.9781 17.047C26.8055 17.0362 27.9545 17.761 28.4501 19.1662C28.9463 20.5708 28.4465 21.9658 27.8555 22.3678Z" fill="url(#paint10_linear_5436_78784)" fill-opacity="0.4"/> +</g> +<path d="M12.6298 18.5532C12.5306 18.3807 12.3969 18.2305 12.237 18.1121C12.077 17.9937 11.8944 17.9096 11.7004 17.865C11.2913 17.7705 10.8617 17.8339 10.4974 18.0426C10.1272 18.2526 9.84999 18.5904 9.72639 18.9828C9.60279 19.3746 9.67659 19.8486 9.87159 20.193L11.2984 19.4568L12.6298 18.5532Z" fill="#4386F5"/> +<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6169 18.5322C14.6809 21.9498 19.0033 23.4126 22.7809 21.7986L24.0421 24.7488C18.7729 27.0006 12.7501 24.9588 9.87012 20.1912L12.6169 18.5322Z" fill="url(#paint11_linear_5436_78784)"/> +<path d="M12.0135 30.506C11.9802 30.6102 11.987 30.723 12.0326 30.8224C12.0782 30.9218 12.1592 31.0006 12.2598 31.0433C12.3605 31.086 12.4735 31.0896 12.5766 31.0534C12.6798 31.0172 12.7657 30.9437 12.8175 30.8474L13.8735 28.8854C13.9168 28.8063 13.9431 28.719 13.9506 28.6291C13.9581 28.5393 13.9468 28.4488 13.9172 28.3636C13.8876 28.2784 13.8405 28.2003 13.7789 28.1344C13.7173 28.0686 13.6426 28.0163 13.5596 27.981C13.4766 27.9458 13.3871 27.9283 13.297 27.9298C13.2068 27.9312 13.1179 27.9515 13.0361 27.9894C12.9542 28.0273 12.8812 28.0819 12.8218 28.1498C12.7623 28.2176 12.7177 28.2971 12.6909 28.3832L12.0135 30.506Z" fill="#034ECA"/> +<path d="M12.0135 30.506C11.9802 30.6102 11.987 30.723 12.0326 30.8224C12.0782 30.9218 12.1592 31.0006 12.2598 31.0433C12.3605 31.086 12.4735 31.0896 12.5766 31.0534C12.6798 31.0172 12.7657 30.9437 12.8175 30.8474L13.8735 28.8854C13.9168 28.8063 13.9431 28.719 13.9506 28.6291C13.9581 28.5393 13.9468 28.4488 13.9172 28.3636C13.8876 28.2784 13.8405 28.2003 13.7789 28.1344C13.7173 28.0686 13.6426 28.0163 13.5596 27.981C13.4766 27.9458 13.3871 27.9283 13.297 27.9298C13.2068 27.9312 13.1179 27.9515 13.0361 27.9894C12.9542 28.0273 12.8812 28.0819 12.8218 28.1498C12.7623 28.2176 12.7177 28.2971 12.6909 28.3832L12.0135 30.506Z" fill="url(#paint12_linear_5436_78784)"/> +<path d="M17.4046 12.0104C17.5693 11.5578 17.9072 11.1891 18.3438 10.9856C18.7804 10.782 19.2799 10.7602 19.7326 10.925C20.1852 11.0898 20.5539 11.4276 20.7574 11.8642C20.961 12.3008 20.9827 12.8004 20.818 13.253L15.4876 27.899C15.406 28.1232 15.2811 28.3291 15.12 28.505C14.9588 28.6809 14.7647 28.8233 14.5485 28.9241C14.3323 29.025 14.0984 29.0823 13.8601 29.0927C13.6218 29.1031 13.3837 29.0666 13.1596 28.985C12.9354 28.9034 12.7295 28.7785 12.5536 28.6174C12.3777 28.4563 12.2353 28.2621 12.1344 28.0459C12.0336 27.8297 11.9763 27.5958 11.9659 27.3575C11.9554 27.1192 11.992 26.8812 12.0736 26.657L17.404 12.011L17.4046 12.0104Z" fill="#4285F4"/> +<path d="M13.6444 29.0856C14.0452 29.1262 14.448 29.032 14.7892 28.8179C15.1305 28.6038 15.3906 28.2821 15.5284 27.9036L19.858 16.0068C19.98 15.6718 20.0004 15.3082 19.9166 14.9616C19.8328 14.615 19.6486 14.3009 19.387 14.0586L13.6444 29.0856Z" fill="url(#paint13_linear_5436_78784)"/> +<path d="M21.177 8.70422C21.177 8.40116 21.0566 8.11051 20.8423 7.89621C20.628 7.68191 20.3374 7.56152 20.0343 7.56152C19.7312 7.56152 19.4406 7.68191 19.2263 7.89621C19.012 8.11051 18.8916 8.40116 18.8916 8.70422V10.872C18.8916 11.1751 19.012 11.4657 19.2263 11.68C19.4406 11.8943 19.7312 12.0147 20.0343 12.0147C20.3374 12.0147 20.628 11.8943 20.8423 11.68C21.0566 11.4657 21.177 11.1751 21.177 10.872V8.70422Z" fill="#4285F4"/> +<path d="M21.177 8.70422C21.177 8.40116 21.0566 8.11051 20.8423 7.89621C20.628 7.68191 20.3374 7.56152 20.0343 7.56152C19.7312 7.56152 19.4406 7.68191 19.2263 7.89621C19.012 8.11051 18.8916 8.40116 18.8916 8.70422V10.872C18.8916 11.1751 19.012 11.4657 19.2263 11.68C19.4406 11.8943 19.7312 12.0147 20.0343 12.0147C20.3374 12.0147 20.628 11.8943 20.8423 11.68C21.0566 11.4657 21.177 11.1751 21.177 10.872V8.70422Z" fill="url(#paint14_linear_5436_78784)"/> +<g opacity="0.5" filter="url(#filter27_f_5436_78784)"> +<path d="M22.2981 25.2456C21.8517 25.284 22.5717 24.7314 22.4619 23.4462C22.3875 22.5798 22.6899 21.846 23.1363 21.8082C23.5827 21.7698 24.0051 22.4412 24.0795 23.3082C24.4497 24.696 22.7451 25.2078 22.2987 25.2462L22.2981 25.2456Z" fill="#044FCB"/> +</g> +<path d="M19.2144 13.2374C19.0565 12.7916 19.0808 12.3015 19.282 11.8736C19.4832 11.4456 19.8451 11.1143 20.2891 10.9515C20.7331 10.7887 21.2234 10.8077 21.6535 11.0043C22.0837 11.2008 22.4189 11.5591 22.5864 12.0014L27.963 26.675C28.0472 26.897 28.0864 27.1336 28.0785 27.3709C28.0706 27.6082 28.0158 27.8416 27.9171 28.0576C27.8184 28.2736 27.6778 28.4678 27.5035 28.6291C27.3293 28.7904 27.1247 28.9156 26.9018 28.9973C26.6788 29.079 26.4419 29.1157 26.2046 29.1053C25.9674 29.0948 25.7346 29.0374 25.5197 28.9364C25.3048 28.8353 25.1121 28.6927 24.9527 28.5167C24.7933 28.3407 24.6703 28.1348 24.591 27.911L19.2144 13.2374Z" fill="url(#paint15_linear_5436_78784)"/> +<path d="M18.5989 11.4307C18.2653 11.5153 17.9574 11.6802 17.7021 11.9112C17.4468 12.1421 17.2519 12.4319 17.1343 12.7555L12.0811 26.6329C11.7727 27.4789 12.0811 28.3933 12.7393 28.8037L18.5989 11.4307Z" fill="url(#paint16_linear_5436_78784)"/> +<path opacity="0.3" d="M19.0998 8.88428C19.3554 9.14048 19.8168 9.09428 20.1306 8.78048C20.4438 8.46728 20.4906 8.00528 20.2344 7.74908C19.9782 7.49348 19.5168 7.53968 19.203 7.85288C18.8898 8.16668 18.8436 8.62808 19.0998 8.88428Z" fill="url(#paint17_radial_5436_78784)" fill-opacity="0.9"/> +<path opacity="0.3" d="M16.7042 16.7332C17.4698 17.1754 18.65 16.5652 19.34 15.37C20.03 14.1748 19.9688 12.8476 19.2032 12.406C18.437 11.9632 17.2574 12.574 16.5674 13.7692C15.8774 14.9644 15.9386 16.2916 16.7042 16.7332Z" fill="url(#paint18_radial_5436_78784)" fill-opacity="0.9"/> +<path d="M20.0057 15.2384C20.5962 15.2384 21.1625 15.0038 21.5801 14.5862C21.9977 14.1686 22.2323 13.6023 22.2323 13.0118C22.2323 12.4212 21.9977 11.8549 21.5801 11.4373C21.1625 11.0197 20.5962 10.7852 20.0057 10.7852C19.4151 10.7852 18.8488 11.0197 18.4312 11.4373C18.0136 11.8549 17.7791 12.4212 17.7791 13.0118C17.7791 13.6023 18.0136 14.1686 18.4312 14.5862C18.8488 15.0038 19.4151 15.2384 20.0057 15.2384Z" fill="white"/> +<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0057 11.3717C19.5705 11.3717 19.1531 11.5446 18.8453 11.8523C18.5376 12.1601 18.3647 12.5775 18.3647 13.0127C18.3647 13.4479 18.5376 13.8653 18.8453 14.1731C19.1531 14.4808 19.5705 14.6537 20.0057 14.6537C20.4409 14.6537 20.8583 14.4808 21.166 14.1731C21.4738 13.8653 21.6467 13.4479 21.6467 13.0127C21.6467 12.5775 21.4738 12.1601 21.166 11.8523C20.8583 11.5446 20.4409 11.3717 20.0057 11.3717ZM17.1929 13.0127C17.1929 12.6434 17.2656 12.2776 17.407 11.9364C17.5483 11.5952 17.7555 11.2851 18.0166 11.024C18.2778 10.7628 18.5878 10.5556 18.9291 10.4143C19.2703 10.2729 19.636 10.2002 20.0054 10.2002C20.3747 10.2002 20.7404 10.2729 21.0817 10.4143C21.4229 10.5556 21.7329 10.7628 21.9941 11.024C22.2553 11.2851 22.4624 11.5952 22.6038 11.9364C22.7451 12.2776 22.8179 12.6434 22.8179 13.0127C22.8179 13.7586 22.5216 14.474 21.9941 15.0014C21.4667 15.5289 20.7513 15.8252 20.0054 15.8252C19.2594 15.8252 18.5441 15.5289 18.0166 15.0014C17.4892 14.474 17.1929 13.7586 17.1929 13.0127Z" fill="#202124"/> +</g> +<defs> +<filter id="filter0_f_5436_78784" x="22.6242" y="16.5466" width="6.29919" height="3.55334" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.2106" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter1_f_5436_78784" x="24.2553" y="18.2043" width="5.04503" height="6.02794" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.3168" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter2_f_5436_78784" x="23.1339" y="15.9146" width="4.84796" height="1.75176" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.1584" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter3_f_5436_78784" x="25.8976" y="20.7262" width="3.4002" height="3.94903" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.1584" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter4_f_5436_78784" x="27.1516" y="15.9294" width="2.22619" height="1.93127" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.2106" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter5_f_5436_78784" x="27.4024" y="15.8722" width="1.30084" height="1.63165" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.0522" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter6_f_5436_78784" x="27.6812" y="16.0377" width="1.51177" height="2.08672" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.1584" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter7_f_5436_78784" x="28.6939" y="21.0089" width="1.95148" height="0.632628" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.0522" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter8_f_5436_78784" x="28.5522" y="20.4341" width="0.579341" height="1.66601" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.1062" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter9_f_5436_78784" x="28.7395" y="20.2715" width="0.32573" height="0.604539" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.063" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter10_f_5436_78784" x="26.7388" y="16.6021" width="1.28808" height="1.33203" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.1062" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter11_f_5436_78784" x="27.622" y="17.5068" width="0.515184" height="0.500047" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.063" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter12_f_5436_78784" x="28.4228" y="20.5524" width="2.53161" height="1.3258" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.2106" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter13_f_5436_78784" x="28.6322" y="20.193" width="2.35137" height="1.46368" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.1584" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter14_f_5436_78784" x="25.5827" y="17.569" width="1.08688" height="0.940147" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.0324" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter15_f_5436_78784" x="26.8449" y="20.9957" width="1.00606" height="1.0173" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.0324" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter16_d_5436_78784" x="25.6834" y="17.6426" width="0.95238" height="0.799059" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> +<feOffset dx="-0.0108" dy="0.0216"/> +<feGaussianBlur stdDeviation="0.0108"/> +<feComposite in2="hardAlpha" operator="out"/> +<feColorMatrix type="matrix" values="0 0 0 0 0.0156863 0 0 0 0 0.231373 0 0 0 0 0.0666667 0 0 0 0.7 0"/> +<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5436_78784"/> +<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5436_78784" result="shape"/> +</filter> +<filter id="filter17_d_5436_78784" x="26.9512" y="21.0547" width="0.854723" height="0.902575" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> +<feOffset dx="-0.0108" dy="0.0216"/> +<feGaussianBlur stdDeviation="0.0108"/> +<feComposite in2="hardAlpha" operator="out"/> +<feColorMatrix type="matrix" values="0 0 0 0 0.0156863 0 0 0 0 0.231373 0 0 0 0 0.0666667 0 0 0 0.7 0"/> +<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5436_78784"/> +<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5436_78784" result="shape"/> +</filter> +<filter id="filter18_f_5436_78784" x="25.8099" y="17.6112" width="0.803454" height="0.345934" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.0108" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter19_f_5436_78784" x="26.449" y="17.8909" width="0.170286" height="0.401731" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.0018" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter20_f_5436_78784" x="27.2882" y="21.2675" width="0.516589" height="0.683825" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.0108" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter21_f_5436_78784" x="26.1632" y="17.7264" width="0.266345" height="0.194567" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.0108" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter22_f_5436_78784" x="27.5211" y="21.4257" width="0.182848" height="0.257067" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.0108" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter23_f_5436_78784" x="25.9379" y="18.1894" width="0.553827" height="0.140741" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.0054" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter24_f_5436_78784" x="27.0893" y="21.0829" width="0.395623" height="0.408319" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.0054" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter25_f_5436_78784" x="25.3322" y="16.6257" width="3.74157" height="6.19982" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.2106" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter26_f_5436_78784" x="25.3322" y="16.6257" width="3.74157" height="6.19982" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.2106" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<filter id="filter27_f_5436_78784" x="21.625" y="21.281" width="3.03216" height="4.49163" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="0.2628" result="effect1_foregroundBlur_5436_78784"/> +</filter> +<linearGradient id="paint0_linear_5436_78784" x1="27.7687" y1="30.9686" x2="26.6119" y2="30.3122" gradientUnits="userSpaceOnUse"> +<stop stop-color="#4285F4"/> +<stop offset="1" stop-color="#034ECA"/> +</linearGradient> +<linearGradient id="paint1_linear_5436_78784" x1="26.2425" y1="17.0595" x2="25.8759" y2="18.3591" gradientUnits="userSpaceOnUse"> +<stop stop-color="#A8F0B9"/> +<stop offset="1" stop-color="#ADEEBC" stop-opacity="0"/> +</linearGradient> +<linearGradient id="paint2_linear_5436_78784" x1="28.0568" y1="22.2021" x2="26.9558" y2="21.4209" gradientUnits="userSpaceOnUse"> +<stop stop-color="#A8F0B9"/> +<stop offset="1" stop-color="#ADEEBC" stop-opacity="0"/> +</linearGradient> +<radialGradient id="paint3_radial_5436_78784" cx="0" cy="0" r="1" gradientTransform="matrix(-0.160932 -0.220716 0.159942 -0.116616 28.6025 16.4074)" gradientUnits="userSpaceOnUse"> +<stop stop-color="white"/> +<stop offset="0.948" stop-color="white" stop-opacity="0"/> +</radialGradient> +<radialGradient id="paint4_radial_5436_78784" cx="0" cy="0" r="1" gradientTransform="matrix(-0.160931 -0.220715 0.15994 -0.116617 30.2426 20.8847)" gradientUnits="userSpaceOnUse"> +<stop stop-color="white"/> +<stop offset="0.948" stop-color="white" stop-opacity="0"/> +</radialGradient> +<radialGradient id="paint5_radial_5436_78784" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(26.5204 18.155) rotate(-156.205) scale(0.106566 0.1941)"> +<stop stop-color="#93E19F"/> +<stop offset="1" stop-color="#93E19F" stop-opacity="0"/> +</radialGradient> +<radialGradient id="paint6_radial_5436_78784" cx="0" cy="0" r="1" gradientTransform="matrix(-0.0489 0.0946378 -0.172362 -0.0890638 27.576 21.1601)" gradientUnits="userSpaceOnUse"> +<stop stop-color="#93E19F"/> +<stop offset="1" stop-color="#93E19F" stop-opacity="0"/> +</radialGradient> +<linearGradient id="paint7_linear_5436_78784" x1="26.6638" y1="17.8861" x2="26.3572" y2="18.0097" gradientUnits="userSpaceOnUse"> +<stop stop-color="#E2DDE2"/> +<stop offset="1" stop-color="#E2DDE2" stop-opacity="0"/> +</linearGradient> +<linearGradient id="paint8_linear_5436_78784" x1="27.7329" y1="21.3215" x2="27.4761" y2="21.4121" gradientUnits="userSpaceOnUse"> +<stop stop-color="#373637"/> +<stop offset="1" stop-color="#373637" stop-opacity="0"/> +</linearGradient> +<linearGradient id="paint9_linear_5436_78784" x1="28.4993" y1="19.1488" x2="27.2261" y2="19.5982" gradientUnits="userSpaceOnUse"> +<stop stop-color="#A8F0B9"/> +<stop offset="1" stop-color="#ADEEBC" stop-opacity="0"/> +</linearGradient> +<linearGradient id="paint10_linear_5436_78784" x1="28.4993" y1="19.1488" x2="27.2261" y2="19.5982" gradientUnits="userSpaceOnUse"> +<stop stop-color="#A8F0B9"/> +<stop offset="1" stop-color="#ADEEBC" stop-opacity="0"/> +</linearGradient> +<linearGradient id="paint11_linear_5436_78784" x1="18.8629" y1="23.325" x2="24.4291" y2="22.8858" gradientUnits="userSpaceOnUse"> +<stop stop-color="#4285F4"/> +<stop offset="0.703" stop-color="#044FCB"/> +</linearGradient> +<linearGradient id="paint12_linear_5436_78784" x1="12.5055" y1="30.6758" x2="13.7055" y2="29.9678" gradientUnits="userSpaceOnUse"> +<stop stop-color="#4285F4"/> +<stop offset="1" stop-color="#034ECA"/> +</linearGradient> +<linearGradient id="paint13_linear_5436_78784" x1="18.0118" y1="20.5998" x2="17.3722" y2="20.3778" gradientUnits="userSpaceOnUse"> +<stop stop-color="#73A7FF"/> +<stop offset="1" stop-color="#5893F6" stop-opacity="0"/> +</linearGradient> +<linearGradient id="paint14_linear_5436_78784" x1="20.0346" y1="8.83982" x2="21.0402" y2="9.74462" gradientUnits="userSpaceOnUse"> +<stop stop-color="#4285F4"/> +<stop offset="1" stop-color="#034ECA"/> +</linearGradient> +<linearGradient id="paint15_linear_5436_78784" x1="21.1596" y1="14.7602" x2="24.201" y2="21.1166" gradientUnits="userSpaceOnUse"> +<stop stop-color="#034DC9"/> +<stop offset="1" stop-color="#4285F4"/> +</linearGradient> +<linearGradient id="paint16_linear_5436_78784" x1="13.8001" y1="19.9981" x2="15.4021" y2="20.5483" gradientUnits="userSpaceOnUse"> +<stop stop-color="#9BC0FF"/> +<stop offset="1" stop-color="#5893F6" stop-opacity="0"/> +</linearGradient> +<radialGradient id="paint17_radial_5436_78784" cx="0" cy="0" r="1" gradientTransform="matrix(-0.353622 0.35982 -0.25068 -0.24636 19.6668 8.31668)" gradientUnits="userSpaceOnUse"> +<stop stop-color="white"/> +<stop offset="0.948" stop-color="white" stop-opacity="0"/> +</radialGradient> +<radialGradient id="paint18_radial_5436_78784" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.9541 14.5691) rotate(119.61) scale(1.57072 0.858126)"> +<stop stop-color="white"/> +<stop offset="0.948" stop-color="white" stop-opacity="0"/> +</radialGradient> +</defs> +</svg> diff --git a/packages/ui/src/assets/icons/app/antigravity.svg b/packages/ui/src/assets/icons/app/antigravity.svg index 3c3554af7..52f235068 100644 --- a/packages/ui/src/assets/icons/app/antigravity.svg +++ b/packages/ui/src/assets/icons/app/antigravity.svg @@ -1 +1,97 @@ -<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="antigravity__mask0_111_52" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="15"><path d="M14.0777 13.984C14.945 14.6345 16.2458 14.2008 15.0533 13.0084C11.476 9.53949 12.2349 0 7.79033 0C3.34579 0 4.10461 9.53949 0.527295 13.0084C-0.773543 14.3092 0.635692 14.6345 1.50293 13.984C4.86344 11.7076 4.64663 7.69664 7.79033 7.69664C10.934 7.69664 10.7172 11.7076 14.0777 13.984Z" fill="black"/></mask><g mask="url(#antigravity__mask0_111_52)"><g filter="url(#antigravity__filter0_f_111_52)"><path d="M-0.658907 -3.2306C-0.922679 -0.906781 1.07986 1.22861 3.81388 1.53894C6.54791 1.84927 8.97811 0.217009 9.24188 -2.10681C9.50565 -4.43063 7.50312 -6.56602 4.76909 -6.87635C2.03506 -7.18667 -0.395135 -5.55442 -0.658907 -3.2306Z" fill="#FFE432"/></g><g filter="url(#antigravity__filter1_f_111_52)"><path d="M9.88233 4.36642C10.5673 7.31568 13.566 9.13902 16.5801 8.43896C19.5942 7.73891 21.4823 4.78056 20.7973 1.83131C20.1123 -1.11795 17.1136 -2.94128 14.0995 -2.24123C11.0854 -1.54118 9.19733 1.41717 9.88233 4.36642Z" fill="#FC413D"/></g><g filter="url(#antigravity__filter2_f_111_52)"><path d="M-8.05291 6.34512C-7.18736 9.38883 -3.28925 10.9473 0.653774 9.82598C4.5968 8.7047 7.09158 5.32829 6.22603 2.28458C5.36048 -0.759142 1.46236 -2.31758 -2.48066 -1.19629C-6.42368 -0.0750048 -8.91846 3.3014 -8.05291 6.34512Z" fill="#00B95C"/></g><g filter="url(#antigravity__filter3_f_111_52)"><path d="M-8.05291 6.34512C-7.18736 9.38883 -3.28925 10.9473 0.653774 9.82598C4.5968 8.7047 7.09158 5.32829 6.22603 2.28458C5.36048 -0.759142 1.46236 -2.31758 -2.48066 -1.19629C-6.42368 -0.0750048 -8.91846 3.3014 -8.05291 6.34512Z" fill="#00B95C"/></g><g filter="url(#antigravity__filter4_f_111_52)"><path d="M-4.92402 8.86746C-2.75421 11.0837 0.982691 10.9438 3.42257 8.55507C5.86246 6.1663 6.08139 2.43321 3.91158 0.216963C1.74177 -1.99928 -1.99513 -1.85942 -4.43501 0.529349C-6.87489 2.91812 -7.09383 6.65122 -4.92402 8.86746Z" fill="#00B95C"/></g><g filter="url(#antigravity__filter5_f_111_52)"><path d="M6.42819 17.2263C7.10197 20.1273 9.91278 21.953 12.7063 21.3042C15.4998 20.6553 17.2182 17.7777 16.5444 14.8767C15.8707 11.9757 13.0599 10.15 10.2663 10.7988C7.47281 11.4477 5.75441 14.3253 6.42819 17.2263Z" fill="#3186FF"/></g><g filter="url(#antigravity__filter6_f_111_52)"><path d="M1.66508 -5.94539C0.254213 -2.80254 1.7978 0.951609 5.11277 2.43973C8.42774 3.92785 12.2588 2.58642 13.6696 -0.556431C15.0805 -3.69928 13.5369 -7.45343 10.222 -8.94155C6.90699 -10.4297 3.07594 -9.08824 1.66508 -5.94539Z" fill="#FBBC04"/></g><g filter="url(#antigravity__filter7_f_111_52)"><path d="M-2.11428 24.3903C-5.52984 23.0496 0.307266 12.0177 1.75874 8.32038C3.21024 4.62304 7.15576 2.71272 10.5713 4.05357C13.9869 5.39442 18.0354 12.7796 16.5838 16.477C15.1323 20.1743 1.30129 25.7311 -2.11428 24.3903Z" fill="#3186FF"/></g><g filter="url(#antigravity__filter8_f_111_52)"><path d="M18.5814 10.6598C17.6669 11.727 15.2806 11.1828 13.2514 9.44417C11.2222 7.70556 10.3185 5.43097 11.2329 4.3637C12.1473 3.29646 14.5336 3.84069 16.5628 5.57928C18.592 7.31789 19.4958 9.59249 18.5814 10.6598Z" fill="#749BFF"/></g><g filter="url(#antigravity__filter9_f_111_52)"><path d="M11.7552 5.22715C15.5162 7.77124 19.8471 7.93838 21.4286 5.60045C23.0101 3.26253 21.2433 -0.695128 17.4823 -3.23922C13.7213 -5.78331 9.39044 -5.95044 7.80896 -3.61252C6.22747 -1.27459 7.99428 2.68306 11.7552 5.22715Z" fill="#FC413D"/></g><g filter="url(#antigravity__filter10_f_111_52)"><path d="M-0.592149 1.08896C-1.5239 3.33663 -1.21959 5.59799 0.0875457 6.13985C1.39468 6.68171 3.20966 5.29888 4.14141 3.05121C5.07316 0.803541 4.76885 -1.45782 3.46171 -1.99968C2.15458 -2.54154 0.339602 -1.15871 -0.592149 1.08896Z" fill="#FFEE48"/></g></g><defs><filter id="antigravity__filter0_f_111_52" x="-2.12817" y="-8.35998" width="12.8393" height="11.383" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="0.722959" result="effect1_foregroundBlur_111_52"/></filter><filter id="antigravity__filter1_f_111_52" x="2.75168" y="-9.38089" width="25.1763" height="24.96" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="3.49513" result="effect1_foregroundBlur_111_52"/></filter><filter id="antigravity__filter2_f_111_52" x="-14.1669" y="-7.50196" width="26.5068" height="23.6338" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2.97119" result="effect1_foregroundBlur_111_52"/></filter><filter id="antigravity__filter3_f_111_52" x="-14.1669" y="-7.50196" width="26.5068" height="23.6338" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2.97119" result="effect1_foregroundBlur_111_52"/></filter><filter id="antigravity__filter4_f_111_52" x="-12.3607" y="-7.29981" width="23.709" height="23.6846" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2.97119" result="effect1_foregroundBlur_111_52"/></filter><filter id="antigravity__filter5_f_111_52" x="0.634962" y="5.02095" width="21.7027" height="22.0616" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2.82351" result="effect1_foregroundBlur_111_52"/></filter><filter id="antigravity__filter6_f_111_52" x="-3.97547" y="-14.6666" width="23.2857" height="22.8313" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2.5589" result="effect1_foregroundBlur_111_52"/></filter><filter id="antigravity__filter7_f_111_52" x="-7.7407" y="-0.945408" width="29.1982" height="30.1105" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2.2852" result="effect1_foregroundBlur_111_52"/></filter><filter id="antigravity__filter8_f_111_52" x="6.78641" y="-0.27231" width="16.2415" height="15.5681" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2.04485" result="effect1_foregroundBlur_111_52"/></filter><filter id="antigravity__filter9_f_111_52" x="3.77526" y="-8.71693" width="21.687" height="19.4212" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="1.72712" result="effect1_foregroundBlur_111_52"/></filter><filter id="antigravity__filter10_f_111_52" x="-5.40727" y="-6.39238" width="14.3639" height="16.9254" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2.1376" result="effect1_foregroundBlur_111_52"/></filter></defs></svg>
\ No newline at end of file +<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> +<mask id="mask0_5436_78917" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="4" width="32" height="32"> +<path d="M33.0017 34.7292C34.7884 36.1587 37.4682 35.2056 35.0115 32.5854C27.6419 24.9626 29.2053 4 20.049 4C10.8927 4 12.456 24.9626 5.08629 32.5854C2.40641 35.4438 5.3096 36.1587 7.09621 34.7292C14.0192 29.7269 13.5726 20.913 20.049 20.913C26.5253 20.913 26.0787 29.7269 33.0017 34.7292Z" fill="black"/> +</mask> +<g mask="url(#mask0_5436_78917)"> +<g filter="url(#filter0_f_5436_78917)"> +<path d="M2.6428 -3.09688C2.0994 2.00961 6.22486 6.70203 11.8573 7.38397C17.4897 8.06591 22.4962 4.47909 23.0395 -0.627401C23.5829 -5.73389 19.4575 -10.4263 13.8251 -11.1082C8.19268 -11.7902 3.1862 -8.20337 2.6428 -3.09688Z" fill="#FFE432"/> +</g> +<g filter="url(#filter1_f_5436_78917)"> +<path d="M24.359 13.5949C25.7702 20.0758 31.9478 24.0825 38.1572 22.5441C44.3666 21.0058 48.2563 14.5049 46.8451 8.0241C45.4339 1.54324 39.2563 -2.46345 33.0469 -0.925119C26.8375 0.613209 22.9479 7.11405 24.359 13.5949Z" fill="#FC413D"/> +</g> +<g filter="url(#filter2_f_5436_78917)"> +<path d="M-12.5892 17.9443C-10.8061 24.6327 -2.77556 28.0574 5.34752 25.5933C13.4706 23.1294 18.6101 15.7099 16.827 9.02145C15.0439 2.33301 7.0133 -1.09159 -1.10977 1.3724C-9.23284 3.83637 -14.3724 11.2559 -12.5892 17.9443Z" fill="#00B95C"/> +</g> +<g filter="url(#filter3_f_5436_78917)"> +<path d="M-12.5892 17.9443C-10.8061 24.6327 -2.77556 28.0574 5.34752 25.5933C13.4706 23.1294 18.6101 15.7099 16.827 9.02145C15.0439 2.33301 7.0133 -1.09159 -1.10977 1.3724C-9.23284 3.83637 -14.3724 11.2559 -12.5892 17.9443Z" fill="#00B95C"/> +</g> +<g filter="url(#filter4_f_5436_78917)"> +<path d="M-6.1442 23.4854C-1.67415 28.3554 6.02429 28.048 11.0507 22.7989C16.0772 17.5497 16.5282 9.34639 12.0581 4.47628C7.58808 -0.39381 -0.110356 -0.0864739 -5.13679 5.16274C-10.1632 10.412 -10.6143 18.6153 -6.1442 23.4854Z" fill="#00B95C"/> +</g> +<g filter="url(#filter5_f_5436_78917)"> +<path d="M17.2432 41.8532C18.6312 48.2281 24.4218 52.24 30.1768 50.8142C35.9317 49.3883 39.4718 43.0649 38.0837 36.6901C36.6958 30.3153 30.9053 26.3034 25.1501 27.7291C19.3952 29.155 15.8551 35.4784 17.2432 41.8532Z" fill="#3186FF"/> +</g> +<g filter="url(#filter6_f_5436_78917)"> +<path d="M7.43056 -9.06427C4.52402 -2.15801 7.70398 6.09157 14.5332 9.36164C21.3624 12.6317 29.2548 9.68399 32.1612 2.77772C35.0679 -4.12855 31.8879 -12.3781 25.0588 -15.6482C18.2295 -18.9183 10.3371 -15.9705 7.43056 -9.06427Z" fill="#FBBC04"/> +</g> +<g filter="url(#filter7_f_5436_78917)"> +<path d="M-0.355758 57.5976C-7.3922 54.6515 4.6329 30.4094 7.6231 22.2847C10.6134 14.1599 18.7416 9.96211 25.778 12.9086C32.8145 15.855 41.1549 32.0836 38.1644 40.2085C35.1742 48.3331 6.6807 60.544 -0.355758 57.5976Z" fill="#3186FF"/> +</g> +<g filter="url(#filter8_f_5436_78917)"> +<path d="M42.2801 27.4246C40.3961 29.7697 35.48 28.5738 31.2997 24.7533C27.1193 20.9328 25.2575 15.9345 27.1413 13.5892C29.0251 11.244 33.9411 12.4399 38.1215 16.2604C42.3019 20.0809 44.1638 25.0792 42.2801 27.4246Z" fill="#749BFF"/> +</g> +<g filter="url(#filter9_f_5436_78917)"> +<path d="M28.2171 15.4855C35.9652 21.076 44.8873 21.4433 48.1454 16.3058C51.4034 11.1683 47.7636 2.47155 40.0155 -3.11898C32.2675 -8.7095 23.3454 -9.07676 20.0874 -3.93929C16.8293 1.19821 20.4691 9.89496 28.2171 15.4855Z" fill="#FC413D"/> +</g> +<g filter="url(#filter10_f_5436_78917)"> +<path d="M2.78038 6.39313C0.860867 11.3323 1.48778 16.3015 4.18063 17.4922C6.87347 18.6829 10.6125 15.6442 12.5321 10.7051C14.4516 5.76593 13.8246 0.796692 11.1318 -0.394021C8.43895 -1.58473 4.69989 1.45397 2.78038 6.39313Z" fill="#FFEE48"/> +</g> +</g> +<defs> +<filter id="filter0_f_5436_78917" x="0.0242057" y="-13.7619" width="25.634" height="23.7992" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="1.28526" result="effect1_foregroundBlur_5436_78917"/> +</filter> +<filter id="filter1_f_5436_78917" x="11.6427" y="-13.681" width="47.9187" height="48.9812" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="6.21356" result="effect1_foregroundBlur_5436_78917"/> +</filter> +<filter id="filter2_f_5436_78917" x="-23.5069" y="-9.99099" width="51.2515" height="46.9478" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="5.28212" result="effect1_foregroundBlur_5436_78917"/> +</filter> +<filter id="filter3_f_5436_78917" x="-23.5069" y="-9.99099" width="51.2515" height="46.9478" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="5.28212" result="effect1_foregroundBlur_5436_78917"/> +</filter> +<filter id="filter4_f_5436_78917" x="-19.7869" y="-9.54861" width="45.4878" height="47.0591" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="5.28212" result="effect1_foregroundBlur_5436_78917"/> +</filter> +<filter id="filter5_f_5436_78917" x="6.90275" y="17.4023" width="41.5214" height="43.7384" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="5.01957" result="effect1_foregroundBlur_5436_78917"/> +</filter> +<filter id="filter6_f_5436_78917" x="-2.74455" y="-26.0807" width="45.0809" height="45.8753" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="4.54916" result="effect1_foregroundBlur_5436_78917"/> +</filter> +<filter id="filter7_f_5436_78917" x="-10.6564" y="3.84164" width="57.5706" height="62.3304" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="4.06258" result="effect1_foregroundBlur_5436_78917"/> +</filter> +<filter id="filter8_f_5436_78917" x="19.1357" y="5.11809" width="31.15" height="30.7775" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="3.63529" result="effect1_foregroundBlur_5436_78917"/> +</filter> +<filter id="filter9_f_5436_78917" x="12.7527" y="-13.7053" width="42.7273" height="39.7769" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="3.07044" result="effect1_foregroundBlur_5436_78917"/> +</filter> +<filter id="filter10_f_5436_78917" x="-5.93239" y="-8.2527" width="27.1773" height="33.604" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> +<feGaussianBlur stdDeviation="3.80018" result="effect1_foregroundBlur_5436_78917"/> +</filter> +</defs> +</svg> diff --git a/packages/ui/src/assets/icons/app/cursor.svg b/packages/ui/src/assets/icons/app/cursor.svg index 5aa26e8e7..a77860864 100644 --- a/packages/ui/src/assets/icons/app/cursor.svg +++ b/packages/ui/src/assets/icons/app/cursor.svg @@ -1 +1,16 @@ -<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g clip-path="url(#prefix__clip0_5_17)"><rect width="512" height="512" rx="122" fill="#000"/><g clip-path="url(#prefix__clip1_5_17)"><mask id="prefix__a" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="85" y="89" width="343" height="334"><path d="M85 89h343v334H85V89z" fill="#fff"/></mask><g mask="url(#prefix__a)"><path d="M255.428 423l148.991-83.5L255.428 256l-148.99 83.5 148.99 83.5z" fill="url(#prefix__paint0_linear_5_17)"/><path d="M404.419 339.5v-167L255.428 89v167l148.991 83.5z" fill="url(#prefix__paint1_linear_5_17)"/><path d="M255.428 89l-148.99 83.5v167l148.99-83.5V89z" fill="url(#prefix__paint2_linear_5_17)"/><path d="M404.419 172.5L255.428 423V256l148.991-83.5z" fill="#E4E4E4"/><path d="M404.419 172.5L255.428 256l-148.99-83.5h297.981z" fill="#fff"/></g></g></g><defs><linearGradient id="prefix__paint0_linear_5_17" x1="255.428" y1="256" x2="255.428" y2="423" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#fff" stop-opacity=".39"/><stop offset=".658" stop-color="#fff" stop-opacity=".8"/></linearGradient><linearGradient id="prefix__paint1_linear_5_17" x1="404.419" y1="173.015" x2="257.482" y2="261.497" gradientUnits="userSpaceOnUse"><stop offset=".182" stop-color="#fff" stop-opacity=".31"/><stop offset=".715" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="prefix__paint2_linear_5_17" x1="255.428" y1="89" x2="112.292" y2="342.802" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".6"/><stop offset=".667" stop-color="#fff" stop-opacity=".22"/></linearGradient><clipPath id="prefix__clip0_5_17"><path fill="#fff" d="M0 0h512v512H0z"/></clipPath><clipPath id="prefix__clip1_5_17"><path fill="#fff" transform="translate(85 89)" d="M0 0h343v334H0z"/></clipPath></defs></svg> +<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> +<g clip-path="url(#clip0_5436_78947)"> +<mask id="mask0_5436_78947" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="4" y="4" width="32" height="32"> +<path d="M4 4H36V36H4V4Z" fill="white"/> +</mask> +<g mask="url(#mask0_5436_78947)"> +<path d="M28.375 4H11.625C7.41383 4 4 7.41383 4 11.625V28.375C4 32.5862 7.41383 36 11.625 36H28.375C32.5862 36 36 32.5862 36 28.375V11.625C36 7.41383 32.5862 4 28.375 4Z" fill="black"/> +</g> +<path d="M29.6214 14.2072L20.9502 9.12249C20.6718 8.95917 20.3282 8.95917 20.0498 9.12249L11.3786 14.2072C11.1445 14.3445 11 14.5984 11 14.8733V25.1267C11 25.4012 11.1445 25.6555 11.3786 25.7928L20.0498 30.8775C20.3282 31.0408 20.6718 31.0408 20.9502 30.8775L29.6214 25.7928C29.8555 25.6555 30 25.4016 30 25.1267V14.8733C30 14.5988 29.8555 14.3445 29.6214 14.2072ZM29.0767 15.2843L20.706 30.0101C20.6494 30.1093 20.5 30.0688 20.5 29.9538V20.3115C20.5 20.1189 20.3986 19.9407 20.2342 19.8439L12.0124 15.0226C11.9147 14.9651 11.9546 14.8134 12.0678 14.8134H28.8093C29.047 14.8134 29.1956 15.0751 29.0767 15.2843Z" fill="white"/> +</g> +<defs> +<clipPath id="clip0_5436_78947"> +<rect width="32" height="32" fill="white" transform="translate(4 4)"/> +</clipPath> +</defs> +</svg> diff --git a/packages/ui/src/assets/icons/app/file-explorer.svg b/packages/ui/src/assets/icons/app/file-explorer.svg index 316cbab35..e21665796 100644 --- a/packages/ui/src/assets/icons/app/file-explorer.svg +++ b/packages/ui/src/assets/icons/app/file-explorer.svg @@ -1 +1,20 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve"><g style="stroke:none;stroke-width:0;stroke-dasharray:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;fill:none;fill-rule:nonzero;opacity:1" transform="translate(1.407 1.407)scale(2.81)"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="44.348" y1="16.53" x2="42.921" y2="8.538"><stop offset="0%" style="stop-color:#ce9918;stop-opacity:1"/><stop offset="59.02%" style="stop-color:#df9e00;stop-opacity:1"/></linearGradient><path d="m34.429 12.182-3.618-3.93a5.72 5.72 0 0 0-4.208-1.846H2.438A2.437 2.437 0 0 0 0 8.844V25.75l.121.013a2.845 2.845 0 0 1 2.733-2.074h22.99c3.267 0 6.442-1.43 8.377-4.063a10.57 10.57 0 0 1 8.515-4.309h44.41A2.854 2.854 0 0 1 90 18.171v-3.354a2.323 2.323 0 0 0-2.323-2.323H35.143a.97.97 0 0 1-.714-.312" style="stroke:none;stroke-width:1;stroke-dasharray:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;fill:url(#a);fill-rule:nonzero;opacity:1"/><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="62.876" y1="69.664" x2="25.487" y2="26.567"><stop offset="0%" style="stop-color:#f5b509;stop-opacity:1"/><stop offset="100%" style="stop-color:#fece49;stop-opacity:1"/></linearGradient><path d="M34.313 18.71a10.57 10.57 0 0 1-8.423 4.186H2.854A2.854 2.854 0 0 0 0 25.751V80.74a2.854 2.854 0 0 0 2.854 2.854h84.292A2.854 2.854 0 0 0 90 80.74V17.378a2.854 2.854 0 0 0-2.854-2.854h-44.41a10.57 10.57 0 0 0-8.423 4.186" style="stroke:none;stroke-width:1;stroke-dasharray:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;fill:url(#b);fill-rule:nonzero;opacity:1"/><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="66.058" y1="81.144" x2="10.973" y2="54.886"><stop offset="0%" style="stop-color:#0161b2;stop-opacity:1"/><stop offset="100%" style="stop-color:#1291dd;stop-opacity:1"/></linearGradient><path d="M66.834 55.053H23.166a9.67 9.67 0 0 0-9.672 9.672v18.869h63.013V64.725c-.001-5.342-4.331-9.672-9.673-9.672" style="stroke:none;stroke-width:1;stroke-dasharray:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;fill:url(#c);fill-rule:nonzero;opacity:1"/><path d="M63.552 73.306H26.448a2 2 0 0 1 0-4h37.104a2 2 0 0 1 0 4" style="stroke:none;stroke-width:1;stroke-dasharray:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;fill:#10498a;fill-rule:nonzero;opacity:1"/></g></svg>
\ No newline at end of file +<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M16.2414 8.05369L14.955 6.65636C14.7646 6.44946 14.5333 6.2843 14.2757 6.17133C14.0182 6.05836 13.7401 6.00002 13.4588 6H4.86684C4.753 5.99995 4.64025 6.02234 4.53506 6.06589C4.42987 6.10944 4.33429 6.17329 4.25379 6.25379C4.17329 6.33429 4.10944 6.42987 4.06589 6.53506C4.02234 6.64025 3.99995 6.753 4 6.86684V12.8779L4.04302 12.8825C4.10268 12.6706 4.22985 12.4839 4.40523 12.3508C4.5806 12.2177 4.7946 12.1455 5.01476 12.1451H13.189C14.3506 12.1451 15.4795 11.6366 16.1675 10.7004C16.5166 10.2255 16.9726 9.83942 17.4985 9.57327C18.0244 9.30713 18.6056 9.16842 19.195 9.16836H34.9852C35.2544 9.16836 35.5125 9.27527 35.7028 9.46557C35.8931 9.65587 36 9.91398 36 10.1831V8.99058C36 8.77152 35.913 8.56144 35.7581 8.40654C35.6032 8.25164 35.3931 8.16462 35.174 8.16462H16.4953C16.4476 8.16469 16.4004 8.15486 16.3567 8.13577C16.313 8.11667 16.2738 8.08873 16.2414 8.05369Z" fill="url(#paint0_linear_5437_79060)"/> +<path d="M16.2002 10.3751C15.8497 10.8375 15.397 11.2125 14.8774 11.4707C14.3579 11.7289 13.7855 11.8634 13.2053 11.8634H5.01476C4.88147 11.8634 4.74948 11.8897 4.62634 11.9407C4.5032 11.9917 4.39132 12.0665 4.29709 12.1608C4.20286 12.255 4.12812 12.3669 4.07714 12.4901C4.02617 12.6133 3.99995 12.7453 4 12.8785V32.4302C4 32.6993 4.10691 32.9574 4.29722 33.1477C4.48752 33.338 4.74563 33.4449 5.01476 33.4449H34.9852C35.2544 33.4449 35.5125 33.338 35.7028 33.1477C35.8931 32.9574 36 32.6993 36 32.4302V9.90147C36 9.63234 35.8931 9.37424 35.7028 9.18393C35.5125 8.99363 35.2544 8.88672 34.9852 8.88672H19.195C18.6148 8.88679 18.0425 9.0212 17.5229 9.27942C17.0033 9.53764 16.5506 9.91265 16.2002 10.3751Z" fill="url(#paint1_linear_5437_79060)"/> +<path d="M27.7632 23.2969H12.2368C11.7852 23.2968 11.3379 23.3857 10.9207 23.5585C10.5034 23.7312 10.1242 23.9846 9.80488 24.3039C9.48553 24.6233 9.23222 25.0024 9.05943 25.4197C8.88664 25.8369 8.79776 26.2842 8.79785 26.7358V33.4448H31.2025V26.7358C31.2021 24.8364 29.6626 23.2969 27.7632 23.2969Z" fill="url(#paint2_linear_5437_79060)"/> +<path d="M26.5965 29.7865H13.404C13.2154 29.7865 13.0345 29.7116 12.9012 29.5782C12.7678 29.4448 12.6929 29.264 12.6929 29.0754C12.6929 28.8868 12.7678 28.7059 12.9012 28.5725C13.0345 28.4392 13.2154 28.3643 13.404 28.3643H26.5965C26.7851 28.3643 26.966 28.4392 27.0993 28.5725C27.2327 28.7059 27.3076 28.8868 27.3076 29.0754C27.3076 29.264 27.2327 29.4448 27.0993 29.5782C26.966 29.7116 26.7851 29.7865 26.5965 29.7865Z" fill="#10498A"/> +<defs> +<linearGradient id="paint0_linear_5437_79060" x1="19.7682" y1="9.59964" x2="19.2608" y2="6.75804" gradientUnits="userSpaceOnUse"> +<stop stop-color="#CE9918"/> +<stop offset="0.5902" stop-color="#DF9E00"/> +</linearGradient> +<linearGradient id="paint1_linear_5437_79060" x1="26.3559" y1="28.492" x2="13.062" y2="13.1687" gradientUnits="userSpaceOnUse"> +<stop stop-color="#F5B509"/> +<stop offset="1" stop-color="#FECE49"/> +</linearGradient> +<linearGradient id="paint2_linear_5437_79060" x1="27.4873" y1="32.5737" x2="7.9015" y2="23.2375" gradientUnits="userSpaceOnUse"> +<stop stop-color="#0161B2"/> +<stop offset="1" stop-color="#1291DD"/> +</linearGradient> +</defs> +</svg> diff --git a/packages/ui/src/assets/icons/app/finder.png b/packages/ui/src/assets/icons/app/finder.png Binary files differindex 2cff579e6..2315b62b4 100644 --- a/packages/ui/src/assets/icons/app/finder.png +++ b/packages/ui/src/assets/icons/app/finder.png diff --git a/packages/ui/src/assets/icons/app/ghostty.svg b/packages/ui/src/assets/icons/app/ghostty.svg index 1dc652aac..d646bd32b 100644 --- a/packages/ui/src/assets/icons/app/ghostty.svg +++ b/packages/ui/src/assets/icons/app/ghostty.svg @@ -1 +1,13 @@ -<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 27 32"><path fill="#3551F3" d="M20.395 32a6.35 6.35 0 0 1-3.516-1.067A6.355 6.355 0 0 1 13.362 32c-1.249 0-2.48-.375-3.516-1.067A6.265 6.265 0 0 1 6.372 32h-.038a6.255 6.255 0 0 1-4.5-1.906 6.377 6.377 0 0 1-1.836-4.482v-12.25C0 5.995 5.994 0 13.362 0c7.369 0 13.363 5.994 13.363 13.363v12.253c0 3.393-2.626 6.192-5.978 6.375-.117.007-.234.009-.352.009Z"/><path fill="#000" d="M20.395 30.593a4.932 4.932 0 0 1-3.08-1.083.656.656 0 0 0-.42-.145.784.784 0 0 0-.487.176 4.939 4.939 0 0 1-3.046 1.055 4.939 4.939 0 0 1-3.045-1.055.751.751 0 0 0-.942 0 4.883 4.883 0 0 1-3.01 1.055h-.033a4.852 4.852 0 0 1-3.49-1.482 4.982 4.982 0 0 1-1.436-3.498V13.367c0-6.597 5.364-11.96 11.957-11.96 6.592 0 11.956 5.363 11.956 11.956v12.253c0 2.645-2.042 4.827-4.65 4.97a5.342 5.342 0 0 1-.274.007Z"/><path fill="#fff" d="M23.912 13.363v12.253c0 1.876-1.447 3.463-3.32 3.566a3.503 3.503 0 0 1-2.398-.769c-.778-.626-1.873-.598-2.658.021a3.5 3.5 0 0 1-2.176.753 3.494 3.494 0 0 1-2.173-.753 2.153 2.153 0 0 0-2.684 0 3.498 3.498 0 0 1-2.15.753c-1.948.014-3.54-1.627-3.54-3.575v-12.25c0-5.825 4.724-10.549 10.55-10.549 5.825 0 10.549 4.724 10.549 10.55Z"/><path fill="#000" d="m11.28 12.437-3.93-2.27a1.072 1.072 0 0 0-1.463.392 1.072 1.072 0 0 0 .391 1.463l2.326 1.343-2.326 1.343a1.072 1.072 0 0 0 1.071 1.855l3.932-2.27a1.071 1.071 0 0 0 0-1.854v-.002ZM20.182 12.291h-5.164a1.071 1.071 0 1 0 0 2.143h5.164a1.071 1.071 0 1 0 0-2.143Z"/></svg>
\ No newline at end of file +<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> +<g clip-path="url(#clip0_5437_79067)"> +<path d="M27.395 36C26.1435 35.9986 24.9203 35.6274 23.879 34.933C22.8374 35.6273 21.6139 35.9985 20.362 36C19.113 36 17.882 35.625 16.846 34.933C15.8189 35.6241 14.61 35.9954 13.372 36H13.334C12.4944 36.0006 11.6633 35.8321 10.8902 35.5047C10.1171 35.1772 9.41781 34.6975 8.83405 34.094C7.65642 32.8996 6.99679 31.2893 6.99805 29.612V17.362C7.00005 9.995 12.994 4 20.362 4C27.731 4 33.725 9.994 33.725 17.363V29.616C33.725 33.009 31.099 35.808 27.747 35.991C27.63 35.998 27.513 36 27.395 36Z" fill="#3551F3"/> +<path d="M27.395 34.5932C26.2752 34.5924 25.1889 34.2104 24.315 33.5102C24.1961 33.4145 24.0476 33.3632 23.895 33.3652C23.7174 33.367 23.5457 33.4291 23.408 33.5412C22.5392 34.2237 21.4668 34.5951 20.362 34.5962C19.2576 34.5949 18.1855 34.2234 17.317 33.5412C17.1835 33.4338 17.0174 33.3752 16.846 33.3752C16.6747 33.3752 16.5085 33.4338 16.375 33.5412C15.518 34.2199 14.4581 34.5914 13.365 34.5962H13.332C12.6806 34.5961 12.0359 34.4649 11.4362 34.2102C10.8366 33.9556 10.2945 33.5829 9.84201 33.1142C8.92225 32.1822 8.40639 30.9256 8.40601 29.6162V17.3672C8.40601 10.7702 13.77 5.40723 20.363 5.40723C26.955 5.40723 32.319 10.7702 32.319 17.3632V29.6162C32.319 32.2612 30.277 34.4432 27.669 34.5862C27.5777 34.5909 27.4864 34.5932 27.395 34.5932Z" fill="black"/> +<path d="M30.912 17.3635V29.6165C30.912 31.4925 29.465 33.0795 27.592 33.1825C26.725 33.2323 25.8704 32.9582 25.194 32.4135C24.416 31.7875 23.321 31.8155 22.536 32.4345C21.9163 32.9237 21.1495 33.1891 20.36 33.1875C19.5714 33.1889 18.8056 32.9235 18.187 32.4345C17.8057 32.1306 17.3326 31.9651 16.845 31.9651C16.3574 31.9651 15.8843 32.1306 15.503 32.4345C14.8904 32.9183 14.1336 33.1834 13.353 33.1875C11.405 33.2015 9.81299 31.5605 9.81299 29.6125V17.3625C9.81299 11.5375 14.537 6.81348 20.363 6.81348C26.188 6.81348 30.912 11.5375 30.912 17.3635Z" fill="white"/> +<path d="M18.28 16.4366L14.35 14.1666C14.104 14.0248 13.8117 13.9865 13.5374 14.06C13.2632 14.1335 13.0292 14.3128 12.887 14.5586C12.7452 14.8045 12.7067 15.0966 12.78 15.3709C12.8533 15.6452 13.0324 15.8792 13.278 16.0216L15.604 17.3646L13.278 18.7076C13.045 18.8559 12.8783 19.0886 12.8126 19.3569C12.7469 19.6252 12.7873 19.9085 12.9255 20.1478C13.0636 20.387 13.2887 20.5637 13.554 20.641C13.8192 20.7183 14.104 20.6902 14.349 20.5626L18.281 18.2926C18.4436 18.1985 18.5786 18.0633 18.6724 17.9006C18.7662 17.7379 18.8156 17.5534 18.8156 17.3656C18.8156 17.1777 18.7662 16.9932 18.6724 16.8305C18.5786 16.6678 18.4436 16.5326 18.281 16.4386V16.4366H18.28ZM27.182 16.2906H22.018C21.7338 16.2906 21.4613 16.4034 21.2604 16.6044C21.0594 16.8053 20.9465 17.0779 20.9465 17.3621C20.9465 17.6462 21.0594 17.9188 21.2604 18.1197C21.4613 18.3207 21.7338 18.4336 22.018 18.4336H27.182C27.4662 18.4336 27.7387 18.3207 27.9397 18.1197C28.1406 17.9188 28.2535 17.6462 28.2535 17.3621C28.2535 17.0779 28.1406 16.8053 27.9397 16.6044C27.7387 16.4034 27.4662 16.2906 27.182 16.2906Z" fill="black"/> +</g> +<defs> +<clipPath id="clip0_5437_79067"> +<rect width="27" height="32" fill="white" transform="translate(7 4)"/> +</clipPath> +</defs> +</svg> diff --git a/packages/ui/src/assets/icons/app/iterm2.svg b/packages/ui/src/assets/icons/app/iterm2.svg index 0b00a1b7a..48c1aac51 100644 --- a/packages/ui/src/assets/icons/app/iterm2.svg +++ b/packages/ui/src/assets/icons/app/iterm2.svg @@ -1,23 +1,11 @@ -<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg"> -<g filter="url(#filter0_d)"> -<rect x="100" y="100" width="824" height="824" rx="179" fill="url(#paint0_linear)"/> -</g> -<rect x="121.788" y="121.789" width="780.423" height="780.423" rx="156" fill="black"/> -<rect x="183.192" y="183.192" width="657.615" height="657.615" rx="94" fill="#202A2F"/> -<rect x="367.404" y="226.769" width="89.1346" height="178.269" fill="#0EE827" fill-opacity="0.35"/> -<path d="M274.468 374.622C269.807 374.227 265.438 373.568 261.36 372.645C257.427 371.59 253.786 370.47 250.436 369.284C247.232 368.097 244.392 366.977 241.916 365.922C239.586 364.736 237.838 363.813 236.673 363.154L246.067 345.754C247.086 346.413 248.834 347.335 251.31 348.522C253.786 349.708 256.553 350.96 259.612 352.279C262.816 353.465 266.093 354.52 269.443 355.442C272.793 356.365 275.924 356.827 278.837 356.827C293.402 356.827 300.684 351.356 300.684 340.415C300.684 337.778 300.174 335.603 299.154 333.89C298.281 332.176 296.897 330.726 295.004 329.54C293.256 328.221 291.071 327.101 288.45 326.178C285.974 325.124 283.134 324.069 279.929 323.015C273.812 320.905 268.351 318.73 263.544 316.489C258.884 314.117 254.878 311.48 251.529 308.58C248.179 305.68 245.63 302.385 243.882 298.694C242.135 295.003 241.261 290.784 241.261 286.039C241.261 282.348 242.062 278.789 243.664 275.361C245.266 271.934 247.523 268.902 250.436 266.266C253.349 263.498 256.845 261.191 260.923 259.345C265.001 257.368 269.516 255.984 274.468 255.193V226.769H292.382V254.797C296.169 255.193 299.81 255.786 303.305 256.577C306.801 257.368 309.932 258.225 312.699 259.147C315.467 260.07 317.797 260.993 319.69 261.916C321.729 262.707 323.186 263.3 324.06 263.695L315.321 279.909C314.156 279.382 312.481 278.723 310.296 277.932C308.257 277.009 305.927 276.086 303.305 275.164C300.684 274.241 297.844 273.45 294.785 272.791C291.727 272.132 288.668 271.802 285.61 271.802C280.658 271.802 276.215 272.725 272.283 274.57C268.496 276.284 266.603 279.25 266.603 283.468C266.603 286.105 267.113 288.478 268.132 290.587C269.297 292.564 270.899 294.344 272.938 295.925C275.123 297.507 277.745 299.023 280.803 300.473C284.007 301.791 287.649 303.11 291.727 304.428C297.115 306.405 301.922 308.448 306.145 310.558C310.369 312.667 313.937 315.039 316.85 317.676C319.763 320.312 321.948 323.344 323.404 326.771C325.006 330.199 325.807 334.219 325.807 338.833C325.807 342.788 325.079 346.61 323.623 350.301C322.312 353.992 320.2 357.42 317.287 360.583C314.52 363.747 311.025 366.515 306.801 368.888C302.723 371.129 297.916 372.777 292.382 373.831V403.058H274.468V374.622Z" fill="#0EE827"/> +<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> +<rect x="4" y="4" width="32" height="32" rx="6.4" fill="url(#paint0_linear_5437_79079)"/> +<rect x="4.80005" y="4.7998" width="30.4" height="30.4" rx="5.6" fill="black"/> +<rect x="7.19995" y="7.2002" width="25.6" height="25.6" rx="3.2" fill="#202A2F"/> +<path d="M25.2454 8.85742H19.2454V20.8574H25.2454V8.85742Z" fill="#0EE827" fill-opacity="0.35"/> +<path d="M11.7895 18.9218C11.4758 18.8949 11.1817 18.85 10.9072 18.7872C10.6424 18.7154 10.3973 18.6392 10.1718 18.5584C9.95613 18.4776 9.76496 18.4014 9.59829 18.3296C9.44145 18.2488 9.32378 18.186 9.24536 18.1412L9.87771 16.9567C9.94631 17.0016 10.064 17.0644 10.2306 17.1452C10.3973 17.2259 10.5836 17.3111 10.7895 17.4009C11.0052 17.4816 11.2257 17.5534 11.4513 17.6162C11.6768 17.679 11.8875 17.7105 12.0836 17.7105C13.064 17.7105 13.5542 17.3381 13.5542 16.5933C13.5542 16.4138 13.5199 16.2658 13.4512 16.1492C13.3925 16.0325 13.2993 15.9338 13.1719 15.853C13.0542 15.7633 12.9071 15.687 12.7307 15.6242C12.564 15.5525 12.3729 15.4806 12.1571 15.4089C11.7453 15.2653 11.3777 15.1172 11.0542 14.9647C10.7405 14.8032 10.4708 14.6237 10.2454 14.4263C10.0199 14.2289 9.8483 14.0046 9.73063 13.7534C9.61303 13.5021 9.5542 13.2149 9.5542 12.8919C9.5542 12.6407 9.60812 12.3984 9.71596 12.1651C9.82379 11.9318 9.97572 11.7254 10.1718 11.546C10.3679 11.3576 10.6032 11.2005 10.8777 11.0749C11.1522 10.9403 11.4562 10.8461 11.7895 10.7922V8.85742H12.9954V10.7653C13.2503 10.7922 13.4954 10.8326 13.7307 10.8865C13.966 10.9403 14.1767 10.9986 14.363 11.0614C14.5493 11.1242 14.7062 11.1871 14.8336 11.2499C14.9709 11.3037 15.0689 11.3441 15.1278 11.371L14.5395 12.4747C14.4611 12.4388 14.3483 12.3939 14.2012 12.3401C14.064 12.2773 13.9072 12.2144 13.7307 12.1517C13.5542 12.0888 13.363 12.035 13.1571 11.9901C12.9513 11.9453 12.7454 11.9228 12.5395 11.9228C12.2062 11.9228 11.9071 11.9856 11.6424 12.1112C11.3875 12.2279 11.2601 12.4298 11.2601 12.7169C11.2601 12.8964 11.2944 13.058 11.363 13.2015C11.4414 13.3361 11.5493 13.4573 11.6865 13.5649C11.8336 13.6726 12.0101 13.7758 12.2159 13.8745C12.4316 13.9642 12.6768 14.054 12.9513 14.1437C13.314 14.2782 13.6376 14.4173 13.9218 14.5609C14.2062 14.7045 14.4463 14.866 14.6424 15.0455C14.8385 15.2249 14.9856 15.4313 15.0836 15.6646C15.1914 15.8979 15.2454 16.1715 15.2454 16.4856C15.2454 16.7548 15.1964 17.015 15.0983 17.2662C15.0101 17.5175 14.8679 17.7508 14.6718 17.9661C14.4856 18.1815 14.2503 18.3699 13.966 18.5315C13.6915 18.684 13.3679 18.7962 12.9954 18.8679V20.8574H11.7895V18.9218Z" fill="#0EE827"/> <defs> -<filter id="filter0_d" x="78" y="86" width="868" height="868" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> -<feFlood flood-opacity="0" result="BackgroundImageFix"/> -<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> -<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow"/> -<feOffset dy="8"/> -<feGaussianBlur stdDeviation="10"/> -<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> -<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> -<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> -</filter> -<linearGradient id="paint0_linear" x1="512" y1="100" x2="512" y2="924" gradientUnits="userSpaceOnUse"> +<linearGradient id="paint0_linear_5437_79079" x1="20" y1="4" x2="20" y2="36" gradientUnits="userSpaceOnUse"> <stop stop-color="#D4E6E8"/> <stop offset="1" stop-color="#767573"/> </linearGradient> diff --git a/packages/ui/src/assets/icons/app/powershell.svg b/packages/ui/src/assets/icons/app/powershell.svg index fa0c70f0b..46570203c 100644 --- a/packages/ui/src/assets/icons/app/powershell.svg +++ b/packages/ui/src/assets/icons/app/powershell.svg @@ -1 +1,14 @@ -<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 128 128"><linearGradient id="powershell__a" x1="96.306" x2="25.454" y1="35.144" y2="98.431" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#a9c8ff"/><stop offset="1" stop-color="#c7e6ff"/></linearGradient><path fill="url(#powershell__a)" fill-rule="evenodd" d="M7.2 110.5c-1.7 0-3.1-.7-4.1-1.9-1-1.2-1.3-2.9-.9-4.6l18.6-80.5c.8-3.4 4-6 7.4-6h92.6c1.7 0 3.1.7 4.1 1.9 1 1.2 1.3 2.9.9 4.6l-18.6 80.5c-.8 3.4-4 6-7.4 6H7.2z" clip-rule="evenodd" opacity=".8"/><linearGradient id="powershell__b" x1="25.336" x2="94.569" y1="98.33" y2="36.847" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2d4664"/><stop offset=".169" stop-color="#29405b"/><stop offset=".445" stop-color="#1e2f43"/><stop offset=".79" stop-color="#0c131b"/><stop offset="1"/></linearGradient><path fill="url(#powershell__b)" fill-rule="evenodd" d="M120.3 18.5H28.5c-2.9 0-5.7 2.3-6.4 5.2L3.7 104.3c-.7 2.9 1.1 5.2 4 5.2h91.8c2.9 0 5.7-2.3 6.4-5.2l18.4-80.5c.7-2.9-1.1-5.3-4-5.3z" clip-rule="evenodd"/><path fill="#2C5591" fill-rule="evenodd" d="M64.2 88.3h22.3c2.6 0 4.7 2.2 4.7 4.9s-2.1 4.9-4.7 4.9H64.2c-2.6 0-4.7-2.2-4.7-4.9s2.1-4.9 4.7-4.9zM78.7 66.5c-.4.8-1.2 1.6-2.6 2.6L34.6 98.9c-2.3 1.6-5.5 1-7.3-1.4-1.7-2.4-1.3-5.7.9-7.3l37.4-27.1v-.6l-23.5-25c-1.9-2-1.7-5.3.4-7.4 2.2-2 5.5-2 7.4 0l28.2 30c1.7 1.9 1.8 4.5.6 6.4z" clip-rule="evenodd"/><path fill="#FFF" fill-rule="evenodd" d="M77.6 65.5c-.4.8-1.2 1.6-2.6 2.6L33.6 97.9c-2.3 1.6-5.5 1-7.3-1.4-1.7-2.4-1.3-5.7.9-7.3l37.4-27.1v-.6l-23.5-25c-1.9-2-1.7-5.3.4-7.4 2.2-2 5.5-2 7.4 0l28.2 30c1.7 1.8 1.8 4.4.5 6.4zM63.5 87.8h22.3c2.6 0 4.7 2.1 4.7 4.6 0 2.6-2.1 4.6-4.7 4.6H63.5c-2.6 0-4.7-2.1-4.7-4.6 0-2.6 2.1-4.6 4.7-4.6z" clip-rule="evenodd"/></svg>
\ No newline at end of file +<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path fill-rule="evenodd" clip-rule="evenodd" d="M34.9013 7.2002H10.604C9.83641 7.2002 9.09532 7.84723 8.91004 8.66305L4.03999 31.3373C3.85472 32.1532 4.33113 32.8002 5.0987 32.8002H29.396C30.1636 32.8002 30.9047 32.1532 31.09 31.3373L35.96 8.69118C36.1453 7.87536 35.6689 7.2002 34.9013 7.2002Z" fill="url(#paint0_linear_5437_79143)"/> +<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7489 26.5009H25.2421C25.8826 26.5009 26.3999 27.0942 26.3999 27.8223C26.3999 28.5505 25.8826 29.1438 25.2421 29.1438H19.7489C19.1085 29.1438 18.5912 28.5505 18.5912 27.8223C18.5912 27.0942 19.1085 26.5009 19.7489 26.5009ZM23.3208 20.6216C23.2222 20.8374 23.0252 21.0531 22.6803 21.3228L12.4575 29.3596C11.8909 29.7911 11.1027 29.6293 10.6593 28.982C10.2405 28.3347 10.339 27.4448 10.881 27.0133L20.0938 19.7047V19.5429L14.305 12.8006C13.837 12.2612 13.8862 11.3713 14.4035 10.8049C14.9455 10.2655 15.7584 10.2655 16.2264 10.8049L23.173 18.8956C23.5917 19.408 23.6163 20.1092 23.3208 20.6216Z" fill="#2C5591"/> +<path fill-rule="evenodd" clip-rule="evenodd" d="M23.2368 20.6216C23.1387 20.8374 22.9426 21.0531 22.5993 21.3228L12.448 29.3596C11.8841 29.7911 11.0994 29.6293 10.6581 28.982C10.2412 28.3347 10.3393 27.4448 10.8788 27.0133L20.0492 19.7047V19.5429L14.287 12.8006C13.8212 12.2612 13.8702 11.3713 14.3851 10.8049C14.9246 10.2655 15.7337 10.2655 16.1996 10.8049L23.1142 18.8956C23.5311 19.3811 23.5556 20.0822 23.2368 20.6216ZM19.7795 26.6357H25.2475C25.885 26.6357 26.3999 27.202 26.3999 27.8763C26.3999 28.5775 25.885 29.1168 25.2475 29.1168H19.7795C19.142 29.1168 18.6271 28.5505 18.6271 27.8763C18.6271 27.1751 19.142 26.6357 19.7795 26.6357Z" fill="white"/> +<defs> +<linearGradient id="paint0_linear_5437_79143" x1="9.76654" y1="10.3425" x2="29.068" y2="26.4694" gradientUnits="userSpaceOnUse"> +<stop stop-color="#2D4664"/> +<stop offset="0.169" stop-color="#29405B"/> +<stop offset="0.445" stop-color="#1E2F43"/> +<stop offset="0.79" stop-color="#0C131B"/> +<stop offset="1"/> +</linearGradient> +</defs> +</svg> diff --git a/packages/ui/src/assets/icons/app/sublimetext.svg b/packages/ui/src/assets/icons/app/sublimetext.svg index f482ec5bb..7e625b559 100644 --- a/packages/ui/src/assets/icons/app/sublimetext.svg +++ b/packages/ui/src/assets/icons/app/sublimetext.svg @@ -1 +1,17 @@ -<svg viewBox="0 0 256 332" width="256" height="332" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><defs><linearGradient x1="55.117%" y1="58.68%" x2="63.68%" y2="39.597%" id="sublimetext__a"><stop stop-color="#FF9700" offset="0%"/><stop stop-color="#F48E00" offset="53%"/><stop stop-color="#D06F00" offset="100%"/></linearGradient></defs><path d="M255.288 166.795c0-3.887-2.872-6.128-6.397-5.015L6.397 238.675C2.865 239.796 0 243.86 0 247.74v78.59c0 3.887 2.865 6.135 6.397 5.015l242.494-76.888c3.525-1.12 6.397-5.185 6.397-9.071v-78.59Z" fill="url(#sublimetext__a)"/><path d="M0 164.291c0 3.887 2.865 7.95 6.397 9.071l242.53 76.902c3.531 1.12 6.397-1.127 6.397-5.007V166.66c0-3.88-2.866-7.944-6.397-9.064L6.397 80.694C2.865 79.574 0 81.814 0 85.7v78.59Z" fill="#FF9800"/><path d="M255.288 5.302c0-3.886-2.872-6.135-6.397-5.014L6.397 77.176C2.865 78.296 0 82.36 0 86.247v78.59c0 3.887 2.865 6.128 6.397 5.014l242.494-76.895c3.525-1.12 6.397-5.184 6.397-9.064V5.302Z" fill="#FF9800"/></svg>
\ No newline at end of file +<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> +<g clip-path="url(#clip0_5436_78897)"> +<path d="M35.911 20.0773C35.911 19.7026 35.552 19.4866 35.1114 19.5939L4.79962 27.0055C4.35812 27.1135 4 27.5052 4 27.8792V35.4541C4 35.8288 4.35812 36.0455 4.79962 35.9375L35.1114 28.5266C35.552 28.4187 35.911 28.0269 35.911 27.6523V20.0774V20.0773Z" fill="url(#paint0_linear_5436_78897)"/> +<path d="M4 19.8353C4 20.21 4.35812 20.6016 4.79962 20.7097L35.1159 28.1219C35.5573 28.2299 35.9155 28.0133 35.9155 27.6393V20.0637C35.9155 19.6897 35.5573 19.298 35.1159 19.19L4.79962 11.7778C4.35812 11.6699 4 11.8858 4 12.2603V19.8353V19.8353Z" fill="#FF9800"/> +<path d="M35.911 4.51106C35.911 4.1365 35.552 3.91973 35.1114 4.02778L4.79962 11.4387C4.35812 11.5466 4 11.9383 4 12.313V19.8879C4 20.2626 4.35812 20.4786 4.79962 20.3712L35.1114 12.9596C35.552 12.8517 35.911 12.46 35.911 12.086V4.51106Z" fill="#FF9800"/> +</g> +<defs> +<linearGradient id="paint0_linear_5436_78897" x1="1762.84" y1="981.852" x2="1845.15" y2="624.882" gradientUnits="userSpaceOnUse"> +<stop stop-color="#FF9700"/> +<stop offset="0.53" stop-color="#F48E00"/> +<stop offset="1" stop-color="#D06F00"/> +</linearGradient> +<clipPath id="clip0_5436_78897"> +<rect width="32" height="32" fill="white" transform="translate(4 4)"/> +</clipPath> +</defs> +</svg> diff --git a/packages/ui/src/assets/icons/app/terminal.png b/packages/ui/src/assets/icons/app/terminal.png Binary files differindex 43857b632..1072b7deb 100644 --- a/packages/ui/src/assets/icons/app/terminal.png +++ b/packages/ui/src/assets/icons/app/terminal.png diff --git a/packages/ui/src/assets/icons/app/textmate.png b/packages/ui/src/assets/icons/app/textmate.png Binary files differindex 1eee73c5e..4545bfd2b 100644 --- a/packages/ui/src/assets/icons/app/textmate.png +++ b/packages/ui/src/assets/icons/app/textmate.png diff --git a/packages/ui/src/assets/icons/app/vscode.svg b/packages/ui/src/assets/icons/app/vscode.svg index aba7e19f6..6b1827a6a 100644 --- a/packages/ui/src/assets/icons/app/vscode.svg +++ b/packages/ui/src/assets/icons/app/vscode.svg @@ -1 +1,39 @@ -<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><mask id="vscode__a" width="100" height="100" x="0" y="0" mask-type="alpha" maskUnits="userSpaceOnUse"><path fill="#fff" fill-rule="evenodd" d="M70.912 99.317a6.223 6.223 0 0 0 4.96-.19l20.589-9.907A6.25 6.25 0 0 0 100 83.587V16.413a6.25 6.25 0 0 0-3.54-5.632L75.874.874a6.226 6.226 0 0 0-7.104 1.21L29.355 38.04 12.187 25.01a4.162 4.162 0 0 0-5.318.236l-5.506 5.009a4.168 4.168 0 0 0-.004 6.162L16.247 50 1.36 63.583a4.168 4.168 0 0 0 .004 6.162l5.506 5.01a4.162 4.162 0 0 0 5.318.236l17.168-13.032L68.77 97.917a6.217 6.217 0 0 0 2.143 1.4ZM75.015 27.3 45.11 50l29.906 22.701V27.3Z" clip-rule="evenodd"/></mask><g mask="url(#vscode__a)"><path fill="#0065A9" d="M96.461 10.796 75.857.876a6.23 6.23 0 0 0-7.107 1.207l-67.451 61.5a4.167 4.167 0 0 0 .004 6.162l5.51 5.009a4.167 4.167 0 0 0 5.32.236l81.228-61.62c2.725-2.067 6.639-.124 6.639 3.297v-.24a6.25 6.25 0 0 0-3.539-5.63Z"/><g filter="url(#vscode__b)"><path fill="#007ACC" d="m96.461 89.204-20.604 9.92a6.229 6.229 0 0 1-7.107-1.207l-67.451-61.5a4.167 4.167 0 0 1 .004-6.162l5.51-5.009a4.167 4.167 0 0 1 5.32-.236l81.228 61.62c2.725 2.067 6.639.124 6.639-3.297v.24a6.25 6.25 0 0 1-3.539 5.63Z"/></g><g filter="url(#vscode__c)"><path fill="#1F9CF0" d="M75.858 99.126a6.232 6.232 0 0 1-7.108-1.21c2.306 2.307 6.25.674 6.25-2.588V4.672c0-3.262-3.944-4.895-6.25-2.589a6.232 6.232 0 0 1 7.108-1.21l20.6 9.908A6.25 6.25 0 0 1 100 16.413v67.174a6.25 6.25 0 0 1-3.541 5.633l-20.601 9.906Z"/></g><path fill="url(#vscode__d)" fill-rule="evenodd" d="M70.851 99.317a6.224 6.224 0 0 0 4.96-.19L96.4 89.22a6.25 6.25 0 0 0 3.54-5.633V16.413a6.25 6.25 0 0 0-3.54-5.632L75.812.874a6.226 6.226 0 0 0-7.104 1.21L29.294 38.04 12.126 25.01a4.162 4.162 0 0 0-5.317.236l-5.507 5.009a4.168 4.168 0 0 0-.004 6.162L16.186 50 1.298 63.583a4.168 4.168 0 0 0 .004 6.162l5.507 5.009a4.162 4.162 0 0 0 5.317.236L29.294 61.96l39.414 35.958a6.218 6.218 0 0 0 2.143 1.4ZM74.954 27.3 45.048 50l29.906 22.701V27.3Z" clip-rule="evenodd" opacity=".25" style="mix-blend-mode:overlay"/></g><defs><filter id="vscode__b" width="116.727" height="92.246" x="-8.394" y="15.829" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="4.167"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" mode="overlay" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="vscode__c" width="47.917" height="116.151" x="60.417" y="-8.076" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="4.167"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" mode="overlay" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><linearGradient id="vscode__d" x1="49.939" x2="49.939" y1=".258" y2="99.742" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs></svg>
\ No newline at end of file +<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> +<mask id="mask0_5437_79124" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="5" y="5" width="30" height="30"> +<path fill-rule="evenodd" clip-rule="evenodd" d="M26.0227 34.1285C26.2519 34.2179 26.4969 34.2592 26.7427 34.2497C26.9884 34.2403 27.2296 34.1804 27.4512 34.0738L33.3809 31.2206C33.6863 31.0736 33.9439 30.8433 34.1243 30.5563C34.3046 30.2693 34.4002 29.9372 34.4001 29.5983V10.2522C34.4001 9.91323 34.3044 9.58119 34.1241 9.29424C33.9437 9.00729 33.686 8.77709 33.3806 8.63014L27.4518 5.77692C27.1167 5.6157 26.7398 5.56263 26.3733 5.62507C26.0067 5.6875 25.6687 5.86235 25.4059 6.1254L14.0543 16.4807L9.10994 12.7281C8.88691 12.5587 8.61163 12.4728 8.33186 12.4852C8.05209 12.4976 7.78549 12.6076 7.57835 12.7961L5.99262 14.2387C5.86908 14.3511 5.77035 14.488 5.70276 14.6408C5.63517 14.7935 5.60021 14.9587 5.6001 15.1257C5.59999 15.2928 5.63474 15.458 5.70213 15.6108C5.76952 15.7636 5.86807 15.9007 5.99147 16.0133L10.2792 19.9252L5.99176 23.8371C5.86836 23.9497 5.76981 24.0868 5.70242 24.2396C5.63503 24.3925 5.60028 24.5577 5.60039 24.7247C5.60049 24.8917 5.63546 25.0569 5.70305 25.2097C5.77064 25.3624 5.86936 25.4994 5.99291 25.6118L7.57864 27.0547C7.78578 27.2431 8.05237 27.3531 8.33214 27.3655C8.61191 27.3779 8.8872 27.292 9.11022 27.1226L14.0546 23.3694L25.4059 33.7253C25.5814 33.9011 25.7913 34.0384 26.0227 34.1285ZM27.2044 13.3876L18.5918 19.9252L27.2047 26.4631L27.2044 13.3876Z" fill="white"/> +</mask> +<g mask="url(#mask0_5437_79124)"> +<path d="M33.3807 8.6342L27.4467 5.77724C27.1116 5.61588 26.7346 5.56266 26.368 5.62494C26.0013 5.68722 25.663 5.86191 25.3999 6.12486L5.97403 23.8369C5.85059 23.9494 5.75201 24.0865 5.68459 24.2393C5.61718 24.3922 5.58241 24.5574 5.58252 24.7245C5.58263 24.8915 5.61761 25.0567 5.68522 25.2094C5.75284 25.3622 5.8516 25.4991 5.97518 25.6115L7.56206 27.0541C7.76938 27.2425 8.03605 27.3524 8.31587 27.3648C8.59569 27.3772 8.87105 27.2913 9.09422 27.1221L32.4879 9.37551C33.2727 8.78022 34.3999 9.3398 34.3999 10.3251V10.2559C34.3999 9.91713 34.3042 9.58524 34.1239 9.2984C33.9436 9.01157 33.686 8.78145 33.3807 8.63449V8.6342Z" fill="#0065A9"/> +<g filter="url(#filter0_d_5437_79124)"> +<path d="M33.3807 31.2161L27.4467 34.0731C27.1116 34.2345 26.7346 34.2877 26.3679 34.2255C26.0012 34.1632 25.663 33.9885 25.3999 33.7255L5.97403 16.0135C5.85059 15.9009 5.75201 15.7638 5.68459 15.611C5.61718 15.4582 5.58241 15.2929 5.58252 15.1259C5.58263 14.9588 5.61761 14.7937 5.68522 14.6409C5.75284 14.4882 5.8516 14.3512 5.97518 14.2388L7.56206 12.7962C7.76938 12.6079 8.03605 12.498 8.31587 12.4856C8.59569 12.4731 8.87105 12.559 9.09422 12.7282L32.4879 30.4748C33.2727 31.0701 34.3999 30.5105 34.3999 29.5253V29.5944C34.3999 29.9332 34.3042 30.2651 34.1239 30.5519C33.9436 30.8388 33.686 31.0692 33.3807 31.2161Z" fill="#007ACC"/> +</g> +<g filter="url(#filter1_d_5437_79124)"> +<path d="M27.447 34.0738C27.1118 34.235 26.7347 34.2881 26.3679 34.2257C26.0012 34.1633 25.6629 33.9884 25.3999 33.7253C26.064 34.3898 27.1999 33.9194 27.1999 32.98V6.87104C27.1999 5.93159 26.064 5.46128 25.3999 6.12541C25.6629 5.86234 26.0012 5.68749 26.3679 5.62506C26.7347 5.56263 27.1118 5.6157 27.447 5.77693L33.3798 8.63044C33.6853 8.77731 33.9432 9.00748 34.1236 9.29443C34.3041 9.58139 34.3999 9.91347 34.3999 10.2525V29.5986C34.3999 29.9376 34.3042 30.2697 34.1238 30.5567C33.9434 30.8437 33.6856 31.0739 33.3801 31.2209L27.447 34.0738Z" fill="#1F9CF0"/> +</g> +<path opacity="0.25" fill-rule="evenodd" clip-rule="evenodd" d="M26.0052 34.1285C26.2343 34.2179 26.4793 34.2591 26.7251 34.2497C26.9709 34.2403 27.212 34.1804 27.4336 34.0738L33.3633 31.2206C33.6687 31.0736 33.9265 30.8434 34.1068 30.5564C34.2872 30.2694 34.3829 29.9372 34.3828 29.5983V10.2522C34.3828 9.91323 34.2871 9.58119 34.1068 9.29424C33.9264 9.00729 33.6687 8.77709 33.3633 8.63014L27.4339 5.77692C27.0989 5.6157 26.722 5.56263 26.3554 5.62507C25.9889 5.6875 25.6508 5.86235 25.388 6.1254L14.0367 16.4807L9.09236 12.7281C8.86936 12.5588 8.59413 12.4729 8.31442 12.4853C8.03472 12.4977 7.76818 12.6077 7.56106 12.7961L5.97504 14.2387C5.8515 14.3511 5.75277 14.488 5.68518 14.6408C5.6176 14.7935 5.58263 14.9587 5.58252 15.1257C5.58241 15.2928 5.61716 15.458 5.68456 15.6108C5.75195 15.7636 5.85049 15.9007 5.97389 16.0133L10.2616 19.9252L5.97389 23.8371C5.85049 23.9497 5.75195 24.0868 5.68456 24.2396C5.61716 24.3925 5.58241 24.5577 5.58252 24.7247C5.58263 24.8917 5.6176 25.0569 5.68518 25.2097C5.75277 25.3624 5.8515 25.4994 5.97504 25.6118L7.56106 27.0544C7.76818 27.2428 8.03472 27.3527 8.31442 27.3651C8.59413 27.3775 8.86936 27.2916 9.09236 27.1223L14.0367 23.3697L25.388 33.7256C25.5635 33.9014 25.7737 34.0384 26.0052 34.1285ZM27.1868 13.3876L18.5739 19.9252L27.1868 26.4631V13.3876Z" fill="url(#paint0_linear_5437_79124)" style="mix-blend-mode:overlay"/> +</g> +<defs> +<filter id="filter0_d_5437_79124" x="-7.75188" y="-0.850024" width="55.4862" height="48.4354" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> +<feOffset/> +<feGaussianBlur stdDeviation="6.6672"/> +<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> +<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_5437_79124"/> +<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5437_79124" result="shape"/> +</filter> +<filter id="filter1_d_5437_79124" x="12.0655" y="-7.73479" width="35.6688" height="55.3202" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> +<feFlood flood-opacity="0" result="BackgroundImageFix"/> +<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> +<feOffset/> +<feGaussianBlur stdDeviation="6.6672"/> +<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> +<feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_5437_79124"/> +<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5437_79124" result="shape"/> +</filter> +<linearGradient id="paint0_linear_5437_79124" x1="19.9825" y1="5.59951" x2="19.9825" y2="34.2509" gradientUnits="userSpaceOnUse"> +<stop stop-color="white"/> +<stop offset="1" stop-color="white" stop-opacity="0"/> +</linearGradient> +</defs> +</svg> diff --git a/packages/ui/src/assets/icons/app/warp.png b/packages/ui/src/assets/icons/app/warp.png Binary files differindex 753e4d911..5634adfe2 100644 --- a/packages/ui/src/assets/icons/app/warp.png +++ b/packages/ui/src/assets/icons/app/warp.png diff --git a/packages/ui/src/assets/icons/app/xcode.png b/packages/ui/src/assets/icons/app/xcode.png Binary files differindex c37d9f176..59da87749 100644 --- a/packages/ui/src/assets/icons/app/xcode.png +++ b/packages/ui/src/assets/icons/app/xcode.png diff --git a/packages/ui/src/assets/icons/app/zed-dark.svg b/packages/ui/src/assets/icons/app/zed-dark.svg index 67a99ae4a..0f9d12d05 100644 --- a/packages/ui/src/assets/icons/app/zed-dark.svg +++ b/packages/ui/src/assets/icons/app/zed-dark.svg @@ -1,15 +1,15 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" fill="none" viewBox="0 0 96 96"> - <g clip-path="url(#zed_logo-dark-a)"> - <path - fill="#fff" - fill-rule="evenodd" - d="M9 6a3 3 0 0 0-3 3v66H0V9a9 9 0 0 1 9-9h80.379c4.009 0 6.016 4.847 3.182 7.682L43.055 57.187H57V51h6v7.688a4.5 4.5 0 0 1-4.5 4.5H37.055L26.743 73.5H73.5V36h6v37.5a6 6 0 0 1-6 6H20.743L10.243 90H87a3 3 0 0 0 3-3V21h6v66a9 9 0 0 1-9 9H6.621c-4.009 0-6.016-4.847-3.182-7.682L52.757 39H39v6h-6v-7.5a4.5 4.5 0 0 1 4.5-4.5h21.257l10.5-10.5H22.5V60h-6V22.5a6 6 0 0 1 6-6h52.757L85.757 6H9Z" - clip-rule="evenodd" - /> - </g> - <defs> - <clipPath id="zed_logo-dark-a"> - <path fill="#fff" d="M0 0h96v96H0z" /> - </clipPath> - </defs> +<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> +<g clip-path="url(#clip0_5437_79100)"> +<mask id="mask0_5437_79100" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="5" y="5" width="30" height="30"> +<path d="M5.6001 5.59961H34.4001V34.3996H5.6001V5.59961Z" fill="white"/> +</mask> +<g mask="url(#mask0_5437_79100)"> +<path fill-rule="evenodd" clip-rule="evenodd" d="M8.3001 7.39961C8.0614 7.39961 7.83248 7.49443 7.6637 7.66321C7.49492 7.832 7.4001 8.06091 7.4001 8.29961V28.0996H5.6001V8.29961C5.6001 7.58352 5.88456 6.89677 6.39091 6.39042C6.89726 5.88407 7.58401 5.59961 8.3001 5.59961H32.4138C33.6165 5.59961 34.2186 7.05371 33.3684 7.90421L18.5166 22.7557H22.7001V20.8996H24.5001V23.206C24.5001 23.5641 24.3579 23.9074 24.1047 24.1606C23.8515 24.4138 23.5081 24.556 23.1501 24.556H16.7166L13.623 27.6496H27.6501V16.3996H29.4501V27.6496C29.4501 28.127 29.2605 28.5848 28.9229 28.9224C28.5853 29.26 28.1275 29.4496 27.6501 29.4496H11.823L8.673 32.5996H31.7001C31.9388 32.5996 32.1677 32.5048 32.3365 32.336C32.5053 32.1672 32.6001 31.9383 32.6001 31.6996V11.8996H34.4001V31.6996C34.4001 32.4157 34.1156 33.1024 33.6093 33.6088C33.1029 34.1151 32.4162 34.3996 31.7001 34.3996H7.5864C6.3837 34.3996 5.7816 32.9455 6.6318 32.095L21.4272 17.2996H17.3001V19.0996H15.5001V16.8496C15.5001 16.4916 15.6423 16.1482 15.8955 15.895C16.1487 15.6418 16.4921 15.4996 16.8501 15.4996H23.2272L26.3772 12.3496H12.3501V23.5996H10.5501V12.3496C10.5501 11.8722 10.7397 11.4144 11.0773 11.0768C11.4149 10.7393 11.8727 10.5496 12.3501 10.5496H28.1772L31.3272 7.39961H8.3001Z" fill="white"/> +</g> +</g> +<defs> +<clipPath id="clip0_5437_79100"> +<rect width="28.8" height="28.8" fill="white" transform="translate(5.6001 5.59961)"/> +</clipPath> +</defs> </svg> diff --git a/packages/ui/src/assets/icons/app/zed.svg b/packages/ui/src/assets/icons/app/zed.svg index a845bf181..37aa2d6c0 100644 --- a/packages/ui/src/assets/icons/app/zed.svg +++ b/packages/ui/src/assets/icons/app/zed.svg @@ -1,15 +1,15 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" fill="none" viewBox="0 0 96 96"> - <g clip-path="url(#zed_logo-a)"> - <path - fill="#000" - fill-rule="evenodd" - d="M9 6a3 3 0 0 0-3 3v66H0V9a9 9 0 0 1 9-9h80.379c4.009 0 6.016 4.847 3.182 7.682L43.055 57.187H57V51h6v7.688a4.5 4.5 0 0 1-4.5 4.5H37.055L26.743 73.5H73.5V36h6v37.5a6 6 0 0 1-6 6H20.743L10.243 90H87a3 3 0 0 0 3-3V21h6v66a9 9 0 0 1-9 9H6.621c-4.009 0-6.016-4.847-3.182-7.682L52.757 39H39v6h-6v-7.5a4.5 4.5 0 0 1 4.5-4.5h21.257l10.5-10.5H22.5V60h-6V22.5a6 6 0 0 1 6-6h52.757L85.757 6H9Z" - clip-rule="evenodd" - /> - </g> - <defs> - <clipPath id="zed_logo-a"> - <path fill="#fff" d="M0 0h96v96H0z" /> - </clipPath> - </defs> +<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> +<g clip-path="url(#clip0_5437_79109)"> +<mask id="mask0_5437_79109" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="5" y="5" width="30" height="30"> +<path d="M5.6001 5.59961H34.4001V34.3996H5.6001V5.59961Z" fill="white"/> +</mask> +<g mask="url(#mask0_5437_79109)"> +<path fill-rule="evenodd" clip-rule="evenodd" d="M8.3001 7.39961C8.0614 7.39961 7.83248 7.49443 7.6637 7.66321C7.49492 7.832 7.4001 8.06091 7.4001 8.29961V28.0996H5.6001V8.29961C5.6001 7.58352 5.88456 6.89677 6.39091 6.39042C6.89726 5.88407 7.58401 5.59961 8.3001 5.59961H32.4138C33.6165 5.59961 34.2186 7.05371 33.3684 7.90421L18.5166 22.7557H22.7001V20.8996H24.5001V23.206C24.5001 23.5641 24.3579 23.9074 24.1047 24.1606C23.8515 24.4138 23.5081 24.556 23.1501 24.556H16.7166L13.623 27.6496H27.6501V16.3996H29.4501V27.6496C29.4501 28.127 29.2605 28.5848 28.9229 28.9224C28.5853 29.26 28.1275 29.4496 27.6501 29.4496H11.823L8.673 32.5996H31.7001C31.9388 32.5996 32.1677 32.5048 32.3365 32.336C32.5053 32.1672 32.6001 31.9383 32.6001 31.6996V11.8996H34.4001V31.6996C34.4001 32.4157 34.1156 33.1024 33.6093 33.6088C33.1029 34.1151 32.4162 34.3996 31.7001 34.3996H7.5864C6.3837 34.3996 5.7816 32.9455 6.6318 32.095L21.4272 17.2996H17.3001V19.0996H15.5001V16.8496C15.5001 16.4916 15.6423 16.1482 15.8955 15.895C16.1487 15.6418 16.4921 15.4996 16.8501 15.4996H23.2272L26.3772 12.3496H12.3501V23.5996H10.5501V12.3496C10.5501 11.8722 10.7397 11.4144 11.0773 11.0768C11.4149 10.7393 11.8727 10.5496 12.3501 10.5496H28.1772L31.3272 7.39961H8.3001Z" fill="black"/> +</g> +</g> +<defs> +<clipPath id="clip0_5437_79109"> +<rect width="28.8" height="28.8" fill="white" transform="translate(5.6001 5.59961)"/> +</clipPath> +</defs> </svg> diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css index 4a6eeaf69..e26ace611 100644 --- a/packages/ui/src/components/button.css +++ b/packages/ui/src/components/button.css @@ -180,3 +180,15 @@ [data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"]:hover:not(:disabled) { background-color: var(--surface-base-active); } + +[data-component="button"].titlebar-icon[data-variant="ghost"][aria-current="page"] { + background-color: var(--surface-base-active); +} + +[data-component="button"].titlebar-icon[data-variant="ghost"][aria-current="page"] [data-slot="icon-svg"] { + color: var(--icon-strong-base); +} + +[data-component="button"].titlebar-icon[data-variant="ghost"][aria-current="page"]:hover:not(:disabled) { + background-color: var(--surface-base-active); +} diff --git a/packages/ui/src/components/dropdown-menu.css b/packages/ui/src/components/dropdown-menu.css index cba041613..edc2eee9a 100644 --- a/packages/ui/src/components/dropdown-menu.css +++ b/packages/ui/src/components/dropdown-menu.css @@ -58,6 +58,11 @@ } } + [data-slot="dropdown-menu-checkbox-item"], + [data-slot="dropdown-menu-radio-item"] { + padding-right: 28px; + } + [data-slot="dropdown-menu-sub-trigger"] { &[data-expanded] { background: var(--surface-raised-base-hover); @@ -70,6 +75,10 @@ justify-content: center; width: 16px; height: 16px; + position: absolute; + right: 8px; + top: 50%; + transform: translateY(-50%); } [data-slot="dropdown-menu-item-label"] { @@ -88,6 +97,7 @@ } [data-slot="dropdown-menu-group-label"] { + display: block; padding: 4px 8px; font-family: var(--font-family-sans); font-size: var(--font-size-x-small); diff --git a/packages/ui/src/components/icon.tsx b/packages/ui/src/components/icon.tsx index 7f4598f29..aacfa476b 100644 --- a/packages/ui/src/components/icon.tsx +++ b/packages/ui/src/components/icon.tsx @@ -22,6 +22,12 @@ const icons = { "close-small": `<path d="M6 6L14 14M14 6L6 14" stroke="currentColor" stroke-linecap="square"/>`, checklist: `<path d="M9.58342 13.7498H17.0834M9.58342 6.24984H17.0834M2.91675 6.6665L4.58341 7.9165L7.08341 4.1665M2.91675 14.1665L4.58341 15.4165L7.08341 11.6665" stroke="currentColor" stroke-linecap="square"/>`, console: `<path d="M3.75 5.4165L8.33333 9.99984L3.75 14.5832M10.4167 14.5832H16.25" stroke="currentColor" stroke-linecap="square"/>`, + terminal: `<path d="M6.5 8L8.64286 10L6.5 12M10.9286 12H13.5M2 18H18V2H2V18Z" stroke="currentColor" stroke-linecap="square"/>`, + "terminal-active": `<path d="M2 18H18V2H2V18Z" fill="currentColor" fill-opacity="0.1"/> +<path d="M6.5 8L8.64286 10L6.5 12M10.9286 12H13.5M2 18H18V2H2V18Z" stroke="currentColor" stroke-linecap="square"/>`, + review: `<path d="M7 14.5H13M7 7.99512H10.0049M10.0049 7.99512H13M10.0049 7.99512V5M10.0049 7.99512V11M18 18V2L2 2L2 18H18Z" stroke="currentColor"/>`, + "review-active": `<path d="M18 18V2L2 2L2 18H18Z" fill="currentColor" fill-opacity="0.1"/> +<path d="M7 14.5H13M7 7.99512H10.0049M10.0049 7.99512H13M10.0049 7.99512V5M10.0049 7.99512V11M18 18V2L2 2L2 18H18Z" stroke="currentColor"/>`, expand: `<path d="M4.58301 10.4163V15.4163H9.58301M10.4163 4.58301H15.4163V9.58301" stroke="currentColor" stroke-linecap="square"/>`, collapse: `<path d="M16.666 8.33398H11.666V3.33398" stroke="currentColor" stroke-linecap="square"/><path d="M8.33398 16.666V11.666H3.33398" stroke="currentColor" stroke-linecap="square"/>`, code: `<path d="M8.7513 7.5013L6.2513 10.0013L8.7513 12.5013M11.2513 7.5013L13.7513 10.0013L11.2513 12.5013M2.91797 2.91797H17.0846V17.0846H2.91797V2.91797Z" stroke="currentColor"/>`, @@ -31,12 +37,15 @@ const icons = { eye: `<path d="M10 4.58325C5.83333 4.58325 2.5 9.99992 2.5 9.99992C2.5 9.99992 5.83333 15.4166 10 15.4166C14.1667 15.4166 17.5 9.99992 17.5 9.99992C17.5 9.99992 14.1667 4.58325 10 4.58325Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="10" cy="10" r="2.5" stroke="currentColor"/>`, enter: `<path d="M5.83333 15.8334L2.5 12.5L5.83333 9.16671M3.33333 12.5H17.9167V4.58337H10" stroke="currentColor" stroke-linecap="square"/>`, folder: `<path d="M2.08301 2.91675V16.2501H17.9163V5.41675H9.99967L8.33301 2.91675H2.08301Z" stroke="currentColor" stroke-linecap="round"/>`, - "file-tree": `<path d="M4.58203 16.6693L6.66536 9.58594H17.082M4.58203 16.6693H16.457L18.5404 9.58594H17.082M4.58203 16.6693H2.08203V3.33594H8.33203L9.9987 5.83594H17.082V9.58594" stroke="currentColor" stroke-linecap="round"/>`, - "file-tree-active": `<path d="M6.66536 9.58594L4.58203 16.6693H16.457L18.5404 9.58594H17.082H6.66536Z" fill="currentColor" fill-opacity="16%"/><path d="M4.58203 16.6693L6.66536 9.58594H17.082M4.58203 16.6693H16.457L18.5404 9.58594H17.082M4.58203 16.6693H2.08203V3.33594H8.33203L9.9987 5.83594H17.082V9.58594" stroke="currentColor" stroke-linecap="round"/>`, + "file-tree": `<path d="M18 18V5H9.5L7.5 2H2L2 18H5M18 18H5M18 18V8.5H5V18" stroke="currentColor" stroke-linecap="square"/>`, + "file-tree-active": `<path d="M2 2L2 18H5L6.5 8.5H18V5H9.5L7.5 2H2Z" fill="currentColor" fill-opacity="0.1"/> +<path d="M5 18H18L19.5 8.5H18M5 18H2L2 2H7.5L9.5 5H18V8.5M5 18L6.5 8.5H18" stroke="currentColor" stroke-linecap="square"/>`, "magnifying-glass": `<path d="M13 13L10.6418 10.6418M11.9552 7.47761C11.9552 9.95053 9.95053 11.9552 7.47761 11.9552C5.0047 11.9552 3 9.95053 3 7.47761C3 5.0047 5.0047 3 7.47761 3C9.95053 3 11.9552 5.0047 11.9552 7.47761Z" stroke="currentColor" stroke-linecap="square" vector-effect="non-scaling-stroke"/>`, "plus-small": `<path d="M9.99984 5.41699V10.0003M9.99984 10.0003V14.5837M9.99984 10.0003H5.4165M9.99984 10.0003H14.5832" stroke="currentColor" stroke-linecap="square"/>`, plus: `<path d="M9.9987 2.20703V9.9987M9.9987 9.9987V17.7904M9.9987 9.9987H2.20703M9.9987 9.9987H17.7904" stroke="currentColor" stroke-linecap="square"/>`, - "new-session": `<path d="M17.0827 17.0807V17.5807H17.5827V17.0807H17.0827ZM2.91602 17.0807H2.41602L2.41602 17.5807H2.91602L2.91602 17.0807ZM2.91602 2.91406V2.41406H2.41602V2.91406H2.91602ZM9.58268 3.41406H10.0827V2.41406L9.58268 2.41406V2.91406V3.41406ZM17.5827 10.4141V9.91406L16.5827 9.91406V10.4141H17.0827H17.5827ZM6.24935 11.2474L5.8958 10.8938L5.74935 11.0403V11.2474H6.24935ZM6.24935 13.7474H5.74935V14.2474H6.24935V13.7474ZM8.74935 13.7474V14.2474H8.95646L9.1029 14.101L8.74935 13.7474ZM15.2077 2.28906L15.5612 1.93551L15.2077 1.58196L14.8541 1.93551L15.2077 2.28906ZM17.7077 4.78906L18.0612 5.14262L18.4148 4.78906L18.0612 4.43551L17.7077 4.78906ZM17.0827 17.0807V16.5807H2.91602V17.0807L2.91602 17.5807H17.0827V17.0807ZM2.91602 17.0807H3.41602L3.41602 2.91406H2.91602H2.41602L2.41602 17.0807H2.91602ZM2.91602 2.91406V3.41406L9.58268 3.41406V2.91406V2.41406L2.91602 2.41406V2.91406ZM17.0827 10.4141H16.5827V17.0807H17.0827H17.5827V10.4141H17.0827ZM6.24935 11.2474H5.74935V13.7474H6.24935H6.74935V11.2474H6.24935ZM6.24935 13.7474V14.2474L8.74935 14.2474V13.7474V13.2474L6.24935 13.2474V13.7474ZM6.24935 11.2474L6.6029 11.6009L15.5612 2.64262L15.2077 2.28906L14.8541 1.93551L5.8958 10.8938L6.24935 11.2474ZM15.2077 2.28906L14.8541 2.64262L17.3541 5.14262L17.7077 4.78906L18.0612 4.43551L15.5612 1.93551L15.2077 2.28906ZM17.7077 4.78906L17.3541 4.43551L8.3958 13.3938L8.74935 13.7474L9.1029 14.101L18.0612 5.14262L17.7077 4.78906Z" fill="currentColor"/>`, + "new-session": `<path d="M12 2H2V18H18V8M6 11.3818V14H8.61818L18 4.61818L15.3818 2L6 11.3818Z" stroke="currentColor"/>`, + "new-session-active": `<path d="M6 11.3818V14H8.61818L18 4.61818L15.3818 2L6 11.3818Z" fill="currentColor" fill-opacity="0.1"/> +<path d="M12 2H2V18H18V8M6 11.3818V14H8.61818L18 4.61818L15.3818 2L6 11.3818Z" stroke="currentColor"/>`, "pencil-line": `<path d="M9.58301 17.9166H17.9163M17.9163 5.83325L14.1663 2.08325L2.08301 14.1666V17.9166H5.83301L17.9163 5.83325Z" stroke="currentColor" stroke-linecap="square"/>`, mcp: `<g><path d="M0.972656 9.37176L9.5214 1.60019C10.7018 0.527151 12.6155 0.527151 13.7957 1.60019C14.9761 2.67321 14.9761 4.41295 13.7957 5.48599L7.3397 11.3552" stroke="currentColor" stroke-linecap="round"/><path d="M7.42871 11.2747L13.7957 5.48643C14.9761 4.41338 16.8898 4.41338 18.0702 5.48643L18.1147 5.52688C19.2951 6.59993 19.2951 8.33966 18.1147 9.4127L10.3831 16.4414C9.98966 16.7991 9.98966 17.379 10.3831 17.7366L11.9707 19.1799" stroke="currentColor" stroke-linecap="round"/><path d="M11.6587 3.54346L5.33619 9.29119C4.15584 10.3642 4.15584 12.1039 5.33619 13.177C6.51649 14.25 8.43019 14.25 9.61054 13.177L15.9331 7.42923" stroke="currentColor" stroke-linecap="round"/></g>`, glasses: `<path d="M0.416626 7.91667H1.66663M19.5833 7.91667H18.3333M11.866 7.57987C11.3165 7.26398 10.6793 7.08333 9.99996 7.08333C9.32061 7.08333 8.68344 7.26398 8.13389 7.57987M8.74996 10C8.74996 12.0711 7.07103 13.75 4.99996 13.75C2.92889 13.75 1.24996 12.0711 1.24996 10C1.24996 7.92893 2.92889 6.25 4.99996 6.25C7.07103 6.25 8.74996 7.92893 8.74996 10ZM18.75 10C18.75 12.0711 17.071 13.75 15 13.75C12.9289 13.75 11.25 12.0711 11.25 10C11.25 7.92893 12.9289 6.25 15 6.25C17.071 6.25 18.75 7.92893 18.75 10Z" stroke="currentColor" stroke-linecap="square"/>`, @@ -44,6 +53,13 @@ const icons = { "window-cursor": `<path d="M17.9166 10.4167V3.75H2.08325V17.0833H10.4166M17.9166 13.5897L11.6666 11.6667L13.5897 17.9167L15.032 15.0321L17.9166 13.5897Z" stroke="currentColor" stroke-width="1.07143" stroke-linecap="square"/><path d="M5.00024 6.125C5.29925 6.12518 5.54126 6.36795 5.54126 6.66699C5.54108 6.96589 5.29914 7.20783 5.00024 7.20801C4.7012 7.20801 4.45843 6.966 4.45825 6.66699C4.45825 6.36784 4.70109 6.125 5.00024 6.125ZM7.91626 6.125C8.21541 6.125 8.45825 6.36784 8.45825 6.66699C8.45808 6.966 8.21531 7.20801 7.91626 7.20801C7.61736 7.20783 7.37542 6.96589 7.37524 6.66699C7.37524 6.36795 7.61726 6.12518 7.91626 6.125ZM10.8333 6.125C11.1324 6.125 11.3752 6.36784 11.3752 6.66699C11.3751 6.966 11.1323 7.20801 10.8333 7.20801C10.5342 7.20801 10.2914 6.966 10.2913 6.66699C10.2913 6.36784 10.5341 6.125 10.8333 6.125Z" fill="currentColor" stroke="currentColor" stroke-width="0.25" stroke-linecap="square"/>`, task: `<path d="M9.99992 2.0835V17.9168M7.08325 3.75016H2.08325V16.2502H7.08325M12.9166 16.2502H17.9166V3.75016H12.9166" stroke="currentColor" stroke-linecap="square"/>`, stop: `<rect x="5" y="5" width="10" height="10" fill="currentColor"/>`, + status: `<path d="M2 10V18H18V10M2 10V2H18V10M2 10H18M5 6H9M5 14H9" stroke="currentColor"/>`, + "status-active": `<path d="M18 2H2V10H18V2Z" fill="currentColor" fill-opacity="0.1"/> +<path d="M2 18H18V10H2V18Z" fill="currentColor" fill-opacity="0.1"/> +<path d="M2 10V18H18V10M2 10V2H18V10M2 10H18M5 6H9M5 14H9" stroke="currentColor"/>`, + sidebar: `<path d="M7.86667 2H5.2H2V18H5.2H7.86667M7.86667 2H18V18H7.86667M7.86667 2V18" stroke="currentColor"/>`, + "sidebar-active": `<path d="M2 2V18H5.2H7.86667V2H5.2H2Z" fill="currentColor" fill-opacity="0.1"/> +<path d="M7.86667 2H5.2H2V18H5.2H7.86667M7.86667 2H18V18H7.86667M7.86667 2V18" stroke="currentColor"/>`, "layout-left": `<path d="M2.91675 2.91699L2.91675 2.41699L2.41675 2.41699L2.41675 2.91699L2.91675 2.91699ZM17.0834 2.91699L17.5834 2.91699L17.5834 2.41699L17.0834 2.41699L17.0834 2.91699ZM17.0834 17.0837L17.0834 17.5837L17.5834 17.5837L17.5834 17.0837L17.0834 17.0837ZM2.91675 17.0837L2.41675 17.0837L2.41675 17.5837L2.91675 17.5837L2.91675 17.0837ZM7.41674 17.0837L7.41674 17.5837L8.41674 17.5837L8.41674 17.0837L7.91674 17.0837L7.41674 17.0837ZM8.41674 2.91699L8.41674 2.41699L7.41674 2.41699L7.41674 2.91699L7.91674 2.91699L8.41674 2.91699ZM2.91675 2.91699L2.91675 3.41699L17.0834 3.41699L17.0834 2.91699L17.0834 2.41699L2.91675 2.41699L2.91675 2.91699ZM17.0834 2.91699L16.5834 2.91699L16.5834 17.0837L17.0834 17.0837L17.5834 17.0837L17.5834 2.91699L17.0834 2.91699ZM17.0834 17.0837L17.0834 16.5837L2.91675 16.5837L2.91675 17.0837L2.91675 17.5837L17.0834 17.5837L17.0834 17.0837ZM2.91675 17.0837L3.41675 17.0837L3.41675 2.91699L2.91675 2.91699L2.41675 2.91699L2.41675 17.0837L2.91675 17.0837ZM7.91674 17.0837L8.41674 17.0837L8.41674 2.91699L7.91674 2.91699L7.41674 2.91699L7.41674 17.0837L7.91674 17.0837Z" fill="currentColor"/>`, "layout-left-partial": `<path d="M2.91732 2.91602L7.91732 2.91602L7.91732 17.0827H2.91732L2.91732 2.91602Z" fill="currentColor" fill-opacity="16%" /><path d="M2.91732 2.91602L17.084 2.91602M2.91732 2.91602L2.91732 17.0827M2.91732 2.91602L7.91732 2.91602M17.084 2.91602L17.084 17.0827M17.084 2.91602L7.91732 2.91602M17.084 17.0827L2.91732 17.0827M17.084 17.0827L7.91732 17.0827M2.91732 17.0827H7.91732M7.91732 17.0827L7.91732 2.91602" stroke="currentColor" stroke-linecap="square"/>`, "layout-left-full": `<path d="M2.91732 2.91602L7.91732 2.91602L7.91732 17.0827H2.91732L2.91732 2.91602Z" fill="currentColor"/><path d="M2.91732 2.91602L17.084 2.91602M2.91732 2.91602L2.91732 17.0827M2.91732 2.91602L7.91732 2.91602M17.084 2.91602L17.084 17.0827M17.084 2.91602L7.91732 2.91602M17.084 17.0827L2.91732 17.0827M17.084 17.0827L7.91732 17.0827M2.91732 17.0827H7.91732M7.91732 17.0827L7.91732 2.91602" stroke="currentColor" stroke-linecap="square"/>`, diff --git a/packages/ui/src/components/message-part.css b/packages/ui/src/components/message-part.css index 7ee537884..1052a591c 100644 --- a/packages/ui/src/components/message-part.css +++ b/packages/ui/src/components/message-part.css @@ -614,7 +614,7 @@ align-items: center; justify-content: flex-start; gap: 0px; - cursor: pointer; + cursor: default; [data-slot="context-tool-group-title"] { flex-shrink: 1; @@ -623,6 +623,7 @@ [data-slot="collapsible-arrow"] { color: var(--icon-weaker); + cursor: pointer; } } diff --git a/packages/ui/src/styles/tailwind/utilities.css b/packages/ui/src/styles/tailwind/utilities.css index 4318b9ec1..2ba9199db 100644 --- a/packages/ui/src/styles/tailwind/utilities.css +++ b/packages/ui/src/styles/tailwind/utilities.css @@ -13,6 +13,11 @@ mask-image: radial-gradient(circle 5px at calc(100% - 4px) 4px, transparent 5px, black 5.5px); } +@utility badge-mask-tight { + -webkit-mask-image: radial-gradient(circle 5px at calc(100% - 2px) 2px, transparent 5px, black 5.5px); + mask-image: radial-gradient(circle 5px at calc(100% - 2px) 2px, transparent 5px, black 5.5px); +} + @utility truncate-start { text-overflow: ellipsis; overflow: hidden; |
