Remove the Open Desktop card from the dashboard Home tab

Drops the card's markup, styles, color tokens, and the open_desktop and
open_desktop_hint strings, which nothing else uses.

BUG-BOUNTY.md

@@ -40,7 +40,7 @@ The following have already been reviewed and determined **not to be vulnerabilit
 - **SSRF via `secureFetch`.** Production routes outbound requests through an isolated proxy that has no access to internal/SSRF-sensitive resources.
 - **Attacks that depend on guessing an `appInstanceID` or app UID.** These are random 128-bit secret values and are not considered guessable.
 - **Apps invoking drivers, creating workers, or using KV.** Applications are intended to do this; worker permissions are scoped to the owning app. This is by design.
-- **App metadata or app user-count "leaks".** This information is currently public by design. This covers **private apps** too: private apps are an unreleased, admin-only beta for paid listings in the Puter App Center. Their `index_url` and other metadata are not secret, the flag is not user-settable, and no production app relies on it. Reports that a private app's metadata is reachable through a sibling route (`/get-launch-apps`, `index_url` drift on the hosting gate, etc.) are normalization work, not vulnerabilities.
+- **App metadata or app user-count "leaks".** This information is currently public by design. This covers **private apps** too: private apps are an unreleased, admin-only beta for paid listings in the Puter App Center. Their `index_url` and other metadata are not secret, the flag is not user-settable, and no production app relies on it. Reports that a private app's metadata is reachable through a sibling route (taskbar items, `/get-launch-apps`, `index_url` drift on the hosting gate, etc.) are normalization work, not vulnerabilities.
 - **Worker hot-reload driven by a share recipient.** Sharing a worker's source file with write access is how you let a collaborator change that worker's code and have it deploy live. The redeploy running as the file owner, with the owner's worker credentials, is the intended behavior of that grant — the owner chose to hand out write access to executable code. If you do not want that, do not share the source file with write access.
 - **Re-claiming a site or worker name its owner deleted.** A hosted site or worker name that its owner deletes is treated as abandoned by that owner. If one of their apps still points at it, whoever claims the name next serves that app's `index_url` and receives what the app is launched with, and a new app on the same origin may share the old one's identity. Guarding app identities against being recycled this way is ongoing hardening, not a security boundary, so new ways to re-claim an abandoned name, or to inherit an app's tokens or data through one, are not eligible.
 - **Share-mode downgrades that do not cascade.** Demoting a delegate does not retroactively revoke the grants that delegate already issued downstream. Shares are independent grants once issued, not a live-evaluated chain. Revoking the downstream grant is a separate, supported action.

extensions/whoami.test.ts

@@ -257,41 +257,8 @@ describe('whoami extension — handleWhoami', () => {
         expect(body.created_ts).toBeGreaterThan(0);
         // `directories` is only sent to user actors — confirm it’s present.
         expect(body.directories).toBeDefined();
-    });
-
-    it('leaves out taskbar items saved on the account', async () => {
-        const user = await seedUser();
-        await server.stores.user.update(user.id as number, {
-            taskbar_items: JSON.stringify([{ type: 'app', name: 'editor' }]),
-        });
-        const { res, captured } = makeRes();
-
-        await runWithContext(
-            { actor: { user: { uuid: user.uuid, id: user.id as number } } },
-            () => handleWhoami(makeReq(), res),
-        );
-
-        expect(captured.body).not.toHaveProperty('taskbar_items');
-    });
-
-    it('leaves out a desktop background saved on the account', async () => {
-        const user = await seedUser();
-        await server.stores.user.update(user.id as number, {
-            desktop_bg_url: 'https://cdn.test/wallpaper.png',
-            desktop_bg_color: '#000000',
-            desktop_bg_fit: 'cover',
-        });
-        const { res, captured } = makeRes();
-
-        await runWithContext(
-            { actor: { user: { uuid: user.uuid, id: user.id as number } } },
-            () => handleWhoami(makeReq(), res),
-        );
-
-        const body = captured.body as Record<string, unknown>;
-        expect(body).not.toHaveProperty('desktop_bg_url');
-        expect(body).not.toHaveProperty('desktop_bg_color');
-        expect(body).not.toHaveProperty('desktop_bg_fit');
+        // taskbar_items is only sent to user actors.
+        expect(body).toHaveProperty('taskbar_items');
     });
 
     it('reports the SMS-to-card fallback only once a send has opened it', async () => {
@@ -355,7 +322,7 @@ describe('whoami extension — handleWhoami', () => {
         expect(flags.payment_bypass).toBeUndefined();
     });
 
-    it('strips created_ts and human_readable_age fields for app actors', async () => {
+    it('strips desktop_bg_*, created_ts and human_readable_age fields for app actors', async () => {
         const user = await seedUser();
         const { res, captured } = makeRes();
 
@@ -373,6 +340,9 @@ describe('whoami extension — handleWhoami', () => {
         expect(body.app_name).toBe('app-test-actor');
         // is_user_token is stripped for app actors.
         expect(body.is_user_token).toBeUndefined();
+        expect(body.desktop_bg_url).toBeUndefined();
+        expect(body.desktop_bg_color).toBeUndefined();
+        expect(body.desktop_bg_fit).toBeUndefined();
         expect(body.human_readable_age).toBeUndefined();
         // Account age, in either form, is not exposed to apps.
         expect(body.created_ts).toBeUndefined();
@@ -462,7 +432,7 @@ describe('whoami extension — handleWhoami', () => {
             });
         });
 
-        it('cannot add directories for an app actor, which core omits', async () => {
+        it('cannot add taskbar_items for an app actor, which core omits', async () => {
             const user = await seedUser();
             const body = await whoamiWithListener(
                 makeActor({
@@ -470,11 +440,11 @@ describe('whoami extension — handleWhoami', () => {
                     app: { uid: 'app-test-actor' },
                 }),
                 (_key, event) => {
-                    event.details.directories = { '/injected': 'uuid' };
+                    event.details.taskbar_items = [{ name: 'injected' }];
                 },
             );
 
-            expect(body).not.toHaveProperty('directories');
+            expect(body).not.toHaveProperty('taskbar_items');
         });
     });
 
@@ -555,7 +525,7 @@ describe('whoami extension — handleWhoami', () => {
             expect(body.otp_secret).toBeUndefined();
             expect(body.signup_ip).toBeUndefined();
             // Not just absent as a key — the values must not appear anywhere
-            // in the payload (nested under metadata, …).
+            // in the payload (nested under metadata, taskbar items, …).
             const serialized = JSON.stringify(body);
             expect(serialized).not.toContain('5551234567');
             expect(serialized).not.toContain('fp_ABC123');

extensions/whoami.ts

@@ -1,5 +1,6 @@
 import { Context } from '@heyputer/backend/src/core';
 import { extension } from '@heyputer/backend/src/extensions';
+import { APP_ICON_SIZES } from '@heyputer/backend/src/util/appIcon.js';
 import {
     buildUserDetails,
     scrubSensitive,
@@ -53,10 +54,19 @@ export const handleWhoami = async (
         return;
     }
 
+    const rawIconSize =
+        typeof req.query?.icon_size === 'string'
+            ? Number(req.query.icon_size)
+            : undefined;
+    const iconSize =
+        rawIconSize !== undefined && APP_ICON_SIZES.includes(rawIconSize)
+            ? rawIconSize
+            : undefined;
+
     const details = await buildUserDetails(
         user,
         { config: extension.config, clients, stores, services },
-        { isUser },
+        { isUser, iconSize, noIcons: !iconSize },
     );
     details.human_readable_age = user.timestamp
         ? timeago.format(new Date(user.timestamp as string))
@@ -71,6 +81,9 @@ export const handleWhoami = async (
             delete details.email;
             delete details.unconfirmed_email;
         }
+        delete details.desktop_bg_url;
+        delete details.desktop_bg_color;
+        delete details.desktop_bg_fit;
         delete details.human_readable_age;
         delete details.created_ts;
         delete details.is_user_token;
@@ -108,7 +121,8 @@ export const handleWhoami = async (
     }
 
     const subscription = details.subscription as
-        { offering?: Record<string, unknown> } | undefined;
+        | { offering?: Record<string, unknown> }
+        | undefined;
     if (subscription?.offering) {
         delete subscription.offering.group;
         delete subscription.offering.benefits;

src/backend/controllers/apps/AppController.js

@@ -52,8 +52,8 @@ const APP_READ_LIMIT = {
 /**
  * Unauthenticated icon serving; no actor to key on, so the bucket is the
  * address — and an address is a NAT, a campus or a carrier gateway that can
- * hold hundreds of desktops. Each dashboard load pulls its app icons at once,
- * so a single burst from one network is already thousands of requests.
+ * hold hundreds of desktops. Each desktop boot pulls the taskbar's icons at
+ * once, so a single burst from one network is already thousands of requests.
  * Responses are publicly cacheable and usually a redirect, so the ceiling is
  * not protecting bandwidth; it is there so a client looping on a broken icon
  * can't spin unbounded.
@@ -523,7 +523,7 @@ export class AppController extends PuterController {
         };
 
         // Icons are <img src> targets from the GUI (root) AND resolved via
-        // api_base_url in app summaries. Register on both so either origin
+        // api_base_url in taskbar payloads. Register on both so either origin
         // works without a cross-subdomain redirect.
         router.get(
             '/app-icon/:app_uid',

src/backend/controllers/apps/AppController.test.ts

@@ -1271,7 +1271,7 @@ describe('AppController app-icon rate limit', () => {
     it('sizes the icon bucket for a whole network rather than one desktop', () => {
         // Icons are unauthenticated `<img src>` targets, so the only key is
         // the address — which one NAT shares across every desktop behind it,
-        // and each dashboard load pulls its app icons in a burst.
+        // and each boot pulls the taskbar's icons in a burst.
         for (const path of ['/app-icon/:app_uid', '/app-icon/:app_uid/:size']) {
             const route = router.routes.find(
                 (r) => r.method === 'get' && r.path === path,

src/backend/controllers/auth/AuthController.test.ts

@@ -1416,7 +1416,7 @@ describe('AuthController.handleLogin', () => {
             is_user_token: true,
         });
         expect(body.user.directories).toBeTypeOf('object');
-        expect(body.user).not.toHaveProperty('taskbar_items');
+        expect(Array.isArray(body.user.taskbar_items)).toBe(true);
     });
 
     // A deleted row still answering from cache reaches the session INSERT.

src/backend/controllers/desktop/DesktopController.js

@@ -25,13 +25,18 @@ const ALLOWED_SORT_BY = ['name', 'size', 'modified', 'type'];
 const ALLOWED_SORT_ORDER = ['asc', 'desc'];
 
 /**
- * Folder view preference routes: layout and sort_by/sort_order, stored on the
- * folder's fsentries row.
+ * Desktop/UI preference routes.
+ *
+ * Two categories:
+ *
+ * - User-level: desktop background, taskbar items (UserStore)
+ * - Folder-level: layout, sort_by/sort_order (fsentries table)
  */
 /**
- * Desktop preference writes — layout, sort order. Each persists on every call,
- * and the GUI fires them on direct user action, so a per-minute ceiling well
- * above human speed is enough to catch a stuck client.
+ * Desktop preference writes — background, taskbar, layout, sort order. All four
+ * persist to the user row on every call, and the GUI fires them on direct user
+ * action, so a per-minute ceiling well above human speed is enough to catch a
+ * stuck client.
  */
 const PREFERENCE_WRITE_LIMIT = {
     scope: 'desktop-preference',
@@ -42,6 +47,89 @@ const PREFERENCE_WRITE_LIMIT = {
 
 export class DesktopController extends PuterController {
     registerRoutes(router) {
+        // -- Desktop background --------------------------------------
+
+        router.post(
+            '/set-desktop-bg',
+            {
+                subdomain: 'api',
+                requireUserActor: true,
+                allowFullAccessToken: true,
+                rateLimit: PREFERENCE_WRITE_LIMIT,
+            },
+            async (req, res) => {
+                const { url, color, fit } = req.body ?? {};
+
+                const patch = {};
+                if (url !== undefined) {
+                    if (url !== null && typeof url !== 'string') {
+                        throw new HttpError(
+                            400,
+                            '`url` must be a string or null',
+                            { legacyCode: 'bad_request' },
+                        );
+                    }
+                    patch.desktop_bg_url = url;
+                }
+                if (color !== undefined) {
+                    if (color !== null && typeof color !== 'string') {
+                        throw new HttpError(
+                            400,
+                            '`color` must be a string or null',
+                            { legacyCode: 'bad_request' },
+                        );
+                    }
+                    patch.desktop_bg_color = color;
+                }
+                if (fit !== undefined) {
+                    if (fit !== null && typeof fit !== 'string') {
+                        throw new HttpError(
+                            400,
+                            '`fit` must be a string or null',
+                            { legacyCode: 'bad_request' },
+                        );
+                    }
+                    patch.desktop_bg_fit = fit;
+                }
+
+                if (Object.keys(patch).length === 0) {
+                    throw new HttpError(400, 'No fields provided', {
+                        legacyCode: 'bad_request',
+                    });
+                }
+
+                await this.stores.user.update(req.actor.user.id, patch);
+                res.json({});
+            },
+        );
+
+        // -- Taskbar items -------------------------------------------
+
+        router.post(
+            '/update-taskbar-items',
+            {
+                subdomain: 'api',
+                requireUserActor: true,
+                allowFullAccessToken: true,
+                rateLimit: PREFERENCE_WRITE_LIMIT,
+            },
+            async (req, res) => {
+                const { items } = req.body ?? {};
+                if (!Array.isArray(items)) {
+                    throw new HttpError(
+                        400,
+                        'Missing or invalid `items` array',
+                        { legacyCode: 'bad_request' },
+                    );
+                }
+
+                await this.stores.user.update(req.actor.user.id, {
+                    taskbar_items: JSON.stringify(items),
+                });
+                res.json({});
+            },
+        );
+
         // -- Folder layout -------------------------------------------
 
         router.post(

src/backend/controllers/desktop/DesktopController.test.ts

@@ -130,17 +130,147 @@ const callRoute = async (
     });
 };
 
-describe('DesktopController routes', () => {
-    it('has no desktop background route', () => {
-        expect(
-            router.routes.some((r) => r.path === '/set-desktop-bg'),
-        ).toBe(false);
+// ── /set-desktop-bg ─────────────────────────────────────────────────
+
+describe('DesktopController POST /set-desktop-bg', () => {
+    it('persists url/color/fit on the user row', async () => {
+        const { actor, userId } = await makeUser();
+        const { res, captured } = makeRes();
+        await callRoute(
+            'post',
+            '/set-desktop-bg',
+            makeReq({
+                body: {
+                    url: 'https://cdn.test/wallpaper.png',
+                    color: '#000000',
+                    fit: 'cover',
+                },
+                actor,
+            }),
+            res,
+        );
+        expect(captured.body).toEqual({});
+
+        const refreshed = await server.stores.user.getById(userId);
+        expect(refreshed?.desktop_bg_url).toBe(
+            'https://cdn.test/wallpaper.png',
+        );
+        expect(refreshed?.desktop_bg_color).toBe('#000000');
+        expect(refreshed?.desktop_bg_fit).toBe('cover');
     });
 
-    it('has no taskbar items route', () => {
-        expect(
-            router.routes.some((r) => r.path === '/update-taskbar-items'),
-        ).toBe(false);
+    it('persists only the supplied fields (partial update)', async () => {
+        const { actor, userId } = await makeUser();
+        const { res } = makeRes();
+        await callRoute(
+            'post',
+            '/set-desktop-bg',
+            makeReq({ body: { color: '#ffffff' }, actor }),
+            res,
+        );
+        const refreshed = await server.stores.user.getById(userId);
+        expect(refreshed?.desktop_bg_color).toBe('#ffffff');
+        // Untouched fields remain at their column default.
+        expect(refreshed?.desktop_bg_url).toBeFalsy();
+        expect(refreshed?.desktop_bg_fit).toBeFalsy();
+    });
+
+    it('passes through `null` to clear a field', async () => {
+        const { actor, userId } = await makeUser();
+        // First populate, then clear.
+        const populate = makeRes();
+        await callRoute(
+            'post',
+            '/set-desktop-bg',
+            makeReq({
+                body: { url: 'https://cdn.test/x.png' },
+                actor,
+            }),
+            populate.res,
+        );
+        const before = await server.stores.user.getById(userId);
+        expect(before?.desktop_bg_url).toBe('https://cdn.test/x.png');
+
+        const clear = makeRes();
+        await callRoute(
+            'post',
+            '/set-desktop-bg',
+            makeReq({ body: { url: null }, actor }),
+            clear.res,
+        );
+        const after = await server.stores.user.getById(userId);
+        expect(after?.desktop_bg_url).toBeNull();
+    });
+
+    it('throws 400 when url is not a string or null', async () => {
+        const { actor } = await makeUser();
+        const { res } = makeRes();
+        await expect(
+            callRoute(
+                'post',
+                '/set-desktop-bg',
+                makeReq({ body: { url: 123 }, actor }),
+                res,
+            ),
+        ).rejects.toMatchObject({ statusCode: 400 });
+    });
+
+    it('throws 400 when no fields are provided', async () => {
+        const { actor } = await makeUser();
+        const { res } = makeRes();
+        await expect(
+            callRoute(
+                'post',
+                '/set-desktop-bg',
+                makeReq({ body: {}, actor }),
+                res,
+            ),
+        ).rejects.toMatchObject({ statusCode: 400 });
+    });
+});
+
+// ── /update-taskbar-items ───────────────────────────────────────────
+
+describe('DesktopController POST /update-taskbar-items', () => {
+    it('persists items as a JSON-encoded string', async () => {
+        const { actor, userId } = await makeUser();
+        const items = [{ name: 'editor' }, { name: 'browser' }];
+        const { res } = makeRes();
+        await callRoute(
+            'post',
+            '/update-taskbar-items',
+            makeReq({ body: { items }, actor }),
+            res,
+        );
+
+        const refreshed = await server.stores.user.getById(userId);
+        expect(refreshed?.taskbar_items).toBe(JSON.stringify(items));
+    });
+
+    it('throws 400 when items is missing', async () => {
+        const { actor } = await makeUser();
+        const { res } = makeRes();
+        await expect(
+            callRoute(
+                'post',
+                '/update-taskbar-items',
+                makeReq({ body: {}, actor }),
+                res,
+            ),
+        ).rejects.toMatchObject({ statusCode: 400 });
+    });
+
+    it('throws 400 when items is not an array', async () => {
+        const { actor } = await makeUser();
+        const { res } = makeRes();
+        await expect(
+            callRoute(
+                'post',
+                '/update-taskbar-items',
+                makeReq({ body: { items: 'oops' }, actor }),
+                res,
+            ),
+        ).rejects.toMatchObject({ statusCode: 400 });
     });
 });
 

src/backend/controllers/fs/LegacyFSController.test.ts

@@ -5111,8 +5111,9 @@ describe('LegacyFSController.updateFsentryThumbnail', () => {
 // ── GET /get-launch-apps ────────────────────────────────────────────
 //
 // `recent` is a launch-metadata producer: it returns `index_url` for
-// apps the user has opened before. The field is served whoever reads it,
-// so AppDriver's hosted-backing guard is applied here too.
+// apps the user has opened before. The taskbar happens to launch these
+// by name (so AppDriver's hosted-backing guard applies), but the field
+// is served regardless, so the guard is applied here too.
 
 describe('LegacyFSController GET /get-launch-apps', () => {
     const hostedUrl = (sub: string) => `https://${sub}.site.puter.localhost/`;

src/backend/controllers/fs/LegacyFSController.ts

@@ -401,9 +401,11 @@ export class LegacyFSController extends PuterController {
                             .filter(Boolean);
 
                     // Don't hand out an index_url whose puter-hosted backing is
-                    // gone or reclaimed. This list is a launch-metadata producer
-                    // like any other — a consumer reading index_url straight off
-                    // it shouldn't inherit a stale origin.
+                    // gone or reclaimed. The taskbar launches recents by name (so
+                    // AppDriver's guard applies), but this list is a
+                    // launch-metadata producer like any other — a future consumer
+                    // reading index_url straight off it shouldn't inherit a stale
+                    // origin.
                     let backingGoneFlags: boolean[];
                     try {
                         backingGoneFlags =
@@ -948,7 +950,9 @@ export class LegacyFSController extends PuterController {
             // Trash, and `null`/`{}` when restoring. See
             // `src/gui/src/helpers.js` → `window.move_items`.
             newMetadata: (body.new_metadata ?? undefined) as
-                Record<string, unknown> | null | undefined,
+                | Record<string, unknown>
+                | null
+                | undefined,
         });
         const overwrittenEntry = replacedByMove(overwriteTarget, moved, name);
         const oldPath = source.path;
@@ -1422,7 +1426,8 @@ export class LegacyFSController extends PuterController {
         }
 
         type SignedOrEmpty =
-            (SignedFile & { path?: string }) | Record<string, never>;
+            | (SignedFile & { path?: string })
+            | Record<string, never>;
         const result: { signatures: SignedOrEmpty[]; token?: string } = {
             signatures: [],
         };
@@ -2049,7 +2054,10 @@ export class LegacyFSController extends PuterController {
         const subjectRef = body.subject;
         const appRef = body.app;
         const mode = (getString(body, 'mode') ?? 'read') as
-            'see' | 'list' | 'read' | 'write';
+            | 'see'
+            | 'list'
+            | 'read'
+            | 'write';
         if (!subjectRef || !appRef)
             throw new HttpError(400, '`subject` and `app` are required', {
                 legacyCode: 'bad_request',

src/backend/core/http/middleware/authProbe.ts

@@ -224,7 +224,7 @@ const extractToken = (
         }
     }
 
-    // 5. Query string (used by e.g. asset URLs).
+    // 5. Query string (used by e.g. QR login, asset URLs).
     const queryToken = (req.query as { auth_token?: unknown } | undefined)
         ?.auth_token;
     if (typeof queryToken === 'string' && queryToken.length > 0) {

src/backend/services/auth/AuthService.ts

@@ -2864,7 +2864,7 @@ export class AuthService extends PuterService {
 
     #actorUserFromRow(user: UserRow) {
         // Strip the password hash; pass everything else through so callers
-        // can read metadata, otp_enabled, etc. without
+        // can read metadata, desktop_bg_*, otp_enabled, etc. without
         // re-fetching the user. Mirrors what /whoami exposes off of UserRow.
         const { password: _password, ...rest } = user;
         return {

src/backend/services/auth/types.ts

@@ -43,7 +43,7 @@ export type TokenType = 'session' | 'gui' | 'app-under-user' | 'access-token';
 
 /**
  * Browser session token. `'session'` is the HTTP-only-cookie flavor, `'gui'`
- * the same shape served in a response body (e.g. the login response).
+ * the same shape served in a response body (e.g. QR login).
  */
 export interface SessionTokenPayload extends TokenPayloadBase {
     type: 'session' | 'gui';
@@ -109,7 +109,9 @@ export interface AccessTokenPayload extends TokenPayloadBase {
 }
 
 export type AnyTokenPayload =
-    SessionTokenPayload | AppUnderUserTokenPayload | AccessTokenPayload;
+    | SessionTokenPayload
+    | AppUnderUserTokenPayload
+    | AccessTokenPayload;
 
 // -- Session row (from `sessions` table) ----------------------------
 

src/backend/services/homepage/PuterHomepageService.ts

@@ -517,6 +517,8 @@ export class PuterHomepageService extends PuterService {
     <meta name="theme-color" content="#ffffff">
     ${bundled ? `<link rel="stylesheet" href="${guiCss}">` : ''}
 
+    <link rel="preload" as="image" href="https://puter-assets.b-cdn.net/wallpaper.webp">
+
     <script>
         if ( ! window.service_script ) {
             window.service_script_api_promise = (() => {

src/backend/util/appView.ts

@@ -159,8 +159,8 @@ export interface AppSummaryOptions {
 
 /**
  * The summary the desktop launches from directly, without re-reading the app
- * (suggested, recommended and recent apps), so every launch-relevant flag
- * belongs here.
+ * (suggested, recommended, recent and taskbar apps), so every launch-relevant
+ * flag belongs here.
  */
 export function toAppSummary(
     app: AppRow,

src/backend/util/taskbarItems.test.ts

@@ -0,0 +1,271 @@
+/**
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { v4 as uuidv4 } from 'uuid';
+import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest';
+import { PuterServer } from '../server.ts';
+import { setupTestServer } from '../testUtil.ts';
+import { getTaskbarItems } from './taskbarItems.ts';
+
+describe('getTaskbarItems', () => {
+    let server: PuterServer;
+    let deps: Parameters<typeof getTaskbarItems>[1];
+
+    beforeAll(async () => {
+        server = await setupTestServer();
+        deps = {
+            clients: server.clients,
+            stores: server.stores,
+            apiBaseUrl: 'https://api.puter.com',
+            config: { static_hosting_domain: 'puter.site' },
+        } as unknown as Parameters<typeof getTaskbarItems>[1];
+    });
+
+    afterAll(async () => {
+        await server?.shutdown();
+    });
+
+    const makeUser = async (taskbarItems?: unknown) => {
+        const username = `tb-${Math.random().toString(36).slice(2, 10)}`;
+        const created = await server.stores.user.create({
+            username,
+            uuid: uuidv4(),
+            password: null,
+            email: `${username}@test.local`,
+        } as never);
+        if (taskbarItems !== undefined) {
+            await server.stores.user.update(created.id, {
+                taskbar_items:
+                    typeof taskbarItems === 'string'
+                        ? taskbarItems
+                        : JSON.stringify(taskbarItems),
+            });
+        }
+        return (await server.stores.user.getById(created.id))!;
+    };
+
+    const makeApp = async (ownerUserId: number, overrides = {}) => {
+        const name = `tb-app-${Math.random().toString(36).slice(2, 10)}`;
+        return server.stores.app.create(
+            {
+                name,
+                title: `Title ${name}`,
+                index_url: `https://${name}.example.com/`,
+                description: 'a test app',
+                ...overrides,
+            },
+            { ownerUserId },
+        );
+    };
+
+    it('seeds the default taskbar for a user that has none, and persists it', async () => {
+        const user = await makeUser();
+        expect(user.taskbar_items).toBeFalsy();
+
+        await getTaskbarItems(user as never, deps);
+
+        const [row] = await server.clients.db.read(
+            'SELECT `taskbar_items` FROM `user` WHERE `id` = ?',
+            [user.id],
+        );
+        const stored = JSON.parse(String(row.taskbar_items));
+        expect(stored.map((e: { name: string }) => e.name)).toContain(
+            'app-center',
+        );
+        // The cached row must not keep serving the pre-seed value.
+        expect(
+            (await server.stores.user.getById(user.id))?.taskbar_items,
+        ).toBeTruthy();
+    });
+
+    it('resolves entries by name, uid and id', async () => {
+        const owner = await makeUser([]);
+        const byName = await makeApp(owner.id);
+        const byUid = await makeApp(owner.id);
+        const byId = await makeApp(owner.id);
+
+        const user = await makeUser([
+            { name: byName.name, type: 'app' },
+            { uid: byUid.uid, type: 'app' },
+            { id: byId.id, type: 'app' },
+        ]);
+
+        const items = await getTaskbarItems(user as never, deps);
+        expect(items.map((i) => i.uid)).toEqual([
+            byName.uid,
+            byUid.uid,
+            byId.uid,
+        ]);
+        expect(items[0]).toMatchObject({
+            uuid: byName.uid,
+            name: byName.name,
+            title: byName.title,
+            godmode: false,
+            maximize_on_start: false,
+            description: 'a test app',
+        });
+    });
+
+    it('resolves the whole taskbar with one batched lookup per key, not one per entry', async () => {
+        const owner = await makeUser([]);
+        const apps = await Promise.all([0, 1, 2].map(() => makeApp(owner.id)));
+        const byUid = await makeApp(owner.id);
+        const user = await makeUser([
+            ...apps.map((app) => ({ name: app.name, type: 'app' })),
+            { uid: byUid.uid, type: 'app' },
+        ]);
+        const appStore = server.stores.app;
+        const spies = {
+            getByName: vi.spyOn(appStore, 'getByName'),
+            getByUid: vi.spyOn(appStore, 'getByUid'),
+            getById: vi.spyOn(appStore, 'getById'),
+            getByNames: vi.spyOn(appStore, 'getByNames'),
+            getByUids: vi.spyOn(appStore, 'getByUids'),
+        };
+        try {
+            const items = await getTaskbarItems(user as never, deps);
+
+            expect(items.map((i) => i.uid)).toEqual([
+                ...apps.map((app) => app.uid),
+                byUid.uid,
+            ]);
+            expect(spies.getByName).not.toHaveBeenCalled();
+            expect(spies.getByUid).not.toHaveBeenCalled();
+            expect(spies.getById).not.toHaveBeenCalled();
+            expect(spies.getByNames).toHaveBeenCalledTimes(1);
+            expect(spies.getByUids).toHaveBeenCalledTimes(1);
+        } finally {
+            for (const spy of Object.values(spies)) spy.mockRestore();
+        }
+    });
+
+    it('skips non-app entries, the explorer pin, and unresolvable apps', async () => {
+        const owner = await makeUser([]);
+        const app = await makeApp(owner.id);
+        const user = await makeUser([
+            { name: 'explorer', type: 'app' },
+            { name: 'nothing-here', type: 'app' },
+            { name: app.name, type: 'separator' },
+            { type: 'app' },
+            { name: app.name, type: 'app' },
+        ]);
+
+        const items = await getTaskbarItems(user as never, deps);
+        expect(items).toHaveLength(1);
+        expect(items[0].name).toBe(app.name);
+    });
+
+    it('falls back to an empty taskbar when the stored JSON is corrupt', async () => {
+        const user = await makeUser('{not json');
+        expect(await getTaskbarItems(user as never, deps)).toEqual([]);
+    });
+
+    it('accepts an already-parsed taskbar array on the user row', async () => {
+        const owner = await makeUser([]);
+        const app = await makeApp(owner.id);
+        const user = await makeUser([]);
+
+        const items = await getTaskbarItems(
+            { ...user, taskbar_items: [{ name: app.name, type: 'app' }] },
+            deps,
+        );
+        expect(items.map((i) => i.name)).toEqual([app.name]);
+    });
+
+    it('builds a sized icon URL by default and drops the icon on request', async () => {
+        const owner = await makeUser([]);
+        const app = await makeApp(owner.id);
+        const user = await makeUser([{ name: app.name, type: 'app' }]);
+
+        const withIcon = await getTaskbarItems(user as never, deps, {
+            iconSize: 64,
+        });
+        expect(withIcon[0].icon).toBe(
+            `https://api.puter.com/app-icon/${app.uid}/64`,
+        );
+
+        const withoutIcon = await getTaskbarItems(user as never, deps, {
+            noIcons: true,
+        });
+        expect('icon' in withoutIcon[0]).toBe(false);
+    });
+
+    it('pairs the icon URL with the direct subdomain URL when one exists', async () => {
+        const owner = await makeUser([]);
+        // An http(s) icon column is what the resize pipeline leaves behind, so
+        // the sized PNG is on the subdomain.
+        const app = await makeApp(owner.id, {
+            icon: 'https://api.puter.com/app-icon/x',
+        });
+        const user = await makeUser([{ name: app.name, type: 'app' }]);
+
+        const items = await getTaskbarItems(user as never, deps, {
+            iconSize: 64,
+        });
+        expect(items[0].icon).toBe(
+            `https://api.puter.com/app-icon/${app.uid}/64`,
+        );
+        expect(items[0].iconCdnUrl).toBe(
+            `https://puter-app-icons.puter.site/${app.uid}-64.png`,
+        );
+    });
+
+    it('reports no subdomain URL for an app whose icon was never generated', async () => {
+        const owner = await makeUser([]);
+        const app = await makeApp(owner.id);
+        const user = await makeUser([{ name: app.name, type: 'app' }]);
+
+        const items = await getTaskbarItems(user as never, deps, {
+            iconSize: 64,
+        });
+        expect(items[0].iconCdnUrl).toBeNull();
+    });
+
+    it('falls back to the raw icon column when no API base URL is configured', async () => {
+        const owner = await makeUser([]);
+        const app = await makeApp(owner.id, {
+            icon: 'https://cdn.example.com/i.png',
+        });
+        const user = await makeUser([{ name: app.name, type: 'app' }]);
+
+        const items = await getTaskbarItems(
+            user as never,
+            {
+                ...deps,
+                apiBaseUrl: undefined,
+            } as never,
+        );
+        expect(items[0].icon).toBe('https://cdn.example.com/i.png');
+    });
+
+    it('reports null for an app with no icon and no API base URL', async () => {
+        const owner = await makeUser([]);
+        const app = await makeApp(owner.id);
+        const user = await makeUser([{ name: app.name, type: 'app' }]);
+
+        const items = await getTaskbarItems(
+            user as never,
+            {
+                ...deps,
+                apiBaseUrl: undefined,
+            } as never,
+        );
+        expect(items[0].icon).toBeNull();
+    });
+});

src/backend/util/taskbarItems.ts

@@ -0,0 +1,134 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import type { AppIconHostConfig } from './appIcon.js';
+import { toAppSummary, type AppRow } from './appView.js';
+
+interface TaskbarEntry {
+    name?: string;
+    id?: number;
+    uid?: string;
+    type?: string;
+}
+
+interface TaskbarOptions {
+    iconSize?: number;
+    noIcons?: boolean;
+}
+
+interface TaskbarDeps {
+    apiBaseUrl?: string;
+    config?: AppIconHostConfig;
+    stores: {
+        app: {
+            getByNames: (names: string[]) => Promise<Map<string, AppRow>>;
+            getByUids: (uids: string[]) => Promise<Map<string, AppRow>>;
+            getByIds: (ids: number[]) => Promise<Map<number, AppRow>>;
+        };
+        user: {
+            update: (
+                id: number,
+                patch: Record<string, unknown>,
+            ) => Promise<unknown>;
+        };
+    };
+}
+
+const DEFAULT_TASKBAR_ITEMS: TaskbarEntry[] = [
+    { name: 'app-center', type: 'app' },
+    { name: 'builder', type: 'app' },
+    { name: 'dev-center', type: 'app' },
+    { name: 'editor', type: 'app' },
+    { name: 'code', type: 'app' },
+    { name: 'camera', type: 'app' },
+    { name: 'recorder', type: 'app' },
+    { name: 'browser', type: 'app' },
+];
+
+export async function getTaskbarItems(
+    user: Record<string, unknown>,
+    deps: TaskbarDeps,
+    options: TaskbarOptions = {},
+): Promise<Array<Record<string, unknown>>> {
+    let raw: TaskbarEntry[];
+
+    if (!user.taskbar_items) {
+        raw = DEFAULT_TASKBAR_ITEMS;
+        await deps.stores.user.update(user.id as number, {
+            taskbar_items: JSON.stringify(raw),
+        });
+    } else {
+        try {
+            raw =
+                typeof user.taskbar_items === 'string'
+                    ? JSON.parse(user.taskbar_items as string)
+                    : (user.taskbar_items as TaskbarEntry[]);
+        } catch {
+            raw = [];
+        }
+    }
+
+    const entries = raw.filter(
+        (entry) => entry.type === 'app' && entry.name !== 'explorer',
+    );
+    const [byName, byUid, byId] = await Promise.all([
+        deps.stores.app.getByNames(
+            entries.flatMap((entry) => (entry.name ? [entry.name] : [])),
+        ),
+        deps.stores.app.getByUids(
+            entries.flatMap((entry) =>
+                !entry.name && entry.uid ? [entry.uid] : [],
+            ),
+        ),
+        deps.stores.app.getByIds(
+            entries.flatMap((entry) =>
+                !entry.name && !entry.uid && entry.id ? [entry.id] : [],
+            ),
+        ),
+    ]);
+
+    const items: Array<Record<string, unknown>> = [];
+    for (const entry of entries) {
+        const app = entry.name
+            ? byName.get(entry.name)
+            : entry.uid
+              ? byUid.get(entry.uid)
+              : entry.id
+                ? byId.get(entry.id)
+                : undefined;
+        if (!app) continue;
+
+        const item: Record<string, unknown> = {
+            uid: app.uid,
+            ...toAppSummary(app, {
+                apiBaseUrl: deps.apiBaseUrl,
+                config: deps.config,
+                iconSize: options.iconSize,
+            }),
+            description: app.description,
+        };
+        if (options.noIcons) {
+            delete item.icon;
+            delete item.iconCdnUrl;
+        }
+        items.push(item);
+    }
+
+    return items;
+}

src/backend/util/userDetails.test.ts

@@ -85,17 +85,7 @@ describe('buildUserDetails', () => {
             [`/${user.username}/Desktop`]: user.desktop_uuid,
             [`/${user.username}/Trash`]: user.trash_uuid,
         });
-    });
-
-    it('leaves out taskbar items saved on the account', async () => {
-        const user = {
-            ...(await makeUser()),
-            taskbar_items: JSON.stringify([{ type: 'app', name: 'editor' }]),
-        };
-        const details = await buildUserDetails(user, deps(), {
-            isUser: true,
-        });
-        expect(details).not.toHaveProperty('taskbar_items');
+        expect(Array.isArray(details.taskbar_items)).toBe(true);
     });
 
     it('leaves the desktop-only parts out for an app actor', async () => {
@@ -103,6 +93,7 @@ describe('buildUserDetails', () => {
         const details = await buildUserDetails(user, deps(), {
             isUser: false,
         });
+        expect(details).not.toHaveProperty('taskbar_items');
         expect(details).not.toHaveProperty('directories');
         expect(details.card_fallback_available).toBe(false);
     });
@@ -133,7 +124,7 @@ describe('buildUserDetails lookups', () => {
         return keys.slice(keys.indexOf('hasDevAccountAccess') + 1);
     };
 
-    it('reads the linked provider and seat together, listed in a fixed order', async () => {
+    it('reads the linked provider, taskbar and seat together, listed in a fixed order', async () => {
         const user = {
             ...(await makeUser()),
             password: null,
@@ -171,6 +162,7 @@ describe('buildUserDetails lookups', () => {
         );
         expect(tailKeys(details)).toEqual([
             'oidc_revalidate_url',
+            'taskbar_items',
             'directories',
             'team',
             'last_activity_ts',
@@ -185,6 +177,7 @@ describe('buildUserDetails lookups', () => {
         const user = {
             ...(await makeUser()),
             password: null,
+            taskbar_items: JSON.stringify([{ type: 'app', name: 'editor' }]),
             last_activity_ts: '2026-01-02 03:04:05',
         };
         const events: string[] = [];
@@ -206,6 +199,15 @@ describe('buildUserDetails lookups', () => {
                         },
                     },
                     stores: Object.assign(Object.create(d.stores), {
+                        app: {
+                            getByNames: () =>
+                                timed(events, 'taskbar', 20, () => {
+                                    throw new Error('taskbar down');
+                                }),
+                            getByUids: async () => new Map(),
+                            getByIds: async () => new Map(),
+                        },
+                        // Fails first, but is reported after the taskbar.
                         team: {
                             getOrgSeat: () =>
                                 timed(events, 'seat', 5, () => {
@@ -217,12 +219,18 @@ describe('buildUserDetails lookups', () => {
                 { isUser: true },
             );
             expect(warn.mock.calls).toEqual([
+                ['[user-details] taskbar_items failed:', expect.any(Error)],
                 ['[user-details] team lookup failed:', expect.any(Error)],
             ]);
         } finally {
             warn.mockRestore();
         }
-        expect(tailKeys(details)).toEqual(['directories', 'last_activity_ts']);
+        expect(tailKeys(details)).toEqual([
+            'taskbar_items',
+            'directories',
+            'last_activity_ts',
+        ]);
+        expect(details.taskbar_items).toEqual([]);
     });
 });
 

src/backend/util/userDetails.ts

@@ -27,12 +27,18 @@ import {
     isCardFallbackEligible,
     type CardFallbackClients,
 } from './cardFallback.js';
+import { getTaskbarItems } from './taskbarItems.js';
 import { isEmailGateLast } from './verificationOrder.js';
 
+type TaskbarDeps = Parameters<typeof getTaskbarItems>[1];
+
 export interface UserDetailsDeps {
     config: IConfig;
-    clients: CardFallbackClients;
-    stores: {
+    // `db.write` backs the taskbar's first-read default row.
+    clients: CardFallbackClients & {
+        db: { write: (query: string, params?: unknown[]) => Promise<unknown> };
+    };
+    stores: TaskbarDeps['stores'] & {
         kv: Pick<SystemKVStore, 'get'>;
         team?: Pick<TeamStoreContract, 'getOrgSeat'>;
     };
@@ -72,8 +78,8 @@ const SENSITIVE_KEYS: ReadonlySet<string> = new Set([
 ]);
 
 /**
- * Delete every sensitive key at any depth (`metadata` is nested). Depth-limited
- * and cycle-safe. Runs last over a whole payload.
+ * Delete every sensitive key at any depth (`metadata` and `taskbar_items` are
+ * nested). Depth-limited and cycle-safe. Runs last over a whole payload.
  */
 export const scrubSensitive = (
     value: unknown,
@@ -118,7 +124,7 @@ export const toUnixSeconds = (value: unknown): number | undefined => {
 export async function buildUserDetails(
     user: UserRow,
     deps: UserDetailsDeps,
-    opts: { isUser: boolean },
+    opts: { isUser: boolean; iconSize?: number; noIcons?: boolean },
 ): Promise<Record<string, unknown>> {
     const { config, clients, stores, services } = deps;
     const { isUser } = opts;
@@ -164,6 +170,9 @@ export async function buildUserDetails(
                   cardFallbackDepsFrom(clients),
               )
             : false,
+        desktop_bg_url: user.desktop_bg_url,
+        desktop_bg_color: user.desktop_bg_color,
+        desktop_bg_fit: user.desktop_bg_fit,
         is_temp: user.password === null && user.email === null,
         is_user_token: true,
         // Null until the account asks for a code; never minted here.
@@ -176,6 +185,14 @@ export async function buildUserDetails(
         hasDevAccountAccess: !!user.metadata?.hasDevAccountAccess,
     };
 
+    // Not an inline literal, so a `TaskbarDeps` without `clients` still
+    // accepts it.
+    const taskbarDeps = {
+        clients,
+        stores,
+        apiBaseUrl: String(config.api_base_url ?? ''),
+        config,
+    };
     const linkedProvider = async () => {
         if (!oidcOnly) return null;
         try {
@@ -185,6 +202,19 @@ export async function buildUserDetails(
             return null;
         }
     };
+    const taskbarItems = async () => {
+        if (!isUser) return null;
+        try {
+            return {
+                items: await getTaskbarItems(user, taskbarDeps, {
+                    iconSize: opts.iconSize,
+                    noIcons: opts.noIcons,
+                }),
+            };
+        } catch (error) {
+            return { error };
+        }
+    };
     // The team that pays for the account; every seat restriction keys on it.
     const orgSeat = async () => {
         if (!isUser || config.teams_enabled !== true) return null;
@@ -196,14 +226,26 @@ export async function buildUserDetails(
     };
     // Independent and each best-effort, so read together; the results land
     // below in the order the payload has always listed them.
-    const [provider, team] = await Promise.all([linkedProvider(), orgSeat()]);
+    const [provider, taskbar, team] = await Promise.all([
+        linkedProvider(),
+        taskbarItems(),
+        orgSeat(),
+    ]);
 
     if (provider) {
         const origin = (config.origin ?? '').replace(/\/$/, '');
         details.oidc_revalidate_url = `${origin}/auth/oidc/${provider}/start?flow=revalidate&user_uuid=${encodeURIComponent(user.uuid)}`;
     }
 
-    if (isUser) {
+    if (taskbar) {
+        // Best-effort: the account still works without them.
+        if ('error' in taskbar) {
+            console.warn('[user-details] taskbar_items failed:', taskbar.error);
+            details.taskbar_items = [];
+        } else {
+            details.taskbar_items = taskbar.items;
+        }
+
         const directories: Record<string, unknown> = {};
         const nameToProp: Record<string, string> = {
             desktop_uuid: `/${user.username}/Desktop`,

src/docs/src/UI/createWindow.md

@@ -27,7 +27,7 @@ A set of key/value pairs that configure the window.
 | `is_resizable` | `Boolean` | If set to `true`, the user can resize the window. |
 | `has_head` | `Boolean` | If set to `true`, the window has a head which contains the icon and the close, minimize, and maximize buttons. |
 | `disable_parent_window` | `Boolean` | If set to `true`, the parent window is blocked until the current window is closed. |
-| `show_in_taskbar` | `Boolean` | Deprecated. It has no effect. |
+| `show_in_taskbar` | `Boolean` | If set to `true`, the window is represented in the taskbar. |
 
 ## Return value
 A `Promise` that resolves to a window handle object with an `id` (String) property identifying the created window. This `id` can be passed as the `window_id` argument to the `setWindow*` methods.
@@ -50,6 +50,7 @@ A `Promise` that resolves to a window handle object with an `id` (String) proper
             is_resizable: false,
             has_head: true,
             center: true,
+            show_in_taskbar: false,
         })
     </script>
 </body>

src/docs/src/UI/launchApp.md

@@ -36,11 +36,12 @@ Without `background`, Puter creates and shows the window before the app's own co
 runs, so a service app cannot avoid briefly appearing on screen.
 
 A background instance stays private to your app for as long as it is hidden: it has no
-running mark on its icon, and opening the app from Puter's app list starts a
-separate, ordinary instance for the user rather than handing them the one you
-are talking to. It can show itself at any time with
-[`puter.ui.showWindow()`](/UI/showWindow), and from that moment it is an
-ordinary window that the user can return to, hide, or close like any other.
+taskbar item and no running mark on its icon, and opening the app from the
+taskbar or from Puter's app list starts a separate, ordinary instance for the
+user rather than handing them the one you are talking to. It can show itself at
+any time with [`puter.ui.showWindow()`](/UI/showWindow), and from that moment it
+is an ordinary window. It takes its place in the taskbar, and the user can
+return to it, hide it, or close it like any other.
 
 A background app closes when the app that launched it closes: it was launched to
 serve that app, and the user never saw it. Once it has shown itself it keeps

src/docs/src/UI/showColorPicker.md

@@ -13,20 +13,6 @@ puter.ui.showColorPicker(defaultColor)
 puter.ui.showColorPicker(options)
 ```
 
-## Parameters
-#### `defaultColor` (String)
-The color to select when the color picker is opened, as a hex string such as `#3b82f6` or `#38f`.
-
-#### `options` (Object)
-An object with the following properties:
-
-| Option | Type | Description |
-|--------|------|-------------|
-| `defaultColor` | `String` | The color to select when the color picker is opened, as a hex string. The picker has no alpha, so the alpha in an 8-digit hex such as `#3b82f680` is ignored. If the value isn't a valid hex color, the picker opens on `#3b82f6`. The `defaultValue` and `default` options are accepted as aliases. If more than one is given, `defaultValue` is used, then `defaultColor`, then `default`. |
-
-## Return value
-A `Promise` that resolves to the selected color as a lowercase 6-digit hex string, such as `#ff0000`. If the user closes the picker without selecting a color, the promise resolves to `null`.
-
 ## Examples
 
 ### Change the background to the picked color
@@ -37,9 +23,7 @@ A `Promise` that resolves to the selected color as a lowercase 6-digit hex strin
     <script src="https://js.puter.com/v2/"></script>
     <script>
         puter.ui.showColorPicker().then((color)=>{
-            if (color) {
-                document.body.style.backgroundColor = color;
-            }
+            document.body.style.backgroundColor = color;
         })
     </script>
 </body>

src/docs/src/playground/examples/ui-show-color-picker.html

@@ -6,10 +6,8 @@
     <script>
         document.getElementById('pick-color').addEventListener('click', () => {
             puter.ui.showColorPicker().then((color) => {
-                if (color) {
-                    document.body.style.backgroundColor = color;
-                    puter.print('Selected color: ' + color);
-                }
+                document.body.style.backgroundColor = color;
+                puter.print('Selected color: ' + color);
             });
         });
     </script>

src/gui/CREDITS.md

@@ -1,5 +1,7 @@
 ## Credits
 
+The default wallpaper is created by [Milad Fakurian](https://unsplash.com/photos/blue-orange-and-yellow-wallpaper-E8Ufcyxz514) and published on [Unsplash](https://unsplash.com/).
+
 Icons by [Papirus](https://github.com/PapirusDevelopmentTeam/papirus-icon-theme) under GPL-3.0 license.
 
 Icons by [Iconoir](https://iconoir.com/) under MIT license.

src/gui/puter-gui.json

@@ -11,6 +11,7 @@
             "/lib/jquery.dragster.js",
             "/lib/html-entities.js",
             "/lib/timeago.min.js",
+            "/lib/iro.min.js",
             "/lib/isMobile.min.js",
             "/lib/fflate-0.8.2.min.js"
         ],

src/gui/src/IPC.enablePush.test.js

@@ -40,6 +40,7 @@ vi.mock('./UI/UIPopover.js', stub);
 vi.mock('./UI/UIPrompt.js', stub);
 vi.mock('./UI/UIWindow.js', stub);
 vi.mock('./UI/UIWindowAppFeedback.js', stub);
+vi.mock('./UI/UIWindowColorPicker.js', stub);
 vi.mock('./UI/UIWindowEmailConfirmationRequired.js', stub);
 vi.mock('./UI/UIWindowFontPicker.js', stub);
 vi.mock('./UI/UIPermissionDialog.js', () => ({ default: permissionDialog }));

src/gui/src/IPC.errors.test.js

@@ -18,6 +18,7 @@ vi.mock('./UI/UIPopover.js', stub);
 vi.mock('./UI/UIPrompt.js', stub);
 vi.mock('./UI/UIWindow.js', stub);
 vi.mock('./UI/UIWindowAppFeedback.js', stub);
+vi.mock('./UI/UIWindowColorPicker.js', stub);
 vi.mock('./UI/UIWindowEmailConfirmationRequired.js', stub);
 vi.mock('./UI/UIWindowFontPicker.js', stub);
 vi.mock('./UI/UIPermissionDialog.js', stub);

src/gui/src/IPC.js

@@ -32,6 +32,7 @@ import UIPrompt from './UI/UIPrompt.js';
 import UIWindow from './UI/UIWindow.js';
 import UIWindowAppFeedback from './UI/UIWindowAppFeedback.js';
 import UIWindowAttachCustomDomain from './UI/UIWindowAttachCustomDomain.js';
+import UIWindowColorPicker from './UI/UIWindowColorPicker.js';
 import UIWindowFontPicker from './UI/UIWindowFontPicker.js';
 import UIPermissionDialog from './UI/UIPermissionDialog.js';
 import UIEnablePushDialog from './UI/UIEnablePushDialog.js';
@@ -484,6 +485,7 @@ const ipc_listener = async (event, handled) => {
                 is_resizable: event.data.options.is_resizable,
                 has_head: event.data.options.has_head,
                 center: event.data.options.center,
+                show_in_taskbar: event.data.options.show_in_taskbar,
                 iframe_srcdoc: event.data.options.content,
                 parent_uuid: event.data.appInstanceID,
             });
@@ -1148,9 +1150,9 @@ const ipc_listener = async (event, handled) => {
         if ( event.data.y !== undefined ) {
             event.data.y = parseFloat(event.data.y);
             // we don't want the window to go off the top edge of the screen
-            if ( event.data.y < 0 )
+            if ( event.data.y < window.taskbar_height )
             {
-                event.data.y = 0;
+                event.data.y = window.taskbar_height;
             }
             // we don't want the window to go off the bottom edge of the screen
             if ( event.data.y > window.innerHeight - 100 )
@@ -1216,9 +1218,9 @@ const ipc_listener = async (event, handled) => {
         if ( event.data.y !== undefined ) {
             event.data.y = parseFloat(event.data.y);
             // we don't want the window to go off the top edge of the screen
-            if ( event.data.y < 0 )
+            if ( event.data.y < window.taskbar_height )
             {
-                event.data.y = 0;
+                event.data.y = window.taskbar_height;
             }
             // we don't want the window to go off the bottom edge of the screen
             if ( event.data.y > window.innerHeight - 100 )
@@ -1623,34 +1625,26 @@ const ipc_listener = async (event, handled) => {
             return;
         }
 
-        const options = typeof event.data.options === 'string'
-            ? { defaultColor: event.data.options }
-            : (event.data.options ?? {});
-        const requested_color = options.defaultValue ?? options.defaultColor ?? options.default;
-        // The picker has no alpha, so an 8-digit hex loses its last two digits.
-        // Anything still not a 3- or 6-digit hex is left out: older builds of
-        // the picker fail to open on it.
-        const default_color = typeof requested_color === 'string'
-            ? requested_color.trim().replace(/^(#?[0-9a-f]{6})[0-9a-f]{2}$/i, '$1')
-            : '';
+        // set options
+        if ( typeof event.data.options === 'string' ) {
+            event.data.options = { defaultColor: event.data.options };
+        }
+        event.data.options = event.data.options ?? {};
 
-        // The same picker puter.js shows outside Puter, so an app gets one
-        // answer shape everywhere: a 6-digit hex string, or null on cancel.
-        const picker = document.createElement('puter-color-picker');
-        if ( /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(default_color) ) picker.setAttribute('default-color', default_color);
-        const selected_color = await new Promise((resolve) => {
-            picker.addEventListener('response', (e) => resolve(e.detail ?? null), { once: true });
-            document.body.appendChild(picker);
-            picker.open();
-        });
-        // Older builds leave the element behind when Escape closes it.
-        picker.remove();
+        // Clear window_options for security reasons
+        event.data.options.window_options = {};
 
-        // The app may have closed while the picker was up.
-        target_iframe.contentWindow?.postMessage({
+        // Set app as parent window of the font picker window
+        event.data.options.window_options.parent_uuid = event.data.appInstanceID;
+
+        // Open color picker
+        let selected_color = await UIWindowColorPicker(event.data.options);
+
+        // Send selected color to requester window
+        target_iframe.contentWindow.postMessage({
             msg: 'colorPicked',
             original_msg_id: msg_id,
-            color: selected_color,
+            color: selected_color ? selected_color.color : undefined,
         }, '*');
         $(target_iframe).get(0).focus({ preventScroll: true });
     }

src/gui/src/IPC.requestEmailConfirmation.test.js

@@ -41,6 +41,7 @@ vi.mock('./UI/UIPopover.js', stub);
 vi.mock('./UI/UIPrompt.js', stub);
 vi.mock('./UI/UIWindow.js', stub);
 vi.mock('./UI/UIWindowAppFeedback.js', stub);
+vi.mock('./UI/UIWindowColorPicker.js', stub);
 vi.mock('./UI/UIWindowEmailConfirmationRequired.js', () => ({ default: confirmEmail }));
 vi.mock('./UI/UIWindowFontPicker.js', stub);
 vi.mock('./UI/UIPermissionDialog.js', stub);

src/gui/src/IPC.showColorPicker.test.js

@@ -1,152 +0,0 @@
-// @vitest-environment jsdom
-/*
- * Copyright (C) 2024-present Puter Technologies Inc.
- *
- * This file is part of Puter.
- *
- * Puter is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published
- * by the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <https://www.gnu.org/licenses/>.
- */
-import { beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
-import jQuery from './lib/jquery-3.6.1/jquery-3.6.1.min.js';
-
-globalThis.def = globalThis.def ?? ((cls) => cls);
-globalThis.use = globalThis.use ?? (() => ({}));
-globalThis.$ = globalThis.jQuery = jQuery;
-globalThis.i18n = (key) => key;
-
-const { stub } = vi.hoisted(() => ({ stub: () => ({ default: () => {} }) }));
-vi.mock('./helpers/download.js', stub);
-vi.mock('./helpers/itemIcon.js', stub);
-vi.mock('./helpers/socialLink.js', stub);
-vi.mock('./helpers/updateMousePosition.js', stub);
-vi.mock('./UI/UIAlert.js', stub);
-vi.mock('./UI/UIContextMenu.js', stub);
-vi.mock('./UI/UIItem.js', stub);
-vi.mock('./UI/UIPopover.js', stub);
-vi.mock('./UI/UIPrompt.js', stub);
-vi.mock('./UI/UIWindow.js', stub);
-vi.mock('./UI/UIWindowAppFeedback.js', stub);
-vi.mock('./UI/UIWindowEmailConfirmationRequired.js', stub);
-vi.mock('./UI/UIWindowFontPicker.js', stub);
-vi.mock('./UI/UIPermissionDialog.js', stub);
-vi.mock('./UI/UIEnablePushDialog.js', stub);
-vi.mock('./UI/UIWindowSaveAccount.js', stub);
-vi.mock('./UI/Auth/UIAuthSignup.js', stub);
-vi.mock('./UI/UINotification.js', stub);
-vi.mock('./helpers/godmodeTokens.js', () => ({ renewGodmodeToken: vi.fn() }));
-vi.mock('./helpers/watchItems.js', () => ({ addItemWatcher: vi.fn() }));
-vi.mock('./helpers/verification_gates.js', () => ({
-    openVerificationGateWindow: vi.fn(),
-}));
-
-// Stands in for puter.js's <puter-color-picker>, which the GUI page gets from
-// the SDK: it records how it was opened, and the test answers for the user.
-const opened = [];
-class FakeColorPicker extends HTMLElement {
-    open () {
-        opened.push(this);
-    }
-    answer (color) {
-        this.dispatchEvent(new CustomEvent('response', { detail: color }));
-    }
-}
-customElements.define('puter-color-picker', FakeColorPicker);
-
-let iframe;
-let posted;
-
-beforeAll(async () => {
-    window.when_puter_happens = [];
-    window.appCallbackFunctions = {};
-    await import('./IPC.js');
-    globalThis.puter = { services: undefined, util: { rpc: { send: vi.fn() } } };
-    for (const fn of window.when_puter_happens) await fn();
-});
-
-beforeEach(() => {
-    opened.length = 0;
-    document.body.innerHTML = '';
-    const win = document.createElement('div');
-    win.setAttribute('data-app_uuid', 'app-1');
-    iframe = document.createElement('iframe');
-    iframe.setAttribute('data-app', 'notes');
-    win.append(iframe);
-    document.body.append(win);
-    posted = vi.spyOn(iframe.contentWindow, 'postMessage').mockImplementation(() => {});
-    window.app_instance_ids = new Set(['inst-1']);
-    window.iframe_for_app_instance = (id) => (id === 'inst-1' ? iframe : null);
-    window.window_for_app_instance = () => win;
-    window.is_auth = () => true;
-    window.ipc_handlers = {};
-    globalThis.services = { get: () => ({ get_by_uuid: () => ({ name: 'caller', uuid: 'inst-1' }) }) };
-});
-
-const request = (options) =>
-    window.dispatchEvent(
-        new MessageEvent('message', {
-            data: { appInstanceID: 'inst-1', env: 'app', msg: 'showColorPicker', uuid: 'cb-1', options },
-            source: iframe.contentWindow,
-            origin: 'https://app.example',
-        }),
-    );
-
-const settle = () => new Promise((r) => setTimeout(r, 20));
-
-const replies = () => posted.mock.calls
-    .map(([data]) => data)
-    .filter((data) => data.msg === 'colorPicked');
-
-describe('showColorPicker', () => {
-    it.each([
-        ['a string', '#abcdef'],
-        ['defaultColor', { defaultColor: '#abcdef' }],
-        ['the legacy default alias', { default: '#abcdef' }],
-        ['the legacy defaultValue alias', { defaultValue: '#abcdef' }],
-        ['an 8-digit hex, without its alpha', '#abcdef80'],
-    ])('opens the picker on the color given as %s', async (_, options) => {
-        request(options);
-        await settle();
-        expect(opened).toHaveLength(1);
-        expect(opened[0].getAttribute('default-color')).toBe('#abcdef');
-        expect(opened[0].isConnected).toBe(true);
-    });
-
-    it.each([
-        ['no color', undefined],
-        ['a color that isn\'t hex', 'red'],
-        ['a malformed hex', '#abcd'],
-    ])('leaves the picker\'s own default when the app gives %s', async (_, options) => {
-        request(options);
-        await settle();
-        expect(opened[0].hasAttribute('default-color')).toBe(false);
-    });
-
-    it('replies with the picked color', async () => {
-        request('#abcdef');
-        await settle();
-        opened[0].answer('#123456');
-        await settle();
-        expect(replies()).toEqual([{ msg: 'colorPicked', original_msg_id: 'cb-1', color: '#123456' }]);
-        expect(opened[0].isConnected).toBe(false);
-    });
-
-    it('replies null when the user cancels', async () => {
-        request();
-        await settle();
-        opened[0].answer(null);
-        await settle();
-        expect(replies()).toEqual([{ msg: 'colorPicked', original_msg_id: 'cb-1', color: null }]);
-        expect(opened[0].isConnected).toBe(false);
-    });
-});

src/gui/src/UI/Dashboard/TabAccount.js

@@ -20,7 +20,6 @@
 import UIWindow from '../UIWindow.js';
 import {
     openChangeEmailDialog,
-    openChangeLanguageDialog,
     openChangePasswordDialog,
     openChangeUsernameDialog,
     openCreateTokenDialog,
@@ -142,21 +141,6 @@ const TabAccount = {
             h += '</div>';
         }
 
-        // Language card
-        const language = window.listSupportedLanguages().find((lang) => lang.code === window.locale);
-        h += '<div class="dashboard-card dashboard-settings-card">';
-        h += '<div class="dashboard-settings-card-content">';
-        h += '<div class="dashboard-settings-card-icon">';
-        h += '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>';
-        h += '</div>';
-        h += '<div class="dashboard-settings-card-info">';
-        h += `<strong>${i18n('language')}</strong>`;
-        h += `<span>${html_encode(language?.name ?? window.locale)}</span>`;
-        h += '</div>';
-        h += '</div>';
-        h += `<button class="button change-language">${i18n('change_language')}</button>`;
-        h += '</div>';
-
         // API token card
         h += '<div class="dashboard-card dashboard-settings-card">';
         h += '<div class="dashboard-settings-card-content">';
@@ -229,9 +213,6 @@ const TabAccount = {
         $el_window.find('.dashboard-section-account .change-email').on('click', function () {
             openChangeEmailDialog(dialogOptions(this));
         });
-        $el_window.find('.dashboard-section-account .change-language').on('click', function () {
-            openChangeLanguageDialog(dialogOptions(this));
-        });
         $el_window.find('.dashboard-section-account .copy-auth-token').on('click', function () {
             openCreateTokenDialog({ ...dialogOptions(this), $sessionsParent: $el_window });
         });
@@ -270,6 +251,8 @@ const TabAccount = {
         function showProfilePicture (picture) {
             const url = picture ?? window.icons['profile.svg'];
             $('.profile-pic').css('background-image', `url(${ html_encode(url) })`);
+            $('.profile-image').css('background-image', `url(${ html_encode(url) })`);
+            $('.profile-image').toggleClass('profile-image-has-picture', !! picture);
         }
         // A save started after another one owns the avatar and the hint; the
         // earlier one's answer must not put its picture (or a failure) back.

src/gui/src/UI/Dashboard/UIAccountDialogs.js

@@ -25,7 +25,6 @@ import check_password_strength from '../../helpers/checkPasswordStrength.js';
 import create_access_token from '../../helpers/createAccessToken.js';
 import postUserProtected from '../../helpers/postUserProtected.js';
 import update_username_in_gui from '../../helpers/updateUsernameInGui.js';
-import changeLanguage from '../../i18n/i18nChangeLanguage.js';
 import UIWindowManageSessions from '../UIWindowManageSessions.js';
 import UIDashboardFormDialog, { copyRowHtml } from './UIDashboardFormDialog.js';
 
@@ -120,42 +119,6 @@ export function openEditProfileDialog ({ onSave, ...opts } = {}) {
     });
 }
 
-/**
- * Changes the language Puter is shown in, then reloads the page in it.
- *
- * @param {AccountDialogOptions} [opts]
- */
-export function openChangeLanguageDialog (opts = {}) {
-    return UIDashboardFormDialog({
-        ...opts,
-        title: t('change_language'),
-        submitLabel: t('save'),
-        fields: [
-            {
-                name: 'language',
-                type: 'select',
-                label: i18n('language'),
-                value: window.locale,
-                options: window.listSupportedLanguages().map((lang) => ({
-                    value: lang.code,
-                    label: html_encode(lang.name),
-                })),
-            },
-        ],
-        async onSubmit (dialog) {
-            const { language } = dialog.values();
-            if ( language === window.locale ) {
-                dialog.close();
-                return;
-            }
-            // On success the page reloads, so the dialog stays in progress.
-            if ( ! await changeLanguage(language) ) {
-                dialog.setStatus(t('language_save_failed'), { field: 'language' });
-            }
-        },
-    });
-}
-
 /**
  * Changes the signed-in user's username.
  *

src/gui/src/UI/Dashboard/UIAccountDialogs.test.js

@@ -293,57 +293,6 @@ describe('create API token', () => {
     });
 });
 
-describe('change language', () => {
-    beforeEach(() => {
-        window.locale = 'en';
-        window.listSupportedLanguages = () => [
-            { code: 'en', name: 'English' },
-            { code: 'de', name: 'Deutsch' },
-            { code: 'ja', name: '日本語' },
-        ];
-        window.mutate_user_preferences = vi.fn();
-        globalThis.puter.kv = { set: vi.fn(async () => true) };
-    });
-
-    it('lists every language by its own name, with the current one selected', () => {
-        dialogs.openChangeLanguageDialog();
-        const options = field('language').find('option').map((_, el) => [[el.value, el.textContent]]).get();
-        expect(options).toEqual([['en', 'English'], ['de', 'Deutsch'], ['ja', '日本語']]);
-        expect(field('language').val()).toBe('en');
-    });
-
-    it('closes without saving when the language is unchanged', async () => {
-        dialogs.openChangeLanguageDialog();
-
-        await submitWith({ language: 'en' });
-
-        expect(puter.kv.set).not.toHaveBeenCalled();
-        expect(isOpen()).toBe(false);
-    });
-
-    it('saves the picked language to the account', async () => {
-        dialogs.openChangeLanguageDialog();
-
-        await submitWith({ language: 'de' });
-
-        expect(puter.kv.set).toHaveBeenCalledWith('user_preferences.language', 'de');
-        expect(window.mutate_user_preferences).toHaveBeenCalledWith({ language: 'de' });
-        expect(status()).toBe('');
-    });
-
-    it('stays open with an error when the save fails', async () => {
-        puter.kv.set.mockRejectedValue(new Error('offline'));
-        vi.spyOn(console, 'warn').mockImplementation(() => {});
-        dialogs.openChangeLanguageDialog();
-
-        await submitWith({ language: 'de' });
-
-        expect(window.mutate_user_preferences).not.toHaveBeenCalled();
-        expect(status()).toBe('language_save_failed');
-        expect(isOpen()).toBe(true);
-    });
-});
-
 describe('delete account', () => {
     it('asks a temporary account to type confirm', async () => {
         // What the server sends for a temporary account: no password, so `oidc_only` too.

src/gui/src/UI/Dashboard/UIDashboard.js

@@ -75,7 +75,8 @@ async function UIDashboard (options) {
     // eslint-disable-next-line no-unused-vars
     options = options ?? {};
 
-    // Mark dashboard mode on <body> so window chrome and notifications can adapt.
+    // Mark dashboard mode on <body> so window chrome can adapt — e.g. app
+    // windows keep their minimize button even though fullpage-mode hides it.
     $('body').addClass('dashboard-mode');
 
     // Create mutable tabs array from built-in tabs

src/gui/src/UI/Dashboard/UIShareModal.js

@@ -109,9 +109,10 @@ const count_label = (count) => (count === 1
     : i18n('items_count_other', { count }));
 
 /**
- * A responsive sharing modal for the Dashboard's Files tab: a self-contained
- * overlay that behaves as a centered card on desktop and a bottom sheet on
- * mobile, styled with the dashboard's design tokens.
+ * A responsive, from-scratch sharing modal for the Dashboard's Files tab.
+ * Unlike UIWindowShare (which spawns a desktop UIWindow), this renders a
+ * self-contained overlay that behaves as a centered card on desktop and a
+ * bottom sheet on mobile, styled with the dashboard's design tokens.
  *
  * Shares one item or a whole selection. With several items the access list is
  * one row per person folded across them ({@link aggregateShares}), so every
@@ -119,9 +120,10 @@ const count_label = (count) => (count === 1
  * rather than a chore repeated per file. A person who holds only some of the
  * selection says so, and can be extended to the rest in one click.
  *
- * Grants access by email or username, lists who has access (owner, direct
- * grants, grants inherited from an ancestor folder), changes a grant's mode,
- * and revokes, with the revoke confirmation inlined into the row.
+ * Feature-equivalent to UIWindowShare: grant access by email or username,
+ * list who has access (owner, direct grants, grants inherited from an
+ * ancestor folder), change a grant's mode, and revoke — with the revoke
+ * confirmation inlined into the row instead of a stacked alert window.
  *
  * @param {Object} opts
  * @param {Array<Object>} [opts.items] - The items to share, each

src/gui/src/UI/Dashboard/shareAggregate.test.js

@@ -221,7 +221,7 @@ describe('aggregateShares', () => {
 
     it('falls back to the handle, then the uid, for an unnamed team', () => {
         // Whatever team_label says, so a team reads the same here as it does
-        // in the recipient suggestions.
+        // in the desktop dialog's access list.
         const named = (team) => aggregateShares(['/me/a'], new Map([
             ['/me/a', [grant(null, 'read', { holderTeam: team })]],
         ]))[0].name;

src/gui/src/UI/Settings/UIWindowDisable2FA.js

@@ -79,6 +79,7 @@ async function UIWindowDisable2FA (options) {
         width: 350,
         height: 'auto',
         dominant: true,
+        show_in_taskbar: false,
         on_before_exit: async () => {
             if ( ! disabled_successfully ) {
                 promise.resolve(false);

src/gui/src/UI/UIAlert.js

@@ -136,6 +136,7 @@ function UIAlert (options) {
             selectable_body: false,
             draggable_body: options.draggable_body ?? true,
             allow_context_menu: false,
+            show_in_taskbar: false,
             window_class: 'window-alert',
             dominant: true,
             body_content: h,

src/gui/src/UI/UIColorPickerWidget.js

@@ -0,0 +1,243 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+/**
+ * Creates a reusable color picker widget using iro.ColorPicker
+ * @param {HTMLElement|jQuery} container - Container element for the color picker
+ * @param {Object} options - Configuration options
+ * @param {string} options.default - Default color in hex format (e.g., "#f00" or "#ff0000ff")
+ * @param {Object} options.layout - Custom layout configuration for iro.ColorPicker
+ * @param {Function} options.onColorChange - Callback function called when color changes
+ * @returns {Object} Color picker instance with methods to interact with it
+ */
+export function UIColorPickerWidget (container, options = {}) {
+    // Get the DOM element if it's a jQuery object
+    const domElement = container instanceof HTMLElement
+        ? container
+        : $(container).get(0);
+
+    if ( ! domElement ) {
+        throw new Error('Container element is required');
+    }
+
+    // Default layout configuration
+    const defaultLayout = [
+        {
+            component: iro.ui.Box,
+            options: {
+                layoutDirection: 'horizontal',
+                width: 265,
+                height: 265,
+            },
+        },
+        {
+            component: iro.ui.Slider,
+            options: {
+                sliderType: 'alpha',
+                layoutDirection: 'horizontal',
+                height: 265,
+                width: 265,
+            },
+        },
+        {
+            component: iro.ui.Slider,
+            options: {
+                sliderType: 'hue',
+            },
+        },
+    ];
+
+    // Initialize the color picker
+    const colorPicker = new iro.ColorPicker(domElement, {
+        layout: options.layout ?? defaultLayout,
+        color: options.default ?? '#f00',
+    });
+
+    // Set up color change callback if provided
+    if ( options.onColorChange ) {
+        colorPicker.on('color:change', (color) => {
+            options.onColorChange(color);
+        });
+    }
+
+    return {
+        /**
+         * Get the current color
+         * @returns {Object} iro.Color object
+         */
+        getColor: () => colorPicker.color,
+
+        /**
+         * Get the current color as hex8 string (includes alpha)
+         * @returns {string} Color in hex8 format (e.g., "#ff0000ff")
+         */
+        getHex8String: () => colorPicker.color.hex8String,
+
+        /**
+         * Get the current color as hex string (no alpha)
+         * @returns {string} Color in hex format (e.g., "#ff0000")
+         */
+        getHexString: () => colorPicker.color.hexString,
+
+        /**
+         * Get the current color as HSLA object
+         * @returns {Object} Object with h, s, l, a properties
+         */
+        getHSLA: () => {
+            const color = colorPicker.color;
+            return color.hsla;
+        },
+
+        /**
+         * Set the color
+         * @param {string|Object} color - Color in hex format (e.g., "#f00" or "#ff0000ff") or HSLA object
+         */
+        setColor: (color) => {
+            if ( typeof color === 'string' ) {
+                // Remove # if present for matching
+                const hexValue = color.startsWith('#') ? color.substring(1) : color;
+
+                // Check if it's a hex8 string (8 hex digits)
+                if ( /^[0-9a-fA-F]{8}$/.test(hexValue) ) {
+                    // It's a hex8 string, set both hex and alpha
+                    const hex6 = `#${ hexValue.substring(0, 6)}`; // Get first 6 hex digits
+                    const alphaHex = hexValue.substring(6, 8); // Get last 2 hex digits (alpha)
+                    colorPicker.color.hexString = hex6;
+                    colorPicker.color.alpha = parseInt(alphaHex, 16) / 255;
+                } else {
+                    // Regular hex string (with or without #)
+                    colorPicker.color.hexString = color.startsWith('#') ? color : `#${ color}`;
+                }
+            } else if ( typeof color === 'object' && color.h !== undefined ) {
+                // HSLA object - set properties directly
+                colorPicker.color.hue = color.h;
+                colorPicker.color.saturation = color.s;
+                colorPicker.color.lightness = color.l;
+                colorPicker.color.alpha = color.a !== undefined ? color.a : 1;
+            }
+        },
+
+        /**
+         * Add an event listener
+         * @param {string} event - Event name (e.g., 'color:change')
+         * @param {Function} callback - Callback function
+         */
+        on: (event, callback) => {
+            colorPicker.on(event, callback);
+        },
+
+        /**
+         * Remove an event listener
+         * @param {string} event - Event name
+         * @param {Function} callback - Callback function
+         */
+        off: (event, callback) => {
+            colorPicker.off(event, callback);
+        },
+
+        /**
+         * Get the underlying iro.ColorPicker instance
+         * @returns {iro.ColorPicker} The iro.ColorPicker instance
+         */
+        getPicker: () => colorPicker,
+    };
+}
+
+/**
+ * Converts HSLA values to hex8 string
+ * @param {number} h - Hue (0-360)
+ * @param {number} s - Saturation (0-100)
+ * @param {number} l - Lightness (0-100)
+ * @param {number} a - Alpha (0-1)
+ * @returns {string} Color in hex8 format
+ */
+export function hslaToHex8 (h, s, l, a) {
+    // Convert HSL to RGB
+    s /= 100;
+    l /= 100;
+    const c = (1 - Math.abs(2 * l - 1)) * s;
+    const x = c * (1 - Math.abs((h / 60) % 2 - 1));
+    const m = l - c / 2;
+    let r = 0, g = 0, b = 0;
+
+    if ( h >= 0 && h < 60 ) {
+        r = c; g = x; b = 0;
+    } else if ( h >= 60 && h < 120 ) {
+        r = x; g = c; b = 0;
+    } else if ( h >= 120 && h < 180 ) {
+        r = 0; g = c; b = x;
+    } else if ( h >= 180 && h < 240 ) {
+        r = 0; g = x; b = c;
+    } else if ( h >= 240 && h < 300 ) {
+        r = x; g = 0; b = c;
+    } else if ( h >= 300 && h < 360 ) {
+        r = c; g = 0; b = x;
+    }
+
+    r = Math.round((r + m) * 255);
+    g = Math.round((g + m) * 255);
+    b = Math.round((b + m) * 255);
+    const alpha = Math.round(a * 255);
+
+    return `#${[r, g, b, alpha].map(x => {
+        const hex = x.toString(16);
+        return hex.length === 1 ? `0${ hex}` : hex;
+    }).join('')}`;
+}
+
+/**
+ * Converts hex8 string to HSLA object
+ * @param {string} hex8 - Color in hex8 format (e.g., "#ff0000ff")
+ * @returns {Object} Object with h, s, l, a properties
+ */
+export function hex8ToHSLA (hex8) {
+    // Remove # if present
+    hex8 = hex8.replace('#', '');
+
+    // Parse hex values
+    const r = parseInt(hex8.substring(0, 2), 16) / 255;
+    const g = parseInt(hex8.substring(2, 4), 16) / 255;
+    const b = parseInt(hex8.substring(4, 6), 16) / 255;
+    const a = parseInt(hex8.substring(6, 8), 16) / 255;
+
+    // Convert RGB to HSL
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h, s, l = (max + min) / 2;
+
+    if ( max === min ) {
+        h = s = 0; // achromatic
+    } else {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+
+        switch ( max ) {
+        case r: h = ((g - b) / d + (g < b ? 6 : 0)) / 6; break;
+        case g: h = ((b - r) / d + 2) / 6; break;
+        case b: h = ((r - g) / d + 4) / 6; break;
+        }
+    }
+
+    return {
+        h: Math.round(h * 360),
+        s: Math.round(s * 100),
+        l: Math.round(l * 100),
+        a: a,
+    };
+}

src/gui/src/UI/UIContextMenu.js

@@ -568,9 +568,9 @@ function UIContextMenu (options) {
 
         // Y position
         // is the menu going to go out of the window from the bottom?
-        if ( (start_y + menu_height) > (window.innerHeight - 10) )
+        if ( (start_y + menu_height) > (window.innerHeight - window.taskbar_height - 10) )
         {
-            y_pos = window.innerHeight - menu_height - 10;
+            y_pos = window.innerHeight - menu_height - window.taskbar_height - 10;
         }
         else
         {
@@ -801,6 +801,9 @@ function UIContextMenu (options) {
             $(options.parent_element).css('overflow', 'scroll');
 
             $(options.parent_element).removeClass('has-open-contextmenu');
+            if ( $(options.parent_element).hasClass('taskbar-item') ) {
+                window.make_taskbar_sortable();
+            }
         }
     });
 

src/gui/src/UI/UIItem.js

@@ -18,17 +18,21 @@
  */
 
 import UIWindowItemProperties from './UIWindowItemProperties.js';
+import ensureConfirmedEmail from '../helpers/ensureConfirmedEmail.js';
 import UIPopover from './UIPopover.js';
 import UIContextMenu from './UIContextMenu.js';
 import UIAlert from './UIAlert.js';
+import UIWindowPublishWorker from './UIWindowPublishWorker.js';
+import UIWindowShare from './UIWindowShare.js';
 import path from '../lib/path.js';
 import truncate_filename from '../helpers/truncateFilename.js';
 import launch_app from '../helpers/launchApp.js';
 import open_item from '../helpers/openItem.js';
 import publish_as_website from '../helpers/publishAsWebsite.js';
+import mime from '../lib/mime.js';
 import { isWeblinkName, weblinkChangeIconMenuItem } from '../helpers/weblink.js';
 import { is_owned_by_me } from '../helpers/pathOwner.js';
-import { can_rename, can_restructure, invalidate_shared_roots } from '../helpers/sharedAccess.js';
+import { can_rename, can_restructure, invalidate_shared_roots, shared_mode_for } from '../helpers/sharedAccess.js';
 import { is_default_app } from '../helpers/defaultApp.js';
 import openWithAI from '../helpers/openWithAI.js';
 import refresh_item_container from '../helpers/refreshItemContainer.js';
@@ -325,6 +329,7 @@ async function UIItem (options) {
             last_window_dragged_over = null;
 
             window.an_item_is_being_dragged = true;
+            $('.toolbar').css('pointer-events', 'none');
         },
         drag: function (event, ui) {
             // Constrain item within desktop bounds
@@ -414,8 +419,8 @@ async function UIItem (options) {
             // the desktop itself, not a window showing the Desktop folder
             if ( $(el_item).closest('.item-container').hasClass('desktop') &&
                 !window.is_auto_arrange_enabled && $(el_item).attr('data-path') !== window.trash_path && !ui.helper.data('dropped') &&
-                // .desktop clips its overflow, so the whole item has to fit above the bottom edge
-                window.mouseover_window === undefined && ui.position.top + $(el_item).outerHeight(true) <= window.desktop_height ) {
+                // Item must be dropped on the Desktop and not on the taskbar
+                window.mouseover_window === undefined && ui.position.top <= window.desktop_height - window.taskbar_height - 15 ) {
 
                 el_item.style.position = 'absolute';
                 el_item.style.left = `${ui.position.left }px`;
@@ -437,6 +442,7 @@ async function UIItem (options) {
             clearTimeout(longer_hover_timeout);
             last_window_dragged_over = null;
             window.an_item_is_being_dragged = false;
+            $('.toolbar').css('pointer-events', 'auto');
         },
     });
 
@@ -1093,6 +1099,11 @@ async function UIItem (options) {
             // Someone else's, however we got here — including items reached by
             // opening a shared folder, which carry no share markers.
             const is_not_mine = !is_owned_by_me($(el_item).attr('data-path'));
+            // `manage` inherits downwards, so a file inside a folder you manage
+            // counts too — the row itself only carries a mode at a shared root.
+            const can_manage_share =
+                $(el_item).attr('data-share_mode') === 'manage'
+                || (await shared_mode_for($(el_item).attr('data-path'))) === 'manage';
             // Moving and deleting go by the holding folder, not by the item.
             const may_restructure = !is_not_mine
                 || await can_restructure($(el_item).attr('data-path'));
@@ -1258,6 +1269,19 @@ async function UIItem (options) {
                 });
 
             }
+            //-------------------------------------------
+            // Publish as Worker
+            // -------------------------------------------
+            // The backend refuses deploys from a file someone else owns.
+            if ( !is_trashed && !is_trash && !is_not_mine && !options.is_dir && $(el_item).attr('data-name').toLowerCase().endsWith('.js') ) {
+                menu_items.push({
+                    html: i18n('publish_as_serverless_worker'),
+                    onClick: async function () {
+                        if ( ! await ensureConfirmedEmail(i18n('save_account_to_publish')) ) return;
+                        UIWindowPublishWorker(options.uid, $(el_item).attr('data-name'), $(el_item).attr('data-path'));
+                    },
+                });
+            }
             // -------------------------------------------
             // Deploy As App
             // -------------------------------------------
@@ -1291,6 +1315,20 @@ async function UIItem (options) {
                 });
             }
             // -------------------------------------------
+            // Share
+            // -------------------------------------------
+            if ( !is_trash && !is_trashed && (!is_not_mine || can_manage_share) ) {
+                menu_items.push({
+                    html: i18n('share_ellipsis'),
+                    onClick: async function () {
+                        UIWindowShare({
+                            path: $(el_item).attr('data-path'),
+                            name: $(el_item).attr('data-name'),
+                        });
+                    },
+                });
+            }
+            // -------------------------------------------
             // Download
             // -------------------------------------------
             if ( !is_trash && !is_trashed && (options.associated_app_name === null || options.associated_app_name === undefined) ) {
@@ -1310,6 +1348,48 @@ async function UIItem (options) {
                 });
             }
             // -------------------------------------------
+            // Set as Wallpaper
+            // -------------------------------------------
+            const mime_type = mime.getType($(el_item).attr('data-name')) ??
+                'application/octet-stream';
+            if ( !is_trashed && !is_trash && !options.is_dir && mime_type.startsWith('image/') ) {
+                menu_items.push({
+                    html: i18n('set_as_background'),
+                    onClick: async function () {
+                        const read_url = await puter.fs.sign(undefined, { uid: $(el_item).attr('data-uid'), action: 'read' });
+                        window.set_desktop_background({
+                            url: read_url.items.read_url,
+                            fit: window.desktop_bg_fit,
+                        });
+                        try {
+                            $.ajax({
+                                url: `${window.api_origin }/set-desktop-bg`,
+                                type: 'POST',
+                                data: JSON.stringify({
+                                    url: window.desktop_bg_url,
+                                    color: window.desktop_bg_color,
+                                    fit: window.desktop_bg_fit,
+                                }),
+                                async: true,
+                                contentType: 'application/json',
+                                headers: {
+                                    'Authorization': `Bearer ${window.auth_token}`,
+                                },
+                                statusCode: {
+                                    401: function (xhr) {
+                        window.handle401(xhr);
+                    },
+                                },
+                            });
+                            $(el_window).close();
+                            resolve(true);
+                        } catch ( err ) {
+                            // Ignore
+                        }
+                    },
+                });
+            }
+            // -------------------------------------------
             // Zip
             // -------------------------------------------
             if ( !is_trash && !is_trashed && !$(el_item).attr('data-path').endsWith('.zip') ) {
@@ -1554,7 +1634,7 @@ async function UIItem (options) {
                     left = left > (window.innerWidth - window_width) ? (window.innerWidth - window_width) : left;
 
                     let top = $(el_item).position().top + $(el_item).height();
-                    top = top > (window.innerHeight - (window_height + window.toolbar_height)) ? (window.innerHeight - (window_height + window.toolbar_height)) : top;
+                    top = top > (window.innerHeight - (window_height + window.taskbar_height + window.toolbar_height)) ? (window.innerHeight - (window_height + window.taskbar_height + window.toolbar_height)) : top;
 
                     UIWindowItemProperties(
                         $(el_item).attr('data-name'),

src/gui/src/UI/UIItem.test.js

@@ -27,6 +27,8 @@ vi.mock('./UIPopover.js', () => ({ default: vi.fn() }));
 vi.mock('./UIWindowEmailConfirmationRequired.js', () => ({ default: vi.fn() }));
 vi.mock('./UIContextMenu.js', () => ({ default: vi.fn() }));
 vi.mock('./UIAlert.js', () => ({ default: vi.fn() }));
+vi.mock('./UIWindowPublishWorker.js', () => ({ default: vi.fn() }));
+vi.mock('./UIWindowShare.js', () => ({ default: vi.fn() }));
 vi.mock('../helpers/launchApp.js', () => ({ default: vi.fn() }));
 vi.mock('../helpers/openItem.js', () => ({ default: vi.fn() }));
 vi.mock('../helpers/publishAsWebsite.js', () => ({ default: vi.fn() }));
@@ -137,91 +139,3 @@ describe('UIItem Remove from Shared', () => {
         expect(refresh_item_container.mock.calls[0][0][0]).toBe($('.item-container')[0]);
     });
 });
-
-describe('UIItem Share', () => {
-    beforeEach(() => {
-        window.user = { username: 'alice' };
-        window.trash_path = '/alice/Trash';
-    });
-
-    it('is not offered, even on an item the user owns', async () => {
-        const labels = await menuLabels({
-            path: '/alice/Photos',
-            owner: 'alice',
-            shared_with_me: false,
-            share_mode: undefined,
-            shared_by: undefined,
-        });
-        expect(labels).not.toContain('share_ellipsis');
-    });
-});
-
-describe('UIItem Publish as Worker', () => {
-    beforeEach(() => {
-        window.user = { username: 'alice' };
-        window.trash_path = '/alice/Trash';
-    });
-
-    it('is not offered, even on a .js file the user owns', async () => {
-        const labels = await menuLabels({
-            path: '/alice/worker.js',
-            name: 'worker.js',
-            is_dir: false,
-            owner: 'alice',
-            shared_with_me: false,
-            share_mode: undefined,
-            shared_by: undefined,
-        });
-        expect(labels).not.toContain('publish_as_serverless_worker');
-    });
-});
-
-describe('UIItem dropped on the desktop', () => {
-    let stop;
-
-    beforeEach(async () => {
-        document.body.innerHTML = '<div class="item-container desktop"></div>';
-        Object.assign(window, {
-            user: { username: 'alice' },
-            trash_path: '/alice/Trash',
-            desktop_height: 800,
-            is_auto_arrange_enabled: false,
-            mouseover_window: undefined,
-            desktop_item_positions: {},
-            save_desktop_item_positions: vi.fn(),
-        });
-        const draggable = jQuery.fn.draggable;
-        jQuery.fn.draggable = function (options) {
-            if ( typeof options === 'object' ) stop = options.stop;
-            return this;
-        };
-        try {
-            await UIItem({
-                appendTo: $('.item-container'),
-                uid: 'u-2',
-                path: '/alice/Desktop/Notes',
-                name: 'Notes',
-                is_dir: true,
-                icon: { image: '', type: 'icon' },
-            });
-        } finally {
-            jQuery.fn.draggable = draggable;
-        }
-        // jsdom has no stylesheet, so give the item the size style.css does.
-        $('.item').css({ height: '70px', margin: '15px 5px 30px 5px' });
-    });
-
-    const dropAt = (top) => stop({}, { position: { top, left: 300 }, helper: $('<div>') });
-
-    it('moves there when the whole item fits on screen', () => {
-        dropAt(685);
-        expect($('.item')[0].style.top).toBe('685px');
-        expect(window.save_desktop_item_positions).toHaveBeenCalledTimes(1);
-    });
-
-    it('stays put when the item would hang off the bottom edge', () => {
-        dropAt(735);
-        expect($('.item')[0].style.top).toBe('');
-        expect(window.save_desktop_item_positions).not.toHaveBeenCalled();
-    });
-});

src/gui/src/UI/UIPopover.js

@@ -62,17 +62,47 @@ function UIPopover (options) {
     function position_popover () {
         // X position
         const popover_width = options.width ?? $(el_popover).width();
-        if ( options.position === 'bottom' || options.position === 'top' )
-        {
-            x_pos = options.left ?? ($(options.snapToElement).offset().left - (popover_width / 2) + 10);
-        }
-        else
-        {
-            x_pos = options.left ?? ($(options.snapToElement).offset().left + 5);
+        if ( options.center_horizontally ) {
+            // Check taskbar position to determine popover positioning
+            const taskbar_position = window.taskbar_position || 'bottom';
+
+            if ( taskbar_position === 'left' ) {
+                // Position in top-left corner for left taskbar
+                x_pos = window.taskbar_height + 10; // Just to the right of the taskbar
+            } else if ( taskbar_position === 'right' ) {
+                // Position in top-right corner for right taskbar
+                x_pos = window.innerWidth - popover_width - window.taskbar_height - 40; // Just to the left of the taskbar
+            } else {
+                // Default bottom taskbar behavior - center horizontally
+                x_pos = window.innerWidth / 2 - popover_width / 2 - 15;
+            }
+        } else {
+            if ( options.position === 'bottom' || options.position === 'top' )
+            {
+                x_pos = options.left ?? ($(options.snapToElement).offset().left - (popover_width / 2) + 10);
+            }
+            else
+            {
+                x_pos = options.left ?? ($(options.snapToElement).offset().left + 5);
+            }
         }
 
         // Y position
-        y_pos = options.top ?? ($(options.snapToElement).offset().top + $(options.snapToElement).height() + 5);
+        const popover_height = options.height ?? $(el_popover).height();
+        if ( options.center_horizontally ) {
+            // Check taskbar position to determine popover positioning
+            const taskbar_position = window.taskbar_position || 'bottom';
+
+            if ( taskbar_position === 'left' || taskbar_position === 'right' ) {
+                // Position at top for left/right taskbars
+                y_pos = window.toolbar_height + 10; // Just below the toolbar
+            } else {
+                // Default bottom taskbar behavior - position above taskbar
+                y_pos = options.top ?? (window.innerHeight - (window.taskbar_height + popover_height + 10));
+            }
+        } else {
+            y_pos = options.top ?? ($(options.snapToElement).offset().top + $(options.snapToElement).height() + 5);
+        }
 
         $(el_popover).css({
             left: `${x_pos }px`,

src/gui/src/UI/UIPrompt.js

@@ -71,6 +71,7 @@ function UIPrompt (options) {
             selectable_body: false,
             draggable_body: true,
             allow_context_menu: false,
+            show_in_taskbar: false,
             window_class: 'window-alert',
             dominant: true,
             body_content: h,

src/gui/src/UI/UITaskbar.js

@@ -0,0 +1,769 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { createUploadThumbnailGenerator } from '../services/pdfThumbnails/index.js';
+import UITaskbarItem from './UITaskbarItem.js';
+import UIPopover from './UIPopover.js';
+import launch_app from '../helpers/launchApp.js';
+import UIContextMenu from './UIContextMenu.js';
+import { appIconAttrs, appIconSrc } from '../helpers/appIcon.js';
+import { filterLaunchableApps } from '../helpers/launchAppsList.js';
+
+const TASKBAR_POSITIONS = ['left', 'bottom', 'right'];
+
+async function UITaskbar (options) {
+    window.global_element_id++;
+
+    options = options ?? {};
+    options.content = options.content ?? '';
+
+    let taskbar_position;
+
+    // if first visit ever, set taskbar position to left
+    if ( window.first_visit_ever ) {
+        puter.kv.set('taskbar_position', 'left').catch(err => console.warn('Could not save taskbar_position:', err));
+        taskbar_position = 'left';
+    } else {
+        taskbar_position = await puter.kv.get('taskbar_position').catch(() => null);
+        // if this is not first visit, set taskbar position to bottom since it's from a user that
+        // used puter before customizing taskbar position was added and the taskbar position was set to bottom
+        // Unknown values are discarded too: this ends up in markup and stored values may be poisoned.
+        if ( ! TASKBAR_POSITIONS.includes(taskbar_position) ) {
+            taskbar_position = 'bottom'; // default position
+            puter.kv.set('taskbar_position', taskbar_position).catch(err => console.warn('Could not save taskbar_position:', err));
+        }
+    }
+
+    // Force bottom position on mobile devices
+    if ( isMobile.phone || isMobile.tablet ) {
+        taskbar_position = 'bottom';
+    }
+
+    // Set global taskbar position
+    window.taskbar_position = taskbar_position;
+
+    let launchAppsRequest = 0;
+    let pendingLaunchApps;
+    const fetchLaunchApps = () => {
+        pendingLaunchApps?.abort();
+        pendingLaunchApps = $.ajax({
+            url: `${window.api_origin}/get-launch-apps?icon_size=64`,
+            type: 'GET',
+            contentType: 'application/json',
+            timeout: 30000,
+            headers: { 'Authorization': `Bearer ${window.auth_token}` },
+        });
+        return pendingLaunchApps;
+    };
+    const logRefreshFailure = (xhr, status) => {
+        if ( status !== 'abort' ) console.error('Failed to refresh launch apps:', status);
+    };
+
+    fetchLaunchApps().done(apps => {
+        if ( launchAppsRequest === 0 ) window.launch_apps = apps;
+    }).fail(logRefreshFailure);
+
+    let h = '';
+    h += `<div id="ui-taskbar_${window.global_element_id}" class="taskbar taskbar-position-${taskbar_position}" style="height:${window.taskbar_height}px;">`;
+    h += '<div class="taskbar-sortable" style="display: flex; justify-content: center; z-index: 99999;"></div>';
+    h += '</div>';
+
+    if ( taskbar_position === 'left' || taskbar_position === 'right' ) {
+        $('.desktop').addClass(`desktop-taskbar-position-${taskbar_position}`);
+    }
+
+    $('.desktop').append(h);
+
+    //---------------------------------------------
+    // add `Start` to taskbar
+    //---------------------------------------------
+    UITaskbarItem({
+        icon: window.icons['start.svg'],
+        name: i18n('start'),
+        sortable: false,
+        keep_in_taskbar: true,
+        disable_context_menu: true,
+        onClick: async function (item) {
+            // skip if popover already open
+            if ( $(item).hasClass('has-open-popover') )
+            {
+                $('.popover-launcher').remove();
+                return;
+            }
+
+            // show popover
+            let popover = UIPopover({
+                content: '<div class="launch-popover hide-scrollbar"></div>',
+                snapToElement: item,
+                parent_element: item,
+                width: 500,
+                height: 500,
+                class: 'popover-launcher',
+                center_horizontally: true,
+            });
+
+            $(popover).on('remove', () => pendingLaunchApps?.abort());
+            const request = ++launchAppsRequest;
+            if ( ! window.launch_apps?.recent ) {
+                window.launch_apps = { recent: [], recommended: [] };
+            }
+            $(popover).find('.launch-popover').append(`
+                <div class="launch-search-wrapper">
+                    <input style="background-image:url('${window.icons['magnifier-outline.svg']}');" class="launch-search">
+                    <img class="launch-search-clear" src="${window.icons['close.svg']}">
+                </div>
+            `);
+
+            const renderApps = () => {
+                const recentApps = filterLaunchableApps(window.launch_apps.recent);
+                const recommendedApps = filterLaunchableApps(window.launch_apps.recommended);
+                let apps_str = '';
+
+                // -------------------------------------------
+                // Recent apps
+                // -------------------------------------------
+                if ( recentApps.length > 0 ) {
+                    // heading
+                    apps_str += `<h1 class="start-section-heading start-section-heading-recent">${i18n('recent')}</h1>`;
+
+                    // apps
+                    apps_str += '<div class="launch-apps-recent">';
+                    for ( let index = 0; index < window.launch_recent_apps_count && index < recentApps.length; index++ ) {
+                        const app_info = recentApps[index];
+                        apps_str += `<div title="${html_encode(app_info.title)}" data-name="${html_encode(app_info.name)}" class="start-app-card">`;
+                        const icon = appIconSrc(app_info);
+                        apps_str += `<div class="start-app" data-app-name="${html_encode(app_info.name)}" data-app-uuid="${html_encode(app_info.uuid)}" data-app-icon="${html_encode(icon.src)}" data-app-icon-fallback="${html_encode(icon.fallback)}" data-app-title="${html_encode(app_info.title)}">`;
+                        apps_str += `<img class="start-app-icon" ${appIconAttrs(app_info, window.icons['app.svg'])}>`;
+                        apps_str += `<span class="start-app-title">${html_encode(app_info.title)}</span>`;
+                        apps_str += '</div>';
+                        apps_str += '</div>';
+                    }
+                    apps_str += '</div>';
+                }
+                // -------------------------------------------
+                // Recommended apps
+                // -------------------------------------------
+                if ( recommendedApps.length > 0 ) {
+                    // heading
+                    apps_str += `<h1 class="start-section-heading start-section-heading-recommended" style="${recentApps.length > 0 ? 'padding-top: 30px;' : ''}">${i18n('recommended')}</h1>`;
+                    // apps
+                    apps_str += '<div class="launch-apps-recommended">';
+                    for ( let index = 0; index < recommendedApps.length; index++ ) {
+                        const app_info = recommendedApps[index];
+                        apps_str += `<div title="${html_encode(app_info.title)}" data-name="${html_encode(app_info.name)}" class="start-app-card">`;
+                        const icon = appIconSrc(app_info);
+                        apps_str += `<div class="start-app" data-app-name="${html_encode(app_info.name)}" data-app-uuid="${html_encode(app_info.uuid)}" data-app-icon="${html_encode(icon.src)}" data-app-icon-fallback="${html_encode(icon.fallback)}" data-app-title="${html_encode(app_info.title)}">`;
+                        apps_str += `<img class="start-app-icon" ${appIconAttrs(app_info, window.icons['app.svg'])}>`;
+                        apps_str += `<span class="start-app-title">${html_encode(app_info.title)}</span>`;
+                        apps_str += '</div>';
+                        apps_str += '</div>';
+                    }
+                    apps_str += '</div>';
+                }
+
+                // Replace tiles only, so the search input keeps its text and focus.
+                $(popover).find('.start-section-heading, .launch-apps-recent, .launch-apps-recommended').remove();
+                $(popover).find('.launch-popover').append(apps_str);
+
+                // make apps draggable
+                $(popover).find('.start-app').draggable({
+                    appendTo: 'body',
+                    revert: 'invalid',
+                    connectToSortable: '.taskbar-sortable',
+                    zIndex: parseInt($(popover).css('z-index')) + 1,
+                    scroll: false,
+                    distance: 5,
+                    revertDuration: 100,
+                    helper: 'clone',
+                    cursorAt: { left: 18, top: 20 },
+                    start: function (event, ui) {
+                    },
+                    drag: function (event, ui) {
+                    },
+                    stop: function () {
+                    },
+                });
+            };
+            renderApps();
+            if ( ! isMobile.phone ) $(popover).find('.launch-search').focus();
+
+            fetchLaunchApps().done(apps => {
+                if ( request !== launchAppsRequest || !popover.isConnected ) return;
+                window.launch_apps = apps;
+                renderApps();
+                $(popover).find('.launch-search').trigger('change');
+            }).fail(logRefreshFailure);
+
+            $(popover).on('click', function () {
+                // close other context menus
+                $('.context-menu').fadeOut(200, function () {
+                    $(this).remove();
+                    $('.launch-app-selected').removeClass('launch-app-selected');
+                });
+            });
+
+            $(popover).on('contextmenu taphold', function (e) {
+                if ( ! e.target.closest('.launch-search') ) {
+                    e.preventDefault();
+                }
+            });
+
+            $(document).on('contextmenu taphold', '.start-app', function (e) {
+                if ( e.type === 'taphold' && !isMobile.phone && !isMobile.tablet )
+                {
+                    return;
+                }
+
+                e.stopImmediatePropagation();
+                e.preventDefault();
+
+                // close other context menus
+                $('.context-menu').fadeOut(200, function () {
+                    $(this).remove();
+                });
+
+                let items = [{
+                    html: i18n('open'),
+                    onClick: function () {
+                        $(e.currentTarget).trigger('click');
+                    },
+                }];
+
+                $('.launch-app-selected').removeClass('launch-app-selected');
+                $(e.currentTarget).parent().addClass('launch-app-selected');
+
+                // Determine pin state
+                const $existingTaskbarItem = $(`.taskbar-item[data-app="${e.currentTarget.dataset.appName}"]`);
+                const isPinned = $existingTaskbarItem.length > 0 && $existingTaskbarItem.attr('data-keep-in-taskbar') === 'true';
+
+                items.push({
+                    html: i18n('add_to_desktop'),
+                    onClick: async function () {
+                        try {
+                            const fileName = `${e.currentTarget.dataset.appTitle}.app`;
+                            const content = JSON.stringify({
+                                app: e.currentTarget.dataset.appName,
+                                title: e.currentTarget.dataset.appTitle,
+                                icon: e.currentTarget.dataset.appIcon,
+                            });
+                            await puter.fs.upload(new File([content], fileName), window.desktop_path, {
+                                generateThumbnails: true,
+                                thumbnailGenerator: createUploadThumbnailGenerator(),
+                            });
+                        } catch ( err ) {
+                            console.error('Failed to add shortcut to desktop:', err);
+                            // Consider showing a user-facing error notification
+                        }
+                    },
+                });
+
+                if ( ! isPinned ) {
+                    items.push({
+                        html: i18n('keep_in_taskbar'),
+                        onClick: function () {
+                            const $taskbarItem = $(`.taskbar-item[data-app="${e.currentTarget.dataset.appName}"]`);
+                            if ( $taskbarItem.length === 0 ) {
+                                // No taskbar item yet: create a new pinned one
+                                UITaskbarItem({
+                                    icon: e.currentTarget.dataset.appIcon,
+                                    iconFallback: e.currentTarget.dataset.appIconFallback,
+                                    app: e.currentTarget.dataset.appName,
+                                    name: e.currentTarget.dataset.appTitle,
+                                    keep_in_taskbar: true,
+                                });
+                            } else if ( $taskbarItem.attr('data-keep-in-taskbar') !== 'true' ) {
+                                // mark as pinned
+                                $taskbarItem.attr('data-keep-in-taskbar', 'true');
+                            }
+                            // Persist
+                            window.update_taskbar();
+                        },
+                    });
+                } else {
+                    items.push({
+                        html: i18n('remove_from_taskbar'),
+                        onClick: function () {
+                            const $taskbarItem = $(`.taskbar-item[data-app="${e.currentTarget.dataset.appName}"]`);
+                            if ( $taskbarItem.length === 0 ) return; // nothing to do
+                            // Unpin
+                            $taskbarItem.attr('data-keep-in-taskbar', 'false');
+                            // If no open windows for this app, remove the item
+                            if ( $taskbarItem.attr('data-open-windows') === '0' ) {
+                                if ( window.remove_taskbar_item ) {
+                                    window.remove_taskbar_item($taskbarItem.get(0));
+                                } else {
+                                    $taskbarItem.remove();
+                                }
+                            }
+                            window.update_taskbar();
+                        },
+                    });
+                }
+
+                UIContextMenu({
+                    items: items,
+                });
+                return false;
+            });
+        },
+    });
+
+    //---------------------------------------------
+    // add `Explorer` to the taskbar
+    //---------------------------------------------
+    UITaskbarItem({
+        icon: window.icons['folders.svg'],
+        app: 'explorer',
+        name: 'Explorer',
+        sortable: false,
+        keep_in_taskbar: true,
+        lock_keep_in_taskbar: true,
+        onClick: function () {
+            let open_window_count = parseInt($('.taskbar-item[data-app="explorer"]').attr('data-open-windows'));
+            if ( open_window_count === 0 ) {
+                launch_app({ name: 'explorer', path: window.home_path });
+            } else {
+                return false;
+            }
+        },
+    });
+
+    //---------------------------------------------
+    // add separator before trash
+    //---------------------------------------------
+    UITaskbarItem({
+        icon: '', // No icon for separator
+        name: 'separator',
+        app: 'separator',
+        sortable: false,
+        keep_in_taskbar: true,
+        lock_keep_in_taskbar: true,
+        disable_context_menu: true,
+        style: 'pointer-events: none;', // Make it non-interactive
+        onClick: function () {
+            // Separator is non-interactive
+            return false;
+        },
+    });
+
+    //---------------------------------------------
+    // Add other useful apps to the taskbar
+    //---------------------------------------------
+    if ( window.user.taskbar_items && window.user.taskbar_items.length > 0 ) {
+        for ( let index = 0; index < window.user.taskbar_items.length; index++ ) {
+            const app_info = window.user.taskbar_items[index];
+            const icon = appIconSrc(app_info);
+            // add taskbar item for each app
+            UITaskbarItem({
+                icon: icon.src,
+                iconFallback: icon.fallback,
+                app: app_info.name,
+                name: app_info.title,
+                keep_in_taskbar: true,
+                onClick: function () {
+                    let open_window_count = parseInt($(`.taskbar-item[data-app="${app_info.name}"]`).attr('data-open-windows'));
+                    if ( open_window_count === 0 ) {
+                        launch_app({
+                            name: app_info.name,
+                        });
+                    } else {
+                        return false;
+                    }
+                },
+            });
+        }
+    }
+
+    //---------------------------------------------
+    // add `Trash` to the taskbar
+    //---------------------------------------------
+    const trash = await puter.fs.stat({ path: window.trash_path, consistency: 'eventual' });
+    if ( window.socket ) {
+        window.socket.emit('trash.is_empty', { is_empty: trash.is_empty });
+    }
+
+    UITaskbarItem({
+        icon: trash.is_empty ? window.icons['trash.svg'] : window.icons['trash-full.svg'],
+        app: 'trash',
+        name: `${i18n('trash')}`,
+        sortable: false,
+        keep_in_taskbar: true,
+        lock_keep_in_taskbar: true,
+        onClick: function () {
+            let open_windows = $(`.window[data-path="${html_encode(window.trash_path)}"]`);
+            if ( open_windows.length === 0 ) {
+                launch_app({ name: 'explorer', path: window.trash_path });
+            } else {
+                open_windows.focusWindow();
+            }
+        },
+        onItemsDrop: function (items) {
+            window.move_items(items, window.trash_path);
+        },
+    });
+
+    //---------------------------------------------
+    // add separator before trash
+    //---------------------------------------------
+    UITaskbarItem({
+        icon: '', // No icon for separator
+        name: 'separator',
+        app: 'separator',
+        sortable: false,
+        keep_in_taskbar: true,
+        lock_keep_in_taskbar: true,
+        disable_context_menu: true,
+        style: 'pointer-events: none;', // Make it non-interactive
+        onClick: function () {
+            // Separator is non-interactive
+            return false;
+        },
+    });
+
+    window.make_taskbar_sortable();
+}
+
+//-------------------------------------------
+// Taskbar is sortable
+//-------------------------------------------
+window.make_taskbar_sortable = function () {
+    const position = window.taskbar_position || 'bottom';
+    const axis = position === 'bottom' ? 'x' : 'y';
+
+    $('.taskbar-sortable').sortable({
+        axis: axis,
+        items: '.taskbar-item-sortable:not(.has-open-contextmenu):not([data-app="separator"])',
+        cancel: '.has-open-contextmenu',
+        placeholder: 'taskbar-item-sortable-placeholder',
+        helper: 'clone',
+        distance: 5,
+        revert: 10,
+        receive: function (event, ui) {
+            if ( ! $(ui.item).hasClass('taskbar-item') ) {
+                // if app is already in taskbar, cancel
+                if ( $(`.taskbar-item[data-app="${$(ui.item).attr('data-app-name')}"]`).length !== 0 ) {
+                    $(this).sortable('cancel');
+                    $('.taskbar .start-app').remove();
+                    return;
+                }
+            }
+        },
+        update: function (event, ui) {
+            if ( ! $(ui.item).hasClass('taskbar-item') ) {
+                // if app is already in taskbar, cancel
+                if ( $(`.taskbar-item[data-app="${$(ui.item).attr('data-app-name')}"]`).length !== 0 ) {
+                    $(this).sortable('cancel');
+                    $('.taskbar .start-app').remove();
+                    return;
+                }
+
+                let item = UITaskbarItem({
+                    icon: $(ui.item).attr('data-app-icon'),
+                    iconFallback: $(ui.item).attr('data-app-icon-fallback'),
+                    app: $(ui.item).attr('data-app-name'),
+                    name: $(ui.item).attr('data-app-title'),
+                    append_to_taskbar: false,
+                    keep_in_taskbar: true,
+                    onClick: function () {
+                        let open_window_count = parseInt($(`.taskbar-item[data-app="${$(ui.item).attr('data-app-name')}"]`).attr('data-open-windows'));
+                        if ( open_window_count === 0 ) {
+                            launch_app({
+                                name: $(ui.item).attr('data-app-name'),
+                            });
+                        } else {
+                            return false;
+                        }
+                    },
+                });
+                let el = ($(item).detach());
+                $(el).insertAfter(ui.item);
+                $(el).show();
+                $(ui.item).removeItems();
+                window.update_taskbar();
+            }
+            // only proceed to update DB if the item sorted was a pinned item otherwise no point in updating the taskbar in DB
+            else if ( $(ui.item).attr('data-keep-in-taskbar') === 'true' ) {
+                window.update_taskbar();
+            }
+        },
+    });
+};
+
+// Function to update taskbar position
+window.update_taskbar_position = async function (new_position) {
+    // Prevent position changes on mobile devices - always keep bottom
+    if ( isMobile.phone || isMobile.tablet ) {
+        return;
+    }
+
+    if ( ! TASKBAR_POSITIONS.includes(new_position) ) {
+        return;
+    }
+
+    // Store the new position
+    puter.kv.set('taskbar_position', new_position).catch(err => console.warn('Could not save taskbar_position:', err));
+    window.taskbar_position = new_position;
+
+    // Remove old position classes and add new one
+    $('.taskbar').removeClass('taskbar-position-left taskbar-position-bottom taskbar-position-right');
+    $('.taskbar').addClass(`taskbar-position-${new_position}`);
+
+    // update desktop class, if left or right, add `desktop-taskbar-position-left` or `desktop-taskbar-position-right`
+    $('.desktop').removeClass('desktop-taskbar-position-left');
+    $('.desktop').removeClass('desktop-taskbar-position-right');
+    $('.desktop').addClass(`desktop-taskbar-position-${new_position}`);
+
+    // Update desktop height/width calculations based on new position
+    window.update_desktop_dimensions_for_taskbar();
+
+    // Update window positions if needed (for maximized windows)
+    $('.window[data-is_maximized="1"]').each(function () {
+        const el_window = this;
+        window.update_maximized_window_for_taskbar(el_window);
+    });
+
+    // Re-initialize sortable with correct axis
+    $('.taskbar-sortable').sortable('destroy');
+    window.make_taskbar_sortable();
+
+    // Adjust taskbar item sizes for the new position
+    setTimeout(() => {
+        window.adjust_taskbar_item_sizes();
+    }, 10);
+
+    // Reinitialize all taskbar item tooltips with new position
+    $('.taskbar-item').each(function () {
+        const $item = $(this);
+        // Destroy existing tooltip
+        if ( $item.data('ui-tooltip') ) {
+            $item.tooltip('destroy');
+        }
+
+        // Helper function to get tooltip position based on taskbar position
+        function getTooltipPosition () {
+            const taskbarPosition = window.taskbar_position || 'bottom';
+
+            if ( taskbarPosition === 'bottom' ) {
+                return {
+                    my: 'center bottom-20',
+                    at: 'center top',
+                };
+            } else if ( taskbarPosition === 'top' ) {
+                return {
+                    my: 'center top+20',
+                    at: 'center bottom',
+                };
+            } else if ( taskbarPosition === 'left' ) {
+                return {
+                    my: 'left+20 center',
+                    at: 'right center',
+                };
+            } else if ( taskbarPosition === 'right' ) {
+                return {
+                    my: 'right-20 center',
+                    at: 'left center',
+                };
+            }
+            return {
+                my: 'center bottom-20',
+                at: 'center top',
+            }; // fallback
+        }
+
+        const tooltipPosition = getTooltipPosition();
+
+        // Reinitialize tooltip with new position
+        $item.tooltip({
+            items: ".taskbar:not(.children-have-open-contextmenu) .taskbar-item:not([data-app='separator'])",
+            position: {
+                my: tooltipPosition.my,
+                at: tooltipPosition.at,
+                using: function ( position, feedback ) {
+                    $(this).css( position);
+                    $('<div>')
+                        .addClass( 'arrow')
+                        .addClass( feedback.vertical)
+                        .addClass( feedback.horizontal)
+                        .appendTo( this);
+                },
+            },
+        });
+    });
+};
+
+// Function to update desktop dimensions based on taskbar position
+window.update_desktop_dimensions_for_taskbar = function () {
+    const position = window.taskbar_position || 'bottom';
+
+    if ( position === 'bottom' ) {
+        $('.desktop').css({
+            'height': `calc(100vh - ${window.taskbar_height + window.toolbar_height}px)`,
+            'width': '100%',
+            'left': '0',
+            'top': `${window.toolbar_height}px`,
+        });
+    } else if ( position === 'left' ) {
+        $('.desktop').css({
+            'height': `calc(100vh - ${window.toolbar_height}px)`,
+            'width': `calc(100% - ${window.taskbar_height}px)`,
+            'left': `${window.taskbar_height}px`,
+            'top': `${window.toolbar_height}px`,
+        });
+    } else if ( position === 'right' ) {
+        $('.desktop').css({
+            'height': `calc(100vh - ${window.toolbar_height}px)`,
+            'width': `calc(100% - ${window.taskbar_height}px)`,
+            'left': '0',
+            'top': `${window.toolbar_height}px`,
+        });
+    }
+};
+
+//-------------------------------------------
+// Dynamic taskbar item resizing for left/right positions
+//-------------------------------------------
+window.adjust_taskbar_item_sizes = function () {
+    const position = window.taskbar_position || 'bottom';
+
+    // Only apply to left and right positions
+    if ( position !== 'left' && position !== 'right' ) {
+        // Reset to default sizes for bottom position
+        $('.taskbar .taskbar-item').css({
+            'width': '40px',
+            'height': '40px',
+            'min-width': '40px',
+            'min-height': '40px',
+        });
+        $('.taskbar-icon').css('height', '40px');
+        return;
+    }
+
+    const taskbar = $('.taskbar')[0];
+    const taskbarItems = $('.taskbar .taskbar-item:visible');
+
+    if ( !taskbar || taskbarItems.length === 0 ) return;
+
+    // Get available height (minus padding)
+    const totalItemsNeeded = taskbarItems.length;
+    const taskbarHeight = taskbar.clientHeight;
+    const paddingTop = 20; // from CSS
+    const paddingBottom = 20; // from CSS
+    const availableHeight = taskbarHeight - paddingTop - paddingBottom - 180;
+
+    // Calculate space needed with default sizes
+    const defaultItemSize = 40;
+    const defaultMargin = 5;
+    const spaceNeededDefault = (totalItemsNeeded * defaultItemSize) + ((totalItemsNeeded - 1) * defaultMargin);
+
+    if ( spaceNeededDefault <= availableHeight ) {
+        // No overflow, use default sizes
+        taskbarItems.css({
+            'width': '40px',
+            'height': '40px',
+            'min-width': '40px',
+            'min-height': '40px',
+            'padding': '6px 5px 10px 5px', // default padding
+        });
+        $('.taskbar-icon').css('height', `${defaultItemSize }px`);
+        $('.taskbar-icon').css('width', '40px');
+        $('.taskbar-icon > img').css('width', 'auto');
+        $('.taskbar-icon > img').css('margin', 'auto');
+        $('.taskbar-icon > img').css('display', 'block');
+
+        // Reset margins to default
+        taskbarItems.css('margin-bottom', '5px');
+        taskbarItems.last().css('margin-bottom', '0px');
+    } else {
+        // Overflow detected, calculate smaller sizes
+        // Reserve some margin space (minimum 2px between items)
+        const minMargin = 2;
+        const marginSpace = (totalItemsNeeded - 1) * minMargin;
+        const availableForItems = availableHeight - marginSpace;
+        const newItemSize = Math.floor(availableForItems / totalItemsNeeded);
+
+        // Ensure minimum size of 20px
+        const finalItemSize = Math.max(20, newItemSize);
+
+        // Calculate proportional padding based on size ratio
+        const sizeRatio = finalItemSize / defaultItemSize;
+        const paddingTop = Math.max(1, Math.floor(6 * sizeRatio));
+        const paddingRight = Math.max(1, Math.floor(5 * sizeRatio));
+        const paddingBottom = Math.max(1, Math.floor(10 * sizeRatio));
+        const paddingLeft = Math.max(1, Math.floor(5 * sizeRatio));
+
+        // Apply new sizes and padding
+        taskbarItems.css({
+            'width': '40px',
+            'height': `${finalItemSize }px`,
+            'min-width': '40px',
+            'min-height': `${finalItemSize }px`,
+            'padding': `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`,
+        });
+        $('.taskbar-icon').css('height', `${finalItemSize }px`);
+        $('.taskbar-icon').css('width', '40px');
+        $('.taskbar-icon > img').css('width', 'auto');
+        $('.taskbar-icon > img').css('margin', 'auto');
+        $('.taskbar-icon > img').css('display', 'block');
+        // Adjust margins
+        taskbarItems.css('margin-bottom', `${minMargin }px`);
+        taskbarItems.last().css('margin-bottom', '0px');
+    }
+};
+
+// Hook into existing taskbar functionality
+$(document).ready(function () {
+    // Watch for taskbar item changes
+    const observer = new MutationObserver(function (mutations) {
+        mutations.forEach(function (mutation) {
+            if ( mutation.type === 'childList' || mutation.type === 'attributes' ) {
+                // Delay to ensure DOM updates are complete
+                setTimeout(() => {
+                    window.adjust_taskbar_item_sizes();
+                }, 10);
+            }
+        });
+    });
+
+    // Start observing when taskbar is available
+    const checkTaskbar = setInterval(() => {
+        const taskbar = document.querySelector('.taskbar-sortable');
+        if ( taskbar ) {
+            observer.observe(taskbar, {
+                childList: true,
+                attributes: true,
+                subtree: true,
+            });
+            clearInterval(checkTaskbar);
+
+            // Initial call
+            setTimeout(() => {
+                window.adjust_taskbar_item_sizes();
+            }, 100);
+        }
+    }, 100);
+
+    // Also watch for window resize events
+    window.addEventListener('resize', () => {
+        setTimeout(() => {
+            window.adjust_taskbar_item_sizes();
+        }, 10);
+    });
+});
+
+export default UITaskbar;

src/gui/src/UI/UITaskbar.test.js

@@ -0,0 +1,181 @@
+// @vitest-environment jsdom
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { afterEach, beforeEach, expect, it, vi } from 'vitest';
+import jQuery from '../lib/jquery-3.6.1/jquery-3.6.1.min.js';
+
+vi.mock('../helpers/launchApp.js', () => ({ default: vi.fn() }));
+vi.mock('./UIContextMenu.js', () => ({ default: vi.fn() }));
+
+globalThis.$ = globalThis.jQuery = jQuery;
+globalThis.i18n = (key) => (key === 'start' ? 'Start' : key);
+globalThis.html_encode = (value) => String(value ?? '');
+globalThis.isMobile = { phone: false, tablet: false };
+await import('../lib/jquery-ui-1.13.2/jquery-ui.js');
+const { default: UITaskbar } = await import('./UITaskbar.js');
+
+const app = { name: 'test-app', uuid: 'test-uid', title: 'Test app' };
+let launchApps;
+let start;
+let requests;
+
+afterEach(() => {
+    $('.popover-launcher, .taskbar').remove();
+    $(document).off();
+    $(window).off();
+    document.body.innerHTML = '';
+    delete window.launch_apps;
+    vi.unstubAllGlobals();
+    vi.useRealTimers();
+    vi.restoreAllMocks();
+});
+
+beforeEach(async () => {
+    document.body.innerHTML = '<div class="desktop"></div>';
+    Object.assign(window, {
+        global_element_id: 0,
+        taskbar_height: 50,
+        toolbar_height: 0,
+        api_origin: 'http://api.test',
+        auth_token: 'test-token',
+        icons: {},
+        user: {},
+        launch_recent_apps_count: 10,
+    });
+    vi.stubGlobal('puter', {
+        kv: { get: async () => 'bottom' },
+        fs: { stat: async () => ({ is_empty: true }) },
+    });
+    launchApps = { recent: [app], recommended: [] };
+    requests = [];
+    $.ajaxTransport('+*', () => {
+        let complete;
+        const request = {
+            send(headers, done) {
+                complete = done;
+            },
+            abort: vi.fn(),
+            resolve(data) {
+                complete(
+                    200,
+                    'OK',
+                    { text: JSON.stringify(data) },
+                    'Content-Type: application/json',
+                );
+            },
+        };
+        requests.push(request);
+        return request;
+    });
+    await UITaskbar();
+    requests[0].resolve(launchApps);
+    start = $('.taskbar-item[data-name="Start"]');
+});
+
+it.each([true, false])(
+    'keeps cached search usable after a timeout, cached=%s',
+    async (cached) => {
+        if (!cached) window.launch_apps = [];
+        vi.spyOn(console, 'error').mockImplementation(() => {});
+        vi.useFakeTimers();
+        start.trigger('click');
+        await vi.advanceTimersByTimeAsync(30000);
+        expect(requests.at(-1).abort).toHaveBeenCalledOnce();
+        expect($('.launch-search')).toHaveLength(1);
+        expect($('.start-app')).toHaveLength(cached ? 1 : 0);
+    },
+);
+
+function deferRefresh() {
+    return (data) => requests.at(-1).resolve(data);
+}
+
+it('refreshes reopened Start without losing cached tiles or search input', async () => {
+    const survivor = {
+        name: 'survivor',
+        uuid: 'survivor-uid',
+        title: 'Survivor',
+    };
+    launchApps.recent.push(survivor);
+    start.trigger('click');
+    requests.at(-1).resolve(launchApps);
+    start.trigger('click');
+    const resolve = deferRefresh();
+    start.trigger('click');
+    const input = $('.launch-search').get(0);
+    expect(input).toBeDefined();
+    expect($('.start-app[data-app-name="test-app"]')).toHaveLength(1);
+    input.value = 'notes';
+    const onChange = vi.fn();
+    $(input).on('change', onChange);
+    resolve({
+        recent: [survivor],
+        recommended: [{ name: 'notes', uuid: 'notes-uid', title: 'Notes' }],
+    });
+    await vi.waitFor(() =>
+        expect($('.start-app[data-app-name="notes"]')).toHaveLength(1),
+    );
+    expect($('.launch-search').get(0)).toBe(input);
+    expect(input.value).toBe('notes');
+    expect(document.activeElement).toBe(input);
+    expect(onChange).toHaveBeenCalledOnce();
+    expect($('.start-app[data-app-name="survivor"]')).toHaveLength(1);
+    expect($('.start-app[data-app-name="test-app"]')).toHaveLength(0);
+});
+
+it('cancels closed menus and ignores their late responses', () => {
+    start.trigger('click');
+    const old = requests.at(-1);
+    start.trigger('click');
+    expect(old.abort).toHaveBeenCalledOnce();
+    start.trigger('click');
+    requests.at(-1).resolve({ recent: [], recommended: [] });
+    old.resolve({ recent: [app], recommended: [] });
+    expect(window.launch_apps.recent).toHaveLength(0);
+    expect($('.start-app')).toHaveLength(0);
+});
+
+it('cancels the startup request when Start opens', async () => {
+    requests = [];
+    document.body.innerHTML = '<div class="desktop"></div>';
+    await UITaskbar();
+    const startup = requests[0];
+    $('.taskbar-item[data-name="Start"]').trigger('click');
+    expect(startup.abort).toHaveBeenCalledOnce();
+});
+
+it('hides apps the backend marks unlaunchable', () => {
+    start.trigger('click');
+    requests.at(-1).resolve({
+        recent: [
+            app,
+            {
+                name: 'reclaimed',
+                uuid: 'reclaimed-uid',
+                title: 'Reclaimed',
+                index_url: null,
+                privateAccess: { hasAccess: false },
+            },
+        ],
+        recommended: [],
+    });
+    expect($('.start-app[data-app-name="test-app"]')).toHaveLength(1);
+    expect($('.start-app[data-app-name="reclaimed"]')).toHaveLength(0);
+});

src/gui/src/UI/UITaskbarItem.js

@@ -0,0 +1,543 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import UIContextMenu from './UIContextMenu.js';
+import path from '../lib/path.js';
+import launch_app from '../helpers/launchApp.js';
+import { user_facing_windows } from '../helpers/windowVisibility.js';
+import { appIconFallbackAttr } from '../helpers/appIcon.js';
+
+let tray_item_id = 1;
+
+function UITaskbarItem (options) {
+    let h = '';
+    tray_item_id++;
+    options.sortable = options.sortable ?? true;
+    options.open_windows_count = options.open_windows_count ?? 0;
+    options.lock_keep_in_taskbar = options.lock_keep_in_taskbar ?? false;
+    options.append_to_taskbar = options.append_to_taskbar ?? true;
+    options.before_trash = options.before_trash ?? false;
+
+    // The windows this item stands for: the user's own. An instance another
+    // app launched in the background is not counted in data-open-windows and
+    // has no item of its own (see UIWindow's taskbar block) — it must not be
+    // shown, hidden, or closed through the item its app's OTHER windows own.
+    const item_windows = () => $(user_facing_windows($(`.window[data-app="${options.app}"]`)));
+
+    const element_id = window.global_element_id++;
+
+    h += `<div  class = "taskbar-item ${options.sortable ? 'taskbar-item-sortable' : ''} disable-user-select"
+                id = "taskbar-item-${tray_item_id}"
+                data-taskbar-item-id = "${tray_item_id}"
+                data-element-id = "${html_encode(element_id)}"
+                data-name = "${html_encode(options.name)}"
+                data-app = "${html_encode(options.app)}"
+                data-keep-in-taskbar = "${html_encode(options.keep_in_taskbar ?? 'false')}"
+                data-open-windows="${(options.open_windows_count)}"
+                title = "${html_encode(options.name)}"
+                style= "${options.style ? html_encode(options.style) : ''}"
+            >`;
+    let icon = options.icon ? options.icon : window.icons['app.svg'];
+    // App icons carry a retry URL (see helpers/appIcon.js); the bundled icons
+    // below never need one.
+    let icon_fallback = options.iconFallback ?? '';
+    if ( options.app === 'explorer' )
+    {
+        icon = window.icons['folders.svg'];
+        icon_fallback = '';
+    }
+
+    // taskbar icon
+    h += '<div class="taskbar-icon">';
+    // Don't add img tag for separator
+    if ( options.app !== 'separator' ) {
+        h += `<img src="${html_encode(icon)}"${appIconFallbackAttr(icon_fallback)} style="${options.group === 'apps' ? 'filter:none;' : ''}">`;
+    }
+    h += '</div>';
+
+    // active indicator
+    if ( options.app !== 'apps' )
+    {
+        h += '<span class="active-taskbar-indicator"></span>';
+    }
+    h += '</div>';
+
+    if ( options.append_to_taskbar ) {
+        if ( options.before_trash ) {
+            $('.taskbar-sortable').append(h);
+        } else {
+            if ( options.sortable )
+            {
+                $('.taskbar-sortable').append(h);
+            }
+            else {
+                // if taskbar-sortable is empty then append before it
+                if ( $('.taskbar-sortable').children().length === 0 )
+                {
+                    $('.taskbar').find('.taskbar-sortable').before(h);
+                }
+                else
+                {
+                    $('.taskbar').find('.taskbar-sortable').after(h);
+                }
+            }
+        }
+    } else {
+        $('body').prepend(h);
+    }
+
+    const el_taskbar_item = document.querySelector(`#taskbar-item-${tray_item_id}`);
+
+    // fade in the taskbar item
+    $(el_taskbar_item).show(50);
+
+    // Adjust taskbar item sizes after adding new item
+    if ( window.adjust_taskbar_item_sizes ) {
+        setTimeout(() => {
+            window.adjust_taskbar_item_sizes();
+        }, 100);
+    }
+
+    $(el_taskbar_item).on('click', function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+
+        // Don't handle clicks for separators
+        if ( options.app === 'separator' ) {
+            return;
+        }
+
+        // if this is for the launcher popover, and it's mobile, and has-open-popover, close the popover
+        if ( $(el_taskbar_item).attr('data-name') === 'Start'
+            && (isMobile.phone || isMobile.tablet) && $(el_taskbar_item).hasClass('has-open-popover') ) {
+            $('.popover').remove();
+            return;
+        }
+
+        // If this item has an open context menu, don't do anything
+        if ( $(el_taskbar_item).hasClass('has-open-contextmenu') )
+        {
+            return;
+        }
+
+        if ( options.onClick === undefined || options.onClick(el_taskbar_item) === false ) {
+            // re-show each window in this app group
+            item_windows().showWindow();
+        }
+    });
+
+    $(el_taskbar_item).on('contextmenu taphold', function (e) {
+        // seems like the only way to stop sortable is to destroy it
+        if ( options.sortable ) {
+            $('.taskbar-sortable').sortable('destroy');
+        }
+
+        e.preventDefault();
+        e.stopPropagation();
+
+        // Don't show context menu for separators
+        if ( options.app === 'separator' ) {
+            return;
+        }
+
+        // If context menu is disabled on this item, return
+        if ( options.disable_context_menu )
+        {
+            return;
+        }
+
+        // don't allow context menu to open if it's already open
+        if ( $(el_taskbar_item).hasClass('has-open-contextmenu') )
+        {
+            return;
+        }
+
+        const menu_items = [];
+        const open_windows = parseInt($(el_taskbar_item).attr('data-open-windows'));
+        // -------------------------------------------
+        // List of open windows belonging to this app
+        // -------------------------------------------
+        item_windows().each(function () {
+            menu_items.push({
+                html: $(this).find('.window-head-title').html(),
+                val: $(this).attr('data-id'),
+                onClick: function (e) {
+                    $(`.window[data-id="${e.value}"]`).showWindow();
+                },
+            });
+        });
+        // -------------------------------------------
+        // divider
+        // -------------------------------------------
+        if ( menu_items.length > 0 )
+        {
+            menu_items.push('-');
+        }
+        //------------------------------------------
+        // New Window
+        //------------------------------------------
+        if ( options.app && options.app !== 'trash' ) {
+            menu_items.push({
+                html: i18n('new_window'),
+                val: $(this).attr('data-id'),
+                onClick: function () {
+                    // is trash?
+                    launch_app({
+                        name: options.app,
+                        maximized: (isMobile.phone || isMobile.tablet),
+                    });
+                },
+            });
+        }
+        //------------------------------------------
+        // Open Trash
+        //------------------------------------------
+        else if ( options.app && options.app === 'trash' ) {
+            menu_items.push({
+                html: i18n('open_trash'),
+                val: $(this).attr('data-id'),
+                onClick: function () {
+                    launch_app({
+                        name: options.app,
+                        path: window.trash_path,
+                        maximized: (isMobile.phone || isMobile.tablet),
+                    });
+                },
+            });
+        }
+        //------------------------------------------
+        // Empty Trash
+        //------------------------------------------
+        if ( options.app && options.app === 'trash' ) {
+            // divider
+            menu_items.push('-');
+
+            // Empty Trash menu item
+            menu_items.push({
+                html: i18n('empty_trash'),
+                val: $(this).attr('data-id'),
+                onClick: async function () {
+                    window.empty_trash();
+                },
+            });
+        }
+        //------------------------------------------
+        // Remove from Taskbar
+        //------------------------------------------
+        if ( options.keep_in_taskbar && !options.lock_keep_in_taskbar ) {
+            menu_items.push({
+                html: i18n('remove_from_taskbar'),
+                val: $(this).attr('data-id'),
+                onClick: function () {
+                    $(el_taskbar_item).attr('data-keep-in-taskbar', 'false');
+                    if ( $(el_taskbar_item).attr('data-open-windows') === '0' ) {
+                        window.remove_taskbar_item(el_taskbar_item);
+                    }
+                    window.update_taskbar();
+                    options.keep_in_taskbar = false;
+                },
+            });
+        }
+        //------------------------------------------
+        // Keep in Taskbar
+        //------------------------------------------
+        else if ( ! options.keep_in_taskbar ) {
+            menu_items.push({
+                html: i18n('keep_in_taskbar'),
+                val: $(this).attr('data-id'),
+                onClick: function () {
+                    $(el_taskbar_item).attr('data-keep-in-taskbar', 'true');
+                    window.update_taskbar();
+                    options.keep_in_taskbar = true;
+                },
+            });
+        }
+
+        if ( open_windows > 0 ) {
+            // -------------------------------------------
+            // divider
+            // -------------------------------------------
+            menu_items.push('-');
+            // -------------------------------------------
+            // Show All Windows
+            // -------------------------------------------
+            menu_items.push({
+                html: i18n('show_all_windows'),
+                onClick: function () {
+                    item_windows().showWindow();
+                },
+            });
+            // -------------------------------------------
+            // Hide All Windows
+            // -------------------------------------------
+            menu_items.push({
+                html: i18n('hide_all_windows'),
+                onClick: function () {
+                    if ( open_windows > 0 )
+                    {
+                        item_windows().hideWindow();
+                    }
+                },
+            });
+            // -------------------------------------------
+            // Close All Windows
+            // -------------------------------------------
+            menu_items.push({
+                html: i18n('close_all_windows'),
+                onClick: function () {
+                    // "All" means the windows this item lists — a background
+                    // helper belongs to the app running it, and goes when
+                    // that app does (UIWindow's close path).
+                    item_windows().close();
+                },
+            });
+        }
+        const pos = el_taskbar_item.getBoundingClientRect();
+        UIContextMenu({
+            parent_element: el_taskbar_item,
+            position: getContextMenuPosition(pos),
+            items: menu_items,
+        });
+
+        return false;
+    });
+
+    // Helper function to get tooltip position based on taskbar position
+    function getTooltipPosition () {
+        const taskbarPosition = window.taskbar_position || 'bottom';
+
+        if ( taskbarPosition === 'bottom' ) {
+            return {
+                my: 'center bottom-20',
+                at: 'center top',
+            };
+        } else if ( taskbarPosition === 'top' ) {
+            return {
+                my: 'center top+20',
+                at: 'center bottom',
+            };
+        } else if ( taskbarPosition === 'left' ) {
+            return {
+                my: 'left+20 center',
+                at: 'right center',
+            };
+        } else if ( taskbarPosition === 'right' ) {
+            return {
+                my: 'right-20 center',
+                at: 'left center',
+            };
+        }
+        return {
+            my: 'center bottom-20',
+            at: 'center top',
+        }; // fallback
+    }
+
+    // Helper function to get context menu position based on taskbar position
+    function getContextMenuPosition (pos) {
+        const taskbarPosition = window.taskbar_position || 'bottom';
+
+        if ( taskbarPosition === 'bottom' ) {
+            return {
+                top: pos.top - 15,
+                left: pos.left + 5,
+            };
+        } else if ( taskbarPosition === 'top' ) {
+            return {
+                top: pos.bottom + 15,
+                left: pos.left + 5,
+            };
+        } else if ( taskbarPosition === 'left' ) {
+            return {
+                top: pos.top + 5,
+                left: pos.right + 5,
+            };
+        } else if ( taskbarPosition === 'right' ) {
+            return {
+                top: pos.top + 5,
+                left: pos.left - 20,
+            };
+        }
+        return {
+            top: pos.top - 15,
+            left: pos.left + 5,
+        }; // fallback
+    }
+
+    const tooltipPosition = getTooltipPosition();
+
+    $(el_taskbar_item).tooltip({
+        // only show tooltip if desktop is not selectable active
+        items: ".desktop:not(.desktop-selectable-active) .taskbar:not(.children-have-open-contextmenu) .taskbar-item:not([data-app='separator'])",
+        position: {
+            my: tooltipPosition.my,
+            at: tooltipPosition.at,
+            using: function ( position, feedback ) {
+                $(this).css( position);
+                $('<div>')
+                    .addClass( 'arrow')
+                    .addClass( feedback.vertical)
+                    .addClass( feedback.horizontal)
+                    .appendTo( this);
+            },
+        },
+    });
+
+    // --------------------------------------------------------
+    // Droppable
+    // --------------------------------------------------------
+    // Don't make separators droppable
+    if ( options.app !== 'separator' ) {
+        $(el_taskbar_item).droppable({
+            accept: '.item',
+            // 'pointer' is very important because of active window tracking is based on the position of cursor.
+            tolerance: 'pointer',
+            drop: async function ( event, ui ) {
+            // Check if hovering over an item that is VISIBILE
+                if ( $(event.target).closest('.window').attr('data-id') !== $(window.mouseover_window).attr('data-id') )
+                {
+                    return;
+                }
+
+                // If ctrl is pressed and source is Trashed, cancel whole operation
+                if ( event.ctrlKey && path.dirname($(ui.draggable).attr('data-path')) === window.trash_path )
+                {
+                    return;
+                }
+
+                const items_to_move = [];
+
+                // First item
+                items_to_move.push(ui.draggable);
+
+                // All subsequent items
+                const cloned_items = document.getElementsByClassName('item-selected-clone');
+                for ( let i = 0; i < cloned_items.length; i++ ) {
+                    const source_item = document.getElementById(`item-${ $(cloned_items[i]).attr('data-id')}`);
+                    if ( source_item !== null )
+                    {
+                        items_to_move.push(source_item);
+                    }
+                }
+
+                // --------------------------------------------------------
+                // If `options.onItemsDrop` is set, call it with the items to move
+                //--------------------------------------------------------
+                if ( options.onItemsDrop && typeof options.onItemsDrop === 'function' ) {
+                    options.onItemsDrop(items_to_move);
+                    return;
+                }
+                // --------------------------------------------------------
+                // If dropped on an app, open the app with the dropped item as an argument
+                //--------------------------------------------------------
+                else if ( options.app ) {
+                // an array that hold the items to sign
+                    const items_to_sign = [];
+
+                    // prepare items to sign
+                    for ( let i = 0; i < items_to_move.length; i++ ) {
+                        items_to_sign.push({
+                            name: $(items_to_move[i]).attr('data-name'),
+                            uid: $(items_to_move[i]).attr('data-uid'),
+                            action: 'write',
+                            path: $(items_to_move[i]).attr('data-path'),
+                        });
+                    }
+
+                    // open each item
+                    for ( let i = 0; i < items_to_sign.length; i++ ) {
+                        const item = items_to_sign[i];
+                        launch_app({
+                            name: options.app,
+                            file_path: item.path,
+                            // app_obj: open_item_meta.suggested_apps[0],
+                            window_title: item.name,
+                            file_uid: item.uid,
+                        // file_signature: item,
+                        });
+                    }
+
+                    // deselect dragged item
+                    for ( let i = 0; i < items_to_move.length; i++ )
+                    {
+                        $(items_to_move[i]).removeClass('item-selected');
+                    }
+                }
+
+                // Unselect directory/app if item is dropped
+                if ( options.is_dir || options.app ) {
+                    $(el_taskbar_item).removeClass('active');
+                    $(el_taskbar_item).tooltip('close');
+                    $('.ui-draggable-dragging .item-name, .item-selected-clone .item-name').css('opacity', 'initial');
+                    $('.item-container').removeClass('item-container-transparent-border');
+                }
+
+                // Re-enable droppable on all item-container
+                $('.item-container').droppable('enable');
+
+                return false;
+            },
+            over: function (event, ui) {
+            // Check hovering over an item that is VISIBILE
+                const $event_parent_win = $(event.target).closest('.window');
+                if ( $event_parent_win.length > 0 && $event_parent_win.attr('data-id') !== $(window.mouseover_window).attr('data-id') )
+                {
+                    return;
+                }
+                // Don't do anything if the dragged item is NOT a UIItem
+                if ( ! $(ui.draggable).hasClass('item') )
+                {
+                    return;
+                }
+                // If this is a directory or an app, and an item was dragged over it, highlight it.
+                if ( options.is_dir || options.app ) {
+                    $(el_taskbar_item).addClass('active');
+                    // show tooltip of this item
+                    $(el_taskbar_item).tooltip().mouseover();
+                    // make item name partially transparent
+                    $('.ui-draggable-dragging .item-name, .item-selected-clone .item-name').css('opacity', 0.1);
+                    // remove all item-container active borders
+                    $('.item-container').addClass('item-container-transparent-border');
+                }
+                // Disable all window bodies
+                $('.item-container').droppable( 'disable');
+            },
+            out: function (event, ui) {
+            // Don't do anything if the dragged item is NOT a UIItem
+                if ( ! $(ui.draggable).hasClass('item') )
+                {
+                    return;
+                }
+
+                // Unselect directory/app if item is dragged out
+                if ( options.is_dir || options.app ) {
+                    $(el_taskbar_item).removeClass('active');
+                    $(el_taskbar_item).tooltip('close');
+                    $('.ui-draggable-dragging .item-name, .item-selected-clone .item-name').css('opacity', 'initial');
+                    $('.item-container').removeClass('item-container-transparent-border');
+                }
+                $('.item-container').droppable( 'enable');
+            },
+        });
+    }
+
+    return el_taskbar_item;
+}
+
+export default UITaskbarItem;

src/gui/src/UI/UIWindow.desktop.test.js

@@ -1,123 +0,0 @@
-// @vitest-environment jsdom
-/*
- * Copyright (C) 2024-present Puter Technologies Inc.
- *
- * This file is part of Puter.
- *
- * Puter is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as published
- * by the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program.  If not, see <https://www.gnu.org/licenses/>.
- */
-
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import jQuery from '../lib/jquery-3.6.1/jquery-3.6.1.min.js';
-
-vi.mock('../helpers/launchApp.js', () => ({ default: vi.fn() }));
-
-globalThis.$ = globalThis.jQuery = jQuery;
-globalThis.i18n = (key) => key;
-globalThis.html_encode = (value) => String(value ?? '');
-globalThis.isMobile = { phone: false, tablet: false };
-globalThis.def = globalThis.def ?? ((value) => value);
-await import('../lib/jquery-ui-1.13.2/jquery-ui.js');
-// The page loads this plugin from a vendored script; nothing here drops files.
-$.fn.dragster = function () {
-    return this;
-};
-const { default: UIWindow } = await import('./UIWindow.js');
-
-const openWindow = (options = {}) => UIWindow({
-    title: 'Notes',
-    app: 'notes',
-    body_content: '<p>hello</p>',
-    width: 400,
-    height: 300,
-    ...options,
-});
-
-/** Opens the window head's context menu and returns its item labels. */
-const headMenuLabels = (el_window) => {
-    $(el_window).find('.window-head').trigger('contextmenu');
-    return $('.context-menu .contextmenu-label').map((_, el) => $(el).text().toLowerCase()).get();
-};
-
-beforeEach(() => {
-    document.body.innerHTML = '<div class="desktop"></div>';
-    Object.assign(window, {
-        global_element_id: 0,
-        window_counter: 0,
-        last_window_zindex: 1,
-        window_stack: [],
-        toolbar_height: 0,
-        icons: {},
-        uuidv4: () => crypto.randomUUID(),
-        is_dashboard_mode: false,
-        is_fullpage_mode: false,
-        is_embedded: false,
-    });
-});
-
-afterEach(() => {
-    $(document).off();
-    document.body.innerHTML = '';
-});
-
-describe('minimize', () => {
-    it('is not offered on the desktop, where nothing could restore the window', async () => {
-        const el_window = await openWindow();
-
-        expect($(el_window).find('.window-minimize-btn').length).toBe(0);
-
-        const labels = headMenuLabels(el_window);
-        expect(labels.some((label) => label === 'maximize')).toBe(true);
-        expect(labels.some((label) => label === 'minimize')).toBe(false);
-    });
-
-    it('is offered on the dashboard, which restores the window from its tile', async () => {
-        window.is_dashboard_mode = true;
-        const el_window = await openWindow();
-
-        expect($(el_window).find('.window-minimize-btn').length).toBe(1);
-        expect(headMenuLabels(el_window).some((label) => label === 'minimize')).toBe(true);
-    });
-
-    it('hides the window in place and brings it back', async () => {
-        window.is_dashboard_mode = true;
-        const el_window = await openWindow();
-        const before = { top: el_window.style.top, left: el_window.style.left };
-
-        await $(el_window).hideWindow();
-        expect($(el_window).attr('data-is_minimized')).toBe('true');
-        expect($(el_window).attr('data-minimized_in_place')).toBe('1');
-
-        await $(el_window).showWindow({ no_history: true });
-        expect($(el_window).attr('data-is_minimized')).toBe('false');
-        expect({ top: el_window.style.top, left: el_window.style.left }).toEqual(before);
-    });
-});
-
-describe('backdrop', () => {
-    const backdropZ = (el_window) => Number($(el_window).closest('.window-backdrop').css('z-index'));
-
-    it('stays above ordinary windows on the desktop', async () => {
-        const el_window = await openWindow({ backdrop: true });
-
-        expect(backdropZ(el_window)).toBeGreaterThan(window.last_window_zindex + 1000);
-    });
-
-    it('stacks at the window counter on the dashboard', async () => {
-        window.is_dashboard_mode = true;
-        const el_window = await openWindow({ backdrop: true });
-
-        expect(backdropZ(el_window)).toBeLessThanOrEqual(window.last_window_zindex);
-    });
-});

src/gui/src/UI/UIWindow.js

@@ -20,6 +20,7 @@
 import UIAlert from './UIAlert.js';
 import UIContextMenu from './UIContextMenu.js';
 import path from '../lib/path.js';
+import UITaskbarItem from './UITaskbarItem.js';
 import UIAuthLogin from './Auth/UIAuthLogin.js';
 import UIWindowItemProperties from './UIWindowItemProperties.js';
 import new_context_menu_item from '../helpers/newContextMenuItem.js';
@@ -37,8 +38,6 @@ import { is_window_hidden, is_unseen_background_window, user_facing_windows } fr
 
 const el_body = document.getElementsByTagName('body')[0];
 const SNAP_PLACEHOLDER_DELAY_MS = 600; // delay before showing placeholder in any snap zone
-// Above any z-index an ordinary desktop window reaches in practice.
-const DESKTOP_BACKDROP_MIN_ZINDEX = 99999;
 
 async function UIWindow (options) {
     const win_id = window.global_element_id++;
@@ -106,7 +105,7 @@ async function UIWindow (options) {
         options.is_resizable = false;
     }
 
-    // In the embedded/fullpage mode every window is on top since there is nothing to switch between windows
+    // In the embedded/fullpage mode every window is on top since there is no taskbar to switch between windows
     // if user has specifically asked for this window to NOT stay on top, honor it.
     if ( (window.is_embedded || window.is_fullpage_mode) && !options.parent_uuid && options.stay_on_top !== false )
     {
@@ -116,11 +115,11 @@ async function UIWindow (options) {
     options.stay_on_top = options.stay_on_top ?? false;
 
     options.is_saveFileDialog = options.is_saveFileDialog ?? false;
-    // Only the dashboard can restore a minimized window, from the app's tile.
-    options.show_minimize_button = (options.show_minimize_button ?? true) && !!window.is_dashboard_mode;
+    options.show_minimize_button = options.show_minimize_button ?? true;
     options.on_close = options.on_close ?? undefined;
     options.parent_uuid = options.parent_uuid ?? null;
     options.selectable_body = (options.selectable_body === undefined || options.selectable_body === true) ? true : false;
+    options.show_in_taskbar = options.show_in_taskbar ?? true;
     options.show_maximize_button = options.show_maximize_button ?? true;
     options.single_instance = options.single_instance ?? false;
     options.sort_by = options.sort_by ?? 'name';
@@ -540,11 +539,24 @@ async function UIWindow (options) {
 
     // backdrop
     if ( options.backdrop ) {
-        // On the desktop a backdrop stays above every ordinary window, even one
-        // focused after it opened, so the dialog it holds stays modal.
-        const backdrop_zindex = (options.stay_on_top || window.is_dashboard_mode || window.is_fullpage_mode)
-            ? zindex
-            : Math.max(zindex, DESKTOP_BACKDROP_MIN_ZINDEX);
+        let backdrop_zindex;
+        // backdrop should also cover over taskbar
+        let taskbar_zindex = $('.taskbar').css('z-index');
+        if ( taskbar_zindex === null || taskbar_zindex === undefined )
+        {
+            backdrop_zindex = zindex;
+        }
+        else {
+            taskbar_zindex = parseInt(taskbar_zindex);
+            backdrop_zindex = taskbar_zindex > zindex ? taskbar_zindex : zindex;
+        }
+
+        // dominant backdrop will cover over toolbar as well
+        if ( options.backdrop_covers_toolbar )
+        {
+            backdrop_zindex = 999999;
+        }
+
         h = `<div class="window-backdrop" style="z-index:${backdrop_zindex};">${ h }</div>`;
     }
 
@@ -587,6 +599,56 @@ async function UIWindow (options) {
     const el_directorypicker_select_btn = document.querySelector(`#window-${win_id} .directorypicker-select-btn`);
     const el_window_filedialog_upload_here = document.querySelector(`#window-${win_id} .window-filedialog-upload-here`);
 
+    // Add Taskbar Item
+    // data-in_taskbar records that this window is one of the item's
+    // data-open-windows, so the close path only decrements a count this
+    // window actually added to (see the close handler) — the two must stay
+    // in step, and a window that never took an item must not take one away.
+    const add_taskbar_item = () => {
+        $(el_window).attr('data-in_taskbar', '1');
+        // add icon if there is no similar app already open
+        if ( $(`.taskbar-item[data-app="${options.app}"]`).length === 0 ) {
+            UITaskbarItem({
+                icon: options.icon,
+                name: options.title,
+                app: options.app,
+                open_windows_count: 1,
+                before_trash: true,
+                onClick: function () {
+                    let open_window_count = parseInt($(`.taskbar-item[data-app="${options.app}"]`).attr('data-open-windows'));
+                    if ( open_window_count === 0 ) {
+                        launch_app({
+                            name: options.app,
+                        });
+                    } else {
+                        return false;
+                    }
+                },
+            });
+            if ( options.app )
+            {
+                $(`.taskbar-item[data-app="${options.app}"] .active-taskbar-indicator`).show();
+            }
+        } else {
+            if ( options.app ) {
+                $(`.taskbar-item[data-app="${options.app}"]`).attr('data-open-windows', parseInt($(`.taskbar-item[data-app="${options.app}"]`).attr('data-open-windows')) + 1);
+                $(`.taskbar-item[data-app="${options.app}"] .active-taskbar-indicator`).show();
+            }
+        }
+    };
+    if ( !options.is_openFileDialog && !options.is_saveFileDialog && !options.is_directoryPicker && options.show_in_taskbar ) {
+        // A window started hidden by a background launch gets no taskbar item
+        // yet: it runs for the app that launched it, and an item would both
+        // advertise and hand out an instance the user never asked for. The
+        // item is what the window earns the moment it first becomes visible
+        // — makeWindowVisible calls this, whether the app showed itself with
+        // puter.ui.showWindow() or something else revealed it. An app that is
+        // ALWAYS windowless never reaches here: launch_app leaves
+        // show_in_taskbar false for it, so it keeps having no item at all.
+        if ( options.launched_hidden ) el_window._add_taskbar_item = add_taskbar_item;
+        else add_taskbar_item();
+    }
+
     if ( el_window_filedialog_upload_here ) {
         el_window_filedialog_upload_here.addEventListener('click', function () {
             window.init_upload_using_dialog(el_window_body, `${$(el_window).attr('data-path') }/`);
@@ -611,7 +673,8 @@ async function UIWindow (options) {
         // shrink icon
         $(el_window).find('.window-scale-btn>img').attr('src', window.icons['scale-down-3.svg']);
 
-        window.update_maximized_window(el_window);
+        // Use taskbar position-aware window positioning
+        window.update_maximized_window_for_taskbar(el_window);
     }
 
     // when a window is created, focus is brought to it and
@@ -1889,6 +1952,7 @@ async function UIWindow (options) {
                     snap_trigger_timeout = undefined;
                 }
                 hideSnapPlaceholder();
+                $('.toolbar').css('pointer-events', 'none');
                 // if window is snapped, unsnap it and reset its position to where it was before snapping
                 if ( options.is_resizable && window_is_snapped ) {
                     window_is_snapped = false;
@@ -1983,12 +2047,14 @@ async function UIWindow (options) {
 
                 $(el_window_app_iframe).css('pointer-events', 'all');
                 $('.window').css('pointer-events', 'initial');
+                $('.toolbar').css('pointer-events', 'auto');
 
                 if ( options.is_resizable && snap_placeholder_active && !window_is_snapped ) {
                     window_will_snap = true;
                     $(window_snap_placeholder).css('padding', 0);
 
                     setTimeout(function () {
+                        // Get taskbar-aware snap dimensions for final positioning
                         const snapDims = getSnapDimensions();
 
                         // snap to w
@@ -2075,22 +2141,39 @@ async function UIWindow (options) {
                 }
 
                 // if window is dropped outside the available area, move it back in
-                // the '- 30' is to account for the window head
-                const maxTop = window.innerHeight - 30;
+                // Bottom boundary (account for taskbar position)
+                const taskbar_position = window.taskbar_position || 'bottom';
+                let maxTop;
+                if ( taskbar_position === 'bottom' ) {
+                    maxTop = window.innerHeight - window.taskbar_height - 30;
+                } else {
+                    maxTop = window.innerHeight - 30;
+                }
+                // the lst '- 30' is to account for the window head
                 if ( $(el_window).position().top > maxTop && !window_will_snap ) {
                     $(el_window).animate({
                         top: maxTop - 30,
                     }, 100);
                 }
                 // if window is dropped too far to the right, move it left
-                const maxLeft = window.innerWidth - 50;
+                let maxLeft;
+                if ( taskbar_position === 'right' ) {
+                    maxLeft = window.innerWidth - window.taskbar_height - 50;
+                } else {
+                    maxLeft = window.innerWidth - 50;
+                }
                 if ( $(el_window).position().left > maxLeft && !window_will_snap ) {
                     $(el_window).animate({
                         left: maxLeft,
                     }, 100);
                 }
                 // if window is dropped too far to the left, move it right
-                const minLeft = -$(el_window).width() + 150;
+                let minLeft;
+                if ( taskbar_position === 'left' ) {
+                    minLeft = window.taskbar_height - $(el_window).width() + 150;
+                } else {
+                    minLeft = -$(el_window).width() + 150;
+                }
                 if ( $(el_window).position().left < minLeft && !window_will_snap ) {
                     $(el_window).animate({
                         left: minLeft,
@@ -2309,14 +2392,12 @@ async function UIWindow (options) {
                     window.scale_window(el_window);
                 },
             });
-            if ( window.is_dashboard_mode ) {
-                menu_items.push({
-                    html: i18n('minimize'),
-                    onClick: function () {
-                        minimize_window(el_window);
-                    },
-                });
-            }
+            menu_items.push({
+                html: i18n('minimize'),
+                onClick: function () {
+                    minimize_window(el_window);
+                },
+            });
             menu_items.push({
                 html: 'Advanced',
                 items: [
@@ -2592,7 +2673,7 @@ async function UIWindow (options) {
                             left = left > (window.innerWidth - window_width) ? (window.innerWidth - window_width) : left;
 
                             let top = window.mouseY;
-                            top = top > (window.innerHeight - (window_height + window.toolbar_height)) ? (window.innerHeight - (window_height + window.toolbar_height)) : top;
+                            top = top > (window.innerHeight - (window_height + window.taskbar_height + window.toolbar_height)) ? (window.innerHeight - (window_height + window.taskbar_height + window.toolbar_height)) : top;
 
                             UIWindowItemProperties(
                                 options.title,
@@ -2816,6 +2897,10 @@ $(document).on('click', '.window-sidebar-item', async function (e) {
             // todo
             // sort_by: $(el_item).attr('data-sort_by'),
             app: 'explorer',
+            // top: options.maximized ? 0 : undefined,
+            // left: options.maximized ? 0 : undefined,
+            // height: options.maximized ? `calc(100% - ${window.taskbar_height + 1}px)` : undefined,
+            // width: options.maximized ? `100%` : undefined,
         });
     }
     // update window path only if it's a new path AND no ctrl/cmd key pressed
@@ -2876,6 +2961,10 @@ $(document).on('contextmenu taphold', '.window-sidebar-item', function (event) {
                         // todo
                         // sort_by: $(el_item).attr('data-sort_by'),
                         app: 'explorer',
+                        // top: options.maximized ? 0 : undefined,
+                        // left: options.maximized ? 0 : undefined,
+                        // height: options.maximized ? `calc(100% - ${window.taskbar_height + 1}px)` : undefined,
+                        // width: options.maximized ? `100%` : undefined,
                     });
                 },
             },
@@ -2888,7 +2977,7 @@ $(document).on('dblclick', '.window .ui-resizable-handle', function (e) {
     let el_window = $(this).closest('.window');
     // bottom
     if ( $(this).hasClass('ui-resizable-s') ) {
-        let height = window.innerHeight - $(el_window).position().top - 6;
+        let height = window.innerHeight - $(el_window).position().top - window.taskbar_height - 6;
         $(el_window).height(height);
     }
 
@@ -2918,7 +3007,7 @@ $(document).on('dblclick', '.window .ui-resizable-handle', function (e) {
     // bottom left
     else if ( $(this).hasClass('ui-resizable-sw') ) {
         let width = $(el_window).width() + $(el_window).position().left;
-        let height = window.innerHeight - $(el_window).position().top - 6;
+        let height = window.innerHeight - $(el_window).position().top - window.taskbar_height - 6;
         $(el_window).css({
             width: width,
             height: height,
@@ -2928,7 +3017,7 @@ $(document).on('dblclick', '.window .ui-resizable-handle', function (e) {
     // bottom right
     else if ( $(this).hasClass('ui-resizable-se') ) {
         let width = window.innerWidth - $(el_window).position().left;
-        let height = window.innerHeight - $(el_window).position().top - 6;
+        let height = window.innerHeight - $(el_window).position().top - window.taskbar_height - 6;
         $(el_window).css({
             width: width,
             height: height,
@@ -3584,7 +3673,30 @@ $.fn.close = async function (options) {
             let window_uuid = $(this).attr('data-element_uuid');
             // remove all instances of win_id from window.window_stack
             window.window_stack = window.window_stack.filter(id => id !== win_id);
-            // if a fullpage window is closed, show the desktop
+            // taskbar update — only for a window that IS one of the item's
+            // open windows (data-in_taskbar, stamped when it took its place
+            // in the count). A window that never counted must not decrement:
+            // an unseen background instance closing alongside the user's own
+            // window would otherwise zero the count and take the item away
+            // while that window is still open.
+            if ( $(this).attr('data-in_taskbar') === '1' ) {
+                let open_window_count = parseInt($(`.taskbar-item[data-app="${$(this).attr('data-app')}"]`).attr('data-open-windows'));
+                // update open window count of corresponding taskbar item
+                if ( open_window_count > 0 ) {
+                    $(`.taskbar-item[data-app="${$(this).attr('data-app')}"]`).attr('data-open-windows', open_window_count - 1);
+                }
+                // decide whether to remove taskbar item
+                if ( open_window_count === 1 ) {
+                    $(`.taskbar-item[data-app="${$(this).attr('data-app')}"] .active-taskbar-indicator`).hide();
+                    window.remove_taskbar_item($(`.taskbar-item[data-app="${$(this).attr('data-app')}"][data-keep-in-taskbar="false"]`));
+                }
+                // if no more windows of this app are open, remove taskbar item
+                if ( open_window_count - 1 === 0 )
+                {
+                    $(`.taskbar-item[data-app="${$(this).attr('data-app')}"] .active-taskbar-indicator`).hide();
+                }
+            }
+            // if a fullpage window is closed, show desktop and taskbar
             if ( $(this).attr('data-is_fullpage') === '1' ) {
                 window.exit_fullpage_mode();
             }
@@ -3732,7 +3844,13 @@ window.scale_window = (el_window) => {
         // shrink icon
         $(el_window).find('.window-scale-btn>img').attr('src', window.icons['scale-down-3.svg']);
 
-        window.update_maximized_window(el_window);
+        // Use taskbar position-aware window positioning
+        window.update_maximized_window_for_taskbar(el_window);
+
+        // hide toolbar
+        if ( !isMobile.phone && !isMobile.tablet ) {
+            window.hide_toolbar();
+        }
     }
     //shrink
     else {
@@ -3856,12 +3974,19 @@ $.fn.makeWindowVisible = function (options) {
         if ( $(this).hasClass('window') ) {
             // Seen by the user, so no longer a window that exists purely to
             // serve whoever launched it: it outlives its launcher from here on
-            // (see the close path's cleanup of background children), and the
-            // dashboard tile shows it as running.
+            // (see the close path's cleanup of background children), and it
+            // becomes a window the user can act on — hence the taskbar item
+            // its launch deferred, and the dashboard tile's running dot.
+            // Both happen BEFORE the window shows: focusWindow() below marks
+            // the app's taskbar item active, which needs the item to exist.
             const was_launched_hidden = $(this).attr('data-launched_hidden') === '1';
             $(this).removeAttr('data-launched_hidden');
-            if ( was_launched_hidden && window.is_dashboard_mode && $(this).attr('data-app') ) {
-                document.dispatchEvent(new CustomEvent('dashboard-app-windows-changed'));
+            if ( was_launched_hidden ) {
+                this._add_taskbar_item?.();
+                delete this._add_taskbar_item;
+                if ( window.is_dashboard_mode && $(this).attr('data-app') ) {
+                    document.dispatchEvent(new CustomEvent('dashboard-app-windows-changed'));
+                }
             }
 
             $(this).show();
@@ -3908,8 +4033,13 @@ $.fn.makeWindowInvisible = async function (options) {
 $.fn.showWindow = async function (options) {
     $(this).each(async function () {
         if ( $(this).hasClass('window') ) {
-            // A window hidden by puter.ui.hideWindow() is not minimized and
-            // kept its geometry, so un-hiding it is the whole job.
+            // A window hidden by puter.ui.hideWindow() is not minimized: it
+            // kept its geometry and has no data-orig-* to restore, so every
+            // path below (all of which un-minimize) would leave it hidden —
+            // and stamp NaN geometry on it from the absent attributes. Simply
+            // un-hiding it is the whole job, and the inverse of what hid it.
+            // This is what makes the taskbar item a real handle on a window
+            // the user cannot currently see.
             if ( is_window_hidden(this) ) {
                 $(this).makeWindowVisible();
                 return;
@@ -3927,63 +4057,92 @@ $.fn.showWindow = async function (options) {
                 ? 99999999 + (++window.last_window_zindex)
                 : ++window.last_window_zindex);
 
-            // hideWindow hid the window in place, so its geometry was never
-            // disturbed. If the app's tile is visible on the Apps tab's current
-            // page, grow the window back out of it (the reverse of hideWindow's
-            // zoom-to-tile morph); otherwise just fade it back in.
-            if ( $(el_window).attr('data-minimized_in_place') !== '1' ) return;
+            // A window minimized with no taskbar to animate toward (dashboard
+            // mode) was hidden in place by hideWindow — its geometry was
+            // never disturbed. If the app's tile is visible on the Apps tab's
+            // current page, grow the window back out of it (the reverse of
+            // hideWindow's zoom-to-tile morph); otherwise just fade it back
+            // in as before. (The explicit flag is used because data-orig-*
+            // can't distinguish the two minimize paths: drag/maximize
+            // handlers set it too.)
+            if ( $(el_window).attr('data-minimized_in_place') === '1' ) {
+                $(el_window).attr({
+                    'data-is_minimized': false,
+                    'data-minimized_in_place': '0',
+                });
+                // On screen again (Back, tile click, Forward), so it is no
+                // longer minimized-because-a-child-took-over: closing that
+                // child must not now send the user to the dashboard.
+                $(el_window).removeAttr('data-minimized_for_child');
+                $(el_window).css('z-index', raised_zindex());
+                const reduce_motion = window.matchMedia
+                    && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+                // Skip the morph while another morph still owns the window's
+                // inline styles (reopen mid-minimize-zoom): clearing the
+                // flags above already makes that animation's cleanup leave
+                // the window visible and restored, same as before.
+                const tile = (reduce_motion
+                    || $(el_window).attr('data-window_morphing') === '1')
+                    ? null
+                    : dashboard_tile_in_view($(el_window).attr('data-app'));
+                let morphed = false;
+                if ( tile ) {
+                    // The morph needs the window displayed and laid out to
+                    // measure it; no paint happens between this show() and
+                    // the morph's start state, so nothing flashes.
+                    const was_hidden = ! $(el_window).is(':visible');
+                    if ( was_hidden ) $(el_window).show();
+                    // The lighter cut of the launch morph — window half
+                    // only, on a shorter path — so un-minimizing reads as
+                    // the window coming back out of the tile, not the app
+                    // launching again (no icon flourish, no launch pacing).
+                    morphed = morph_window_from_tile(el_window, tile, {
+                        icon_half: false,
+                        duration: 0.3,
+                    });
+                    if ( ! morphed && was_hidden ) $(el_window).hide();
+                }
+                if ( ! morphed ) $(el_window).fadeIn(150);
+                // Restores come back with the control drawer collapsed —
+                // whatever state it was minimized in (headless dashboard
+                // windows only; no-op otherwise).
+                el_window._dashboard_drawer_collapse?.();
+                // A restore re-claims the URL for this app — except when
+                // the restore was DRIVEN by a history traversal (popstate
+                // passes no_history: the entry is already current).
+                if ( ! options?.no_history
+                    && $(el_window).attr('data-update_window_url') === 'true'
+                    && $(el_window).attr('data-app') !== 'explorer' ) {
+                    push_dashboard_app_url($(el_window).attr('data-app'), $(el_window).attr('data-name'));
+                }
+                setTimeout(() => {
+                    $(this).focusWindow();
+                }, 80);
+                return;
+            }
+
+            $(el_window).css({
+                'transition': 'top 0.2s, left 0.2s, bottom 0.2s, right 0.2s, width 0.2s, height 0.2s',
+                top: `${$(el_window).attr('data-orig-top') }px`,
+                left: `${$(el_window).attr('data-orig-left') }px`,
+                width: `${$(el_window).attr('data-orig-width') }px`,
+                height: `${$(el_window).attr('data-orig-height') }px`,
+            });
+            $(el_window).css('z-index', raised_zindex());
+
             $(el_window).attr({
                 'data-is_minimized': false,
-                'data-minimized_in_place': '0',
             });
-            // On screen again (Back, tile click, Forward), so it is no
-            // longer minimized-because-a-child-took-over: closing that
-            // child must not now send the user to the dashboard.
-            $(el_window).removeAttr('data-minimized_for_child');
-            $(el_window).css('z-index', raised_zindex());
-            const reduce_motion = window.matchMedia
-                && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-            // Skip the morph while another morph still owns the window's
-            // inline styles (reopen mid-minimize-zoom): clearing the
-            // flags above already makes that animation's cleanup leave
-            // the window visible and restored, same as before.
-            const tile = (reduce_motion
-                || $(el_window).attr('data-window_morphing') === '1')
-                ? null
-                : dashboard_tile_in_view($(el_window).attr('data-app'));
-            let morphed = false;
-            if ( tile ) {
-                // The morph needs the window displayed and laid out to
-                // measure it; no paint happens between this show() and
-                // the morph's start state, so nothing flashes.
-                const was_hidden = ! $(el_window).is(':visible');
-                if ( was_hidden ) $(el_window).show();
-                // The lighter cut of the launch morph — window half
-                // only, on a shorter path — so un-minimizing reads as
-                // the window coming back out of the tile, not the app
-                // launching again (no icon flourish, no launch pacing).
-                morphed = morph_window_from_tile(el_window, tile, {
-                    icon_half: false,
-                    duration: 0.3,
-                });
-                if ( ! morphed && was_hidden ) $(el_window).hide();
-            }
-            if ( ! morphed ) $(el_window).fadeIn(150);
-            // Restores come back with the control drawer collapsed —
-            // whatever state it was minimized in (headless dashboard
-            // windows only; no-op otherwise).
-            el_window._dashboard_drawer_collapse?.();
-            // A restore re-claims the URL for this app — except when
-            // the restore was DRIVEN by a history traversal (popstate
-            // passes no_history: the entry is already current).
-            if ( ! options?.no_history
-                && $(el_window).attr('data-update_window_url') === 'true'
-                && $(el_window).attr('data-app') !== 'explorer' ) {
-                push_dashboard_app_url($(el_window).attr('data-app'), $(el_window).attr('data-name'));
-            }
+
             setTimeout(() => {
                 $(this).focusWindow();
             }, 80);
+
+            // remove `transitions` a good while after setting css to make sure
+            // it doesn't interfere with an ongoing animation
+            setTimeout(() => {
+                $(el_window).css('transition', 'none');
+            }, 250);
         }
     });
     return this;
@@ -4105,6 +4264,7 @@ $.fn.focusWindow = function (event) {
                 document.title = $(this).attr('data-name');
             }
         }
+        $(`.taskbar .taskbar-item[data-app="${$(this).attr('data-app')}"]`).addClass('taskbar-item-active');
     } else {
         $('.window').find('.item-selected').addClass('item-blurred');
         $('.desktop').find('.item-blurred').removeClass('item-blurred');
@@ -5086,167 +5246,230 @@ function morph_window_from_tile (el_window, tile, morph_options = {}) {
 $.fn.hideWindow = async function (options) {
     $(this).each(async function () {
         if ( $(this).hasClass('window') ) {
-            // If the app's tile is visible on the dashboard's Apps tab, shrink
-            // the window into it so the user sees where the app went; otherwise
-            // simply hide the window in place. Either way the geometry is
-            // untouched afterwards and showWindow() un-hides via the
-            // data-minimized_in_place flag.
-            const el_window = this;
-            const $win = $(this);
-            const reduce_motion = window.matchMedia
-                && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-            // (A morph already in flight — either direction — owns the
-            // window's inline transform/opacity and will restore them at
-            // its end, so don't start another on top; fall back to the
-            // plain fade below, exactly as before the morphs existed.)
-            const tile = (reduce_motion
-                || $win.attr('data-window_morphing') === '1')
-                ? null
-                : dashboard_tile_in_view($win.attr('data-app'));
+            // get taskbar item location
+            let taskbar_item_pos = $(`.taskbar .taskbar-item[data-app="${$(this).attr('data-app')}"]`).position();
 
-            if ( tile ) {
-                // iOS-style zoom-to-icon morph, two congruent layers on
-                // the same 450ms decelerating path so it reads as ONE
-                // object transforming:
-                //   1. the LIVE window scales onto the tile's icon box,
-                //      its corner radius growing toward the squircle,
-                //      fading OUT once it has mostly shrunk;
-                //   2. an enlarged clone of the icon ("ghost") starts
-                //      covering the window and flies/shrinks with it,
-                //      fading IN as the window fades out, landing exactly
-                //      on the real icon's slot (the real icon is hidden
-                //      until the ghost lands, so nothing doubles).
-                // Transform + opacity animate on the compositor (no
-                // per-frame reflow of the app's iframe); the window's
-                // geometry (top/left/width/height) is never touched, so
-                // restore is trivial.
-                const icon = tile.querySelector('.myapps-tile-icon') || tile;
-                const win_rect = el_window.getBoundingClientRect();
-                const icon_rect = icon.getBoundingClientRect();
-                if ( win_rect.width > 0 && win_rect.height > 0
-                    && icon_rect.width > 0 && icon_rect.height > 0 ) {
-                    // Everything touched is restored from these exact
-                    // inline values once the animation ends.
-                    const orig_style = {
-                        transform: el_window.style.transform,
-                        transformOrigin: el_window.style.transformOrigin,
-                        opacity: el_window.style.opacity,
-                        borderRadius: el_window.style.borderRadius,
-                        overflow: el_window.style.overflow,
-                        willChange: el_window.style.willChange,
-                        pointerEvents: el_window.style.pointerEvents,
-                        transition: el_window.style.transition,
-                    };
-                    const icon_orig_visibility = icon.style.visibility;
-                    // Map the window rect exactly onto the icon rect (and
-                    // the ghost the exact inverse: icon rect onto window
-                    // rect), so the two layers stay congruent throughout.
-                    const scale_x = icon_rect.width / win_rect.width;
-                    const scale_y = icon_rect.height / win_rect.height;
-                    const dx = icon_rect.left - win_rect.left;
-                    const dy = icon_rect.top - win_rect.top;
+            // No taskbar item to animate toward (e.g. dashboard mode, which
+            // has no taskbar): if the app's tile is visible on the Apps tab's
+            // current page, shrink the window into it so the user sees where
+            // the app went; otherwise simply hide the window in place. Either
+            // way the geometry is untouched afterwards and showWindow()
+            // un-hides via the data-minimized_in_place flag.
+            if ( ! taskbar_item_pos ) {
+                const el_window = this;
+                const $win = $(this);
+                const reduce_motion = window.matchMedia
+                    && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+                // (A morph already in flight — either direction — owns the
+                // window's inline transform/opacity and will restore them at
+                // its end, so don't start another on top; fall back to the
+                // plain fade below, exactly as before the morphs existed.)
+                const tile = (reduce_motion
+                    || $win.attr('data-window_morphing') === '1')
+                    ? null
+                    : dashboard_tile_in_view($win.attr('data-app'));
 
-                    const ghost = icon.cloneNode(true);
-                    ghost.style.position = 'fixed';
-                    ghost.style.left = `${icon_rect.left}px`;
-                    ghost.style.top = `${icon_rect.top}px`;
-                    ghost.style.width = `${icon_rect.width}px`;
-                    ghost.style.height = `${icon_rect.height}px`;
-                    ghost.style.margin = '0';
-                    ghost.style.zIndex = (parseInt($win.css('z-index'), 10) || 1) + 1;
-                    ghost.style.pointerEvents = 'none';
-                    ghost.style.transformOrigin = 'top left';
-                    ghost.style.willChange = 'transform, opacity';
-                    ghost.style.opacity = '0';
-                    // UNIFORM start scale so the icon stays square (a
-                    // rect-onto-rect mapping stretches it), sized to fit
-                    // INSIDE the window (contain, centered) — a covering
-                    // square would protrude past the card's short edge
-                    // and the protruding halo pops in mid-crossfade
-                    // (visible jitter). Contained, the ghost's side
-                    // tracks the card's short edge exactly for the whole
-                    // flight (both interpolate linearly between the same
-                    // start and end sizes), so the card's rectangular
-                    // flanks simply melt away around a steady square.
-                    const ghost_scale = Math.min(
-                        win_rect.width / icon_rect.width,
-                        win_rect.height / icon_rect.height,
-                    );
-                    const ghost_left = win_rect.left + (win_rect.width - icon_rect.width * ghost_scale) / 2;
-                    const ghost_top = win_rect.top + (win_rect.height - icon_rect.height * ghost_scale) / 2;
-                    ghost.style.transform = `translate(${ghost_left - icon_rect.left}px, ${ghost_top - icon_rect.top}px) scale(${ghost_scale})`;
-                    document.body.appendChild(ghost);
-                    icon.style.visibility = 'hidden';
+                if ( tile ) {
+                    // iOS-style zoom-to-icon morph, two congruent layers on
+                    // the same 450ms decelerating path so it reads as ONE
+                    // object transforming:
+                    //   1. the LIVE window scales onto the tile's icon box,
+                    //      its corner radius growing toward the squircle,
+                    //      fading OUT once it has mostly shrunk;
+                    //   2. an enlarged clone of the icon ("ghost") starts
+                    //      covering the window and flies/shrinks with it,
+                    //      fading IN as the window fades out, landing exactly
+                    //      on the real icon's slot (the real icon is hidden
+                    //      until the ghost lands, so nothing doubles).
+                    // Transform + opacity animate on the compositor (no
+                    // per-frame reflow of the app's iframe); the window's
+                    // geometry (top/left/width/height) is never touched, so
+                    // restore is trivial.
+                    const icon = tile.querySelector('.myapps-tile-icon') || tile;
+                    const win_rect = el_window.getBoundingClientRect();
+                    const icon_rect = icon.getBoundingClientRect();
+                    if ( win_rect.width > 0 && win_rect.height > 0
+                        && icon_rect.width > 0 && icon_rect.height > 0 ) {
+                        // Everything touched is restored from these exact
+                        // inline values once the animation ends.
+                        const orig_style = {
+                            transform: el_window.style.transform,
+                            transformOrigin: el_window.style.transformOrigin,
+                            opacity: el_window.style.opacity,
+                            borderRadius: el_window.style.borderRadius,
+                            overflow: el_window.style.overflow,
+                            willChange: el_window.style.willChange,
+                            pointerEvents: el_window.style.pointerEvents,
+                            transition: el_window.style.transition,
+                        };
+                        const icon_orig_visibility = icon.style.visibility;
+                        // Map the window rect exactly onto the icon rect (and
+                        // the ghost the exact inverse: icon rect onto window
+                        // rect), so the two layers stay congruent throughout.
+                        const scale_x = icon_rect.width / win_rect.width;
+                        const scale_y = icon_rect.height / win_rect.height;
+                        const dx = icon_rect.left - win_rect.left;
+                        const dy = icon_rect.top - win_rect.top;
 
-                    $win.attr({
-                        'data-is_minimized': true,
-                        'data-minimized_in_place': '1',
-                        'data-window_morphing': '1',
-                    });
-                    el_window.style.transformOrigin = 'top left';
-                    el_window.style.overflow = 'hidden'; // let the radius clip the content
-                    el_window.style.willChange = 'transform, opacity';
-                    el_window.style.pointerEvents = 'none';
-                    // Flush the starting state (both layers) so the
-                    // transitions animate from it rather than snapping.
-                    void el_window.offsetWidth;
-                    // The handoff: by ~130ms the decelerating curve has
-                    // done ~80% of the shrink — the ghost fades in just
-                    // before (80→240ms) and the window fades out just
-                    // after (120→320ms). The overlap means there is never
-                    // a hole, and since both ride the same path the swap
-                    // is invisible: the window "becomes" the icon.
-                    el_window.style.transition = [
-                        'transform 0.45s cubic-bezier(0.32, 0.72, 0, 1)',
-                        'border-radius 0.45s cubic-bezier(0.32, 0.72, 0, 1)',
-                        'opacity 0.2s ease-out 0.12s',
-                    ].join(', ');
-                    el_window.style.transform = `translate(${dx}px, ${dy}px) scale(${scale_x}, ${scale_y})`;
-                    // Percentage radius stays proportional under the
-                    // scale — ~22% is the icon-squircle look.
-                    el_window.style.borderRadius = '22%';
-                    el_window.style.opacity = '0';
-                    ghost.style.transition = [
-                        'transform 0.45s cubic-bezier(0.32, 0.72, 0, 1)',
-                        'opacity 0.16s ease-in 0.08s',
-                    ].join(', ');
-                    ghost.style.transform = 'none';
-                    ghost.style.opacity = '1';
+                        const ghost = icon.cloneNode(true);
+                        ghost.style.position = 'fixed';
+                        ghost.style.left = `${icon_rect.left}px`;
+                        ghost.style.top = `${icon_rect.top}px`;
+                        ghost.style.width = `${icon_rect.width}px`;
+                        ghost.style.height = `${icon_rect.height}px`;
+                        ghost.style.margin = '0';
+                        ghost.style.zIndex = (parseInt($win.css('z-index'), 10) || 1) + 1;
+                        ghost.style.pointerEvents = 'none';
+                        ghost.style.transformOrigin = 'top left';
+                        ghost.style.willChange = 'transform, opacity';
+                        ghost.style.opacity = '0';
+                        // UNIFORM start scale so the icon stays square (a
+                        // rect-onto-rect mapping stretches it), sized to fit
+                        // INSIDE the window (contain, centered) — a covering
+                        // square would protrude past the card's short edge
+                        // and the protruding halo pops in mid-crossfade
+                        // (visible jitter). Contained, the ghost's side
+                        // tracks the card's short edge exactly for the whole
+                        // flight (both interpolate linearly between the same
+                        // start and end sizes), so the card's rectangular
+                        // flanks simply melt away around a steady square.
+                        const ghost_scale = Math.min(
+                            win_rect.width / icon_rect.width,
+                            win_rect.height / icon_rect.height,
+                        );
+                        const ghost_left = win_rect.left + (win_rect.width - icon_rect.width * ghost_scale) / 2;
+                        const ghost_top = win_rect.top + (win_rect.height - icon_rect.height * ghost_scale) / 2;
+                        ghost.style.transform = `translate(${ghost_left - icon_rect.left}px, ${ghost_top - icon_rect.top}px) scale(${ghost_scale})`;
+                        document.body.appendChild(ghost);
+                        icon.style.visibility = 'hidden';
+
+                        $win.attr({
+                            'data-is_minimized': true,
+                            'data-minimized_in_place': '1',
+                            'data-window_morphing': '1',
+                        });
+                        el_window.style.transformOrigin = 'top left';
+                        el_window.style.overflow = 'hidden'; // let the radius clip the content
+                        el_window.style.willChange = 'transform, opacity';
+                        el_window.style.pointerEvents = 'none';
+                        // Flush the starting state (both layers) so the
+                        // transitions animate from it rather than snapping.
+                        void el_window.offsetWidth;
+                        // The handoff: by ~130ms the decelerating curve has
+                        // done ~80% of the shrink — the ghost fades in just
+                        // before (80→240ms) and the window fades out just
+                        // after (120→320ms). The overlap means there is never
+                        // a hole, and since both ride the same path the swap
+                        // is invisible: the window "becomes" the icon.
+                        el_window.style.transition = [
+                            'transform 0.45s cubic-bezier(0.32, 0.72, 0, 1)',
+                            'border-radius 0.45s cubic-bezier(0.32, 0.72, 0, 1)',
+                            'opacity 0.2s ease-out 0.12s',
+                        ].join(', ');
+                        el_window.style.transform = `translate(${dx}px, ${dy}px) scale(${scale_x}, ${scale_y})`;
+                        // Percentage radius stays proportional under the
+                        // scale — ~22% is the icon-squircle look.
+                        el_window.style.borderRadius = '22%';
+                        el_window.style.opacity = '0';
+                        ghost.style.transition = [
+                            'transform 0.45s cubic-bezier(0.32, 0.72, 0, 1)',
+                            'opacity 0.16s ease-in 0.08s',
+                        ].join(', ');
+                        ghost.style.transform = 'none';
+                        ghost.style.opacity = '1';
 
-                    setTimeout(() => {
-                        // End of the zoom: the ghost has landed on the
-                        // real icon's slot — swap them back in the same
-                        // frame, hide the window, and put every touched
-                        // inline property back while nothing is visible.
-                        // If the user re-opened the window mid-animation
-                        // (tile click → showWindow cleared the flags),
-                        // restore but leave it visible.
-                        ghost.remove();
-                        icon.style.visibility = icon_orig_visibility;
-                        $win.attr('data-window_morphing', '0');
-                        const minimized = $win.attr('data-is_minimized');
-                        if ( minimized === '1' || minimized === 'true' ) $win.hide();
-                        el_window.style.transition = 'none';
-                        el_window.style.transform = orig_style.transform;
-                        el_window.style.transformOrigin = orig_style.transformOrigin;
-                        el_window.style.opacity = orig_style.opacity;
-                        el_window.style.borderRadius = orig_style.borderRadius;
-                        el_window.style.overflow = orig_style.overflow;
-                        el_window.style.willChange = orig_style.willChange;
-                        el_window.style.pointerEvents = orig_style.pointerEvents;
                         setTimeout(() => {
-                            el_window.style.transition = orig_style.transition;
-                        }, 50);
-                    }, 480);
-                    return;
+                            // End of the zoom: the ghost has landed on the
+                            // real icon's slot — swap them back in the same
+                            // frame, hide the window, and put every touched
+                            // inline property back while nothing is visible.
+                            // If the user re-opened the window mid-animation
+                            // (tile click → showWindow cleared the flags),
+                            // restore but leave it visible.
+                            ghost.remove();
+                            icon.style.visibility = icon_orig_visibility;
+                            $win.attr('data-window_morphing', '0');
+                            const minimized = $win.attr('data-is_minimized');
+                            if ( minimized === '1' || minimized === 'true' ) $win.hide();
+                            el_window.style.transition = 'none';
+                            el_window.style.transform = orig_style.transform;
+                            el_window.style.transformOrigin = orig_style.transformOrigin;
+                            el_window.style.opacity = orig_style.opacity;
+                            el_window.style.borderRadius = orig_style.borderRadius;
+                            el_window.style.overflow = orig_style.overflow;
+                            el_window.style.willChange = orig_style.willChange;
+                            el_window.style.pointerEvents = orig_style.pointerEvents;
+                            setTimeout(() => {
+                                el_window.style.transition = orig_style.transition;
+                            }, 50);
+                        }, 480);
+                        return;
+                    }
                 }
+
+                $win.attr({
+                    'data-is_minimized': true,
+                    'data-minimized_in_place': '1',
+                });
+                $win.fadeOut(150);
+                return;
             }
 
-            $win.attr({
+            // Calculate animation target based on taskbar position
+            let animationTarget = {};
+            const taskbarPosition = window.taskbar_position || 'bottom';
+
+            if ( taskbarPosition === 'bottom' ) {
+                // taskbar position is center of window minus half of taskbar item width
+                taskbar_item_pos.left = taskbar_item_pos.left + ($(window).width() / 2) - ($('.taskbar').width() / 2);
+                animationTarget = {
+                    top: 'calc(100% - 60px)',
+                    left: taskbar_item_pos.left + 14.5,
+                };
+            } else if ( taskbarPosition === 'left' ) {
+                animationTarget = {
+                    top: taskbar_item_pos.top + ($(window).height() / 2) - ($('.taskbar').height() / 2) + 14.5,
+                    left: '5px',
+                };
+            } else if ( taskbarPosition === 'right' ) {
+                animationTarget = {
+                    top: taskbar_item_pos.top + ($(window).height() / 2) - ($('.taskbar').height() / 2) + 14.5,
+                    left: 'calc(100% - 60px)',
+                };
+            }
+
+            $(this).attr({
+                'data-orig-width': $(this).width(),
+                'data-orig-height': $(this).height(),
+                'data-orig-top': $(this).position().top,
+                'data-orig-left': $(this).position().left,
                 'data-is_minimized': true,
-                'data-minimized_in_place': '1',
             });
-            $win.fadeOut(150);
+
+            $(this).css({
+                ...(!isMobile.phone ? {
+                    'transition': 'top 0.2s, left 0.2s, bottom 0.2s, right 0.2s, width 0.2s, height 0.2s',
+                } : {}),
+                width: '0',
+                height: '0',
+                ...animationTarget,
+            });
+
+            // remove transitions a good while after setting css to make sure
+            // it doesn't interfere with an ongoing animation
+            setTimeout(() => {
+                $(this).css({
+                    'transition': 'none',
+                    'transform': 'none',
+                });
+            }, 250);
+
+            // reset the tab title (the URL is not touched — apps never
+            // rewrite it on the desktop) — only if this window owned it
+            const update_window_url = $(this).attr('data-update_window_url');
+            if ( ! window.is_dashboard_mode && (update_window_url === 'true' || update_window_url === null) ) {
+                document.title = i18n('window_title_puter');
+            }
         }
     });
     return this;
@@ -5388,7 +5611,11 @@ async function saveSidebarOrder (order) {
     }
 }
 
-window.update_maximized_window = function (el_window) {
+// Function to update maximized window positioning based on taskbar position
+window.update_maximized_window_for_taskbar = function (el_window) {
+    const position = window.taskbar_position || 'bottom';
+
+    // Handle fullpage mode differently
     if ( window.is_fullpage_mode ) {
         $(el_window).css({
             'top': `${window.toolbar_height }px`,
@@ -5399,20 +5626,63 @@ window.update_maximized_window = function (el_window) {
         return;
     }
 
-    $(el_window).css({
-        'top': `${window.toolbar_height }px`,
-        'left': '0',
-        'width': '100%',
-        'height': `${window.innerHeight - window.toolbar_height - 6 }px`,
-    });
+    if ( position === 'bottom' ) {
+        let height = window.innerHeight - window.taskbar_height - window.toolbar_height - 6;
+        let width = '100%';
+
+        $(el_window).css({
+            'top': `${window.toolbar_height }px`,
+            'left': '0',
+            'width': width,
+            'height': `${height }px`,
+        });
+    } else if ( position === 'left' ) {
+        let width = window.innerWidth - window.taskbar_height - 1;
+
+        $(el_window).css({
+            'top': `${window.toolbar_height }px`,
+            'left': `${window.taskbar_height + 1 }px`,
+            'width': width,
+            'height': `calc(100% - ${window.toolbar_height}px)`,
+        });
+    } else if ( position === 'right' ) {
+        $(el_window).css({
+            'top': `${window.toolbar_height }px`,
+            'left': '0',
+            'width': `calc(100% - ${window.taskbar_height + 1}px)`,
+            'height': `calc(100% - ${window.toolbar_height}px)`,
+        });
+    }
 };
 
+// Function to get snap dimensions and positions based on taskbar position
 function getSnapDimensions () {
+    const taskbar_position = window.taskbar_position || 'bottom';
+
+    let available_width, available_height, start_x, start_y;
+
+    if ( taskbar_position === 'left' ) {
+        available_width = window.innerWidth - window.taskbar_height;
+        available_height = window.innerHeight - window.toolbar_height;
+        start_x = window.taskbar_height;
+        start_y = window.toolbar_height;
+    } else if ( taskbar_position === 'right' ) {
+        available_width = window.innerWidth - window.taskbar_height;
+        available_height = window.innerHeight - window.toolbar_height;
+        start_x = 0;
+        start_y = window.toolbar_height;
+    } else { // bottom (default)
+        available_width = window.innerWidth;
+        available_height = window.innerHeight - window.toolbar_height - window.taskbar_height;
+        start_x = 0;
+        start_y = window.toolbar_height;
+    }
+
     return {
-        available_width: window.innerWidth,
-        available_height: window.innerHeight - window.toolbar_height,
-        start_x: 0,
-        start_y: window.toolbar_height,
+        available_width,
+        available_height,
+        start_x,
+        start_y,
     };
 }
 

src/gui/src/UI/UIWindow2FASetup.js

@@ -782,6 +782,7 @@ const UIWindow2FASetup = async function UIWindow2FASetup () {
         width: Math.min(480, window.innerWidth - 24),
         height: 'auto',
         dominant: true,
+        show_in_taskbar: false,
         is_draggable: false,
         backdrop: true,
         on_before_exit: async () => {

src/gui/src/UI/UIWindowAuthMe.js

@@ -215,6 +215,7 @@ async function UIWindowAuthMe (options = {}) {
             width: 400,
             height: 'auto',
             dominant: true,
+            show_in_taskbar: false,
             window_class: 'window-authme',
             body_css: {
                 width: 'initial',

src/gui/src/UI/UIWindowBlockedSenders.js

@@ -87,6 +87,7 @@ async function UIWindowBlockedSenders (options) {
         width: 420,
         height: 'auto',
         dominant: true,
+        show_in_taskbar: false,
         onAppend: function (this_window) {
             $(this_window).find('.blocked-username').get(0)?.focus({ preventScroll: true });
         },

src/gui/src/UI/UIWindowChangeUsername.js

@@ -68,6 +68,7 @@ async function UIWindowChangeUsername (options) {
         width: 350,
         height: 'auto',
         dominant: true,
+        show_in_taskbar: false,
         onAppend: function (this_window) {
             $(this_window).find('.new-username').get(0)?.focus({ preventScroll: true });
             const oidc_only = !!(window.user && window.user.oidc_only);

src/gui/src/UI/UIWindowColorPicker.js

@@ -0,0 +1,103 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { UIColorPickerWidget } from './UIColorPickerWidget.js';
+import UIWindow from './UIWindow.js';
+
+async function UIWindowColorPicker (options) {
+    // set sensible defaults
+    if ( arguments.length > 0 ) {
+        // if first argument is a string, then assume it is the default color
+        if ( window.isString(arguments[0]) ) {
+            options = {};
+            options.default = arguments[0];
+        }
+    }
+    options = options ?? {};
+
+    return new Promise(async (resolve) => {
+        let colorPickerWidget;
+
+        let h = '';
+        h += '<div>';
+        h += '<div style="padding: 20px; border-bottom: 1px solid #ced7e1; width: 100%; box-sizing: border-box;">';
+        // picker
+        h += '<div style="padding: 0; margin-bottom: 20px;">';
+        h += '<div class="picker"></div>';
+        h += '</div>';
+
+        // Select button
+        h += `<button class="select-btn button button-primary button-block button-normal">${i18n('select')}</button>`;
+        h += '</form>';
+        h += '</div>';
+        h += '</div>';
+
+        const el_window = await UIWindow({
+            title: i18n('select_color'),
+            app: 'color-picker',
+            single_instance: true,
+            icon: null,
+            uid: null,
+            is_dir: false,
+            body_content: h,
+            has_head: true,
+            selectable_body: false,
+            draggable_body: false,
+            allow_context_menu: false,
+            is_draggable: true,
+            is_droppable: false,
+            is_resizable: false,
+            stay_on_top: false,
+            allow_native_ctxmenu: true,
+            allow_user_select: true,
+            ...options.window_options,
+            width: 350,
+            dominant: true,
+            on_close: async () => {
+                resolve(false);
+            },
+            onAppend: function (window) {
+                colorPickerWidget = UIColorPickerWidget($(window).find('.picker'), {
+                    default: options.defaultValue ?? options.defaultColor ?? options.default ?? '#f00',
+                });
+            },
+            window_class: 'window-login',
+            window_css: {
+                height: 'initial',
+            },
+            body_css: {
+                width: 'initial',
+                padding: '0',
+                'background-color': 'rgba(231, 238, 245, .95)',
+                'backdrop-filter': 'blur(3px)',
+            },
+        });
+
+        $(el_window).find('.select-btn').on('click', function (e) {
+            resolve({ color: colorPickerWidget.getHex8String() });
+            $(el_window).close();
+        });
+        $(el_window).find('.font-selector').on('click', function (e) {
+            $(el_window).find('.font-selector').removeClass('font-selector-active');
+            $(this).addClass('font-selector-active');
+        });
+    });
+}
+
+export default UIWindowColorPicker;

src/gui/src/UI/UIWindowCopyToken.js

@@ -114,6 +114,7 @@ function UIWindowCopyToken (options = {}) {
             width: 450,
             height: 'auto',
             dominant: true,
+            show_in_taskbar: false,
             window_class: 'window-copy-auth-token',
             body_css: {
                 width: 'initial',

src/gui/src/UI/UIWindowDesktopBGSettings.js

@@ -0,0 +1,217 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import UIWindow from './UIWindow.js';
+
+async function UIWindowDesktopBGSettings (options) {
+    options = options ?? {};
+
+    return new Promise(async (resolve) => {
+        let h = '';
+        const original_background_css = $('body').attr('style');
+        let bg_url = window.desktop_bg_url,
+            bg_color = window.desktop_bg_color,
+            bg_fit = window.desktop_bg_fit;
+
+        h += '<div style="padding: 10px; border-bottom: 1px solid #ced7e1;">';
+
+        // type
+        h += `<label>${i18n('background')}:</label>`;
+        h += '<select class="desktop-bg-type" style="width: 150px; margin-bottom: 20px;">';
+        h += `<option value="default">${i18n('default')}</option>`;
+        h += `<option value="picture">${i18n('picture')}</option>`;
+        h += `<option value="color">${i18n('color')}</option>`;
+        h += '</select>';
+
+        // Picture
+        h += '<div class="desktop-bg-settings-wrapper desktop-bg-settings-picture">';
+        h += `<label>${i18n('image')}:</label>`;
+        h += `<button class="button button-default button-small browse">${i18n('browse')}</button>`;
+        h += `<label style="margin-top: 20px;">${i18n('fit')}:</label>`;
+        h += '<select class="desktop-bg-fit" style="width: 150px;">';
+        h += `<option value="cover">${i18n('cover')}</option>`;
+        h += `<option value="center">${i18n('center')}</option>`;
+        h += `<option value="contain">${i18n('contain')}</option>`;
+        h += `<option value="repeat">${i18n('repeat')}</option>`;
+        h += '</select>';
+        h += '</div>';
+
+        // Color
+        h += '<div class="desktop-bg-settings-wrapper desktop-bg-settings-color">';
+        h += `<label>${i18n('color')}:</label>`;
+        h += '<div class="desktop-bg-color-blocks">';
+        h += '<div class="desktop-bg-color-block" data-color="#4F7BB5" style="background-color: #4F7BB5"></div>';
+        h += '<div class="desktop-bg-color-block" data-color="#545554" style="background-color: #545554"></div>';
+        h += '<div class="desktop-bg-color-block" data-color="#F5D3CE" style="background-color: #F5D3CE"></div>';
+        h += '<div class="desktop-bg-color-block" data-color="#52A758" style="background-color: #52A758"></div>';
+        h += '<div class="desktop-bg-color-block" data-color="#ad3983" style="background-color: #ad3983"></div>';
+        h += '<div class="desktop-bg-color-block" data-color="#ffffff" style="background-color: #ffffff"></div>';
+        h += '<div class="desktop-bg-color-block" data-color="#000000" style="background-color: #000000"></div>';
+        h += '<div class="desktop-bg-color-block" data-color="#454545" style="background-color: #454545"></div>';
+        h += `<div class="desktop-bg-color-block desktop-bg-color-block-palette" data-color="" style="background-image: url(${window.icons['palette.svg']});
+                    background-repeat: no-repeat;
+                    background-size: contain;
+                    background-position: center;"><input type="color" style="width:25px; height: 25px; opacity:0;"></div>`;
+        h += '</div>';
+        h += '</div>';
+
+        h += '<div style="padding-top: 5px; overflow:hidden; margin-top: 25px; border-top: 1px solid #CCC;">';
+        h += `<button class="button button-primary apply" style="float:right;">${i18n('apply')}</button>`;
+        h += `<button class="button button-default cancel" style="float:right; margin-right: 10px;">${i18n('cancel')}</button>`;
+        h += '</div>';
+
+        h += '</div>';
+
+        const el_window = await UIWindow({
+            title: i18n('change_desktop_background'),
+            icon: null,
+            uid: null,
+            is_dir: false,
+            body_content: h,
+            has_head: true,
+            selectable_body: false,
+            draggable_body: false,
+            allow_context_menu: false,
+            is_resizable: false,
+            is_droppable: false,
+            init_center: true,
+            allow_native_ctxmenu: true,
+            allow_user_select: true,
+            onAppend: function (this_window) {
+                $(this_window).find('.access-recipient').focus();
+            },
+            window_class: 'window-give-access',
+            width: 350,
+            window_css: {
+                height: 'initial',
+            },
+            body_css: {
+                width: 'initial',
+                height: '100%',
+                'background-color': 'rgb(245 247 249)',
+                'backdrop-filter': 'blur(3px)',
+            },
+            ...options.window_options,
+        });
+
+        const default_wallpaper = (window.gui_env === 'prod') ? 'https://puter-assets.b-cdn.net/wallpaper.webp' : '/images/wallpaper.webp';
+        $(el_window).find('.desktop-bg-settings-wrapper').hide();
+
+        if ( window.desktop_bg_url === default_wallpaper ) {
+            $(el_window).find('.desktop-bg-type').val('default');
+        } else if ( window.desktop_bg_url !== undefined && window.desktop_bg_url !== null ) {
+            $(el_window).find('.desktop-bg-settings-picture').show();
+            $(el_window).find('.desktop-bg-type').val('picture');
+        } else if ( window.desktop_bg_color !== undefined && window.desktop_bg_color !== null ) {
+            $(el_window).find('.desktop-bg-settings-color').show();
+            $(el_window).find('.desktop-bg-type').val('color');
+        } else {
+            // Default fallback if no specific wallpaper settings are detected
+            $(el_window).find('.desktop-bg-type').val('default');
+        }
+
+        $(el_window).find('.desktop-bg-color-block:not(.desktop-bg-color-block-palette').on('click', async function (e) {
+            window.set_desktop_background({ color: $(this).attr('data-color') });
+        });
+        $(el_window).find('.desktop-bg-color-block-palette input').on('change', async function (e) {
+            window.set_desktop_background({ color: $(this).val() });
+        });
+        $(el_window).on('file_opened', function (e) {
+            let selected_file = Array.isArray(e.detail) ? e.detail[0] : e.detail;
+            const fit = $(el_window).find('.desktop-bg-fit').val();
+            bg_url = selected_file.read_url;
+            bg_fit = fit;
+            bg_color = undefined;
+            window.set_desktop_background({ url: bg_url, fit: bg_fit });
+        });
+
+        $(el_window).find('.desktop-bg-fit').on('change', function (e) {
+            const fit = $(this).val();
+            bg_fit = fit;
+            window.set_desktop_background({ fit: fit });
+        });
+
+        $(el_window).find('.desktop-bg-type').on('change', function (e) {
+            const type = $(this).val();
+            $(el_window).find('.desktop-bg-settings-wrapper').hide();
+            if ( type === 'picture' ) {
+                $(el_window).find('.desktop-bg-settings-picture').show();
+            } else if ( type === 'color' ) {
+                $(el_window).find('.desktop-bg-settings-color').show();
+            } else if ( type === 'default' ) {
+                bg_color = undefined;
+                bg_fit = 'cover';
+                window.set_desktop_background({ url: default_wallpaper, fit: bg_fit });
+            }
+        });
+
+        $(el_window).find('.apply').on('click', async function (e) {
+            // /set-desktop-bg
+            try {
+                $.ajax({
+                    url: `${window.api_origin }/set-desktop-bg`,
+                    type: 'POST',
+                    data: JSON.stringify({
+                        url: window.desktop_bg_url,
+                        color: window.desktop_bg_color,
+                        fit: window.desktop_bg_fit,
+                    }),
+                    async: true,
+                    contentType: 'application/json',
+                    headers: {
+                        'Authorization': `Bearer ${window.auth_token}`,
+                    },
+                    statusCode: {
+                        401: function (xhr) {
+                        window.handle401(xhr);
+                    },
+                    },
+                });
+                $(el_window).close();
+                resolve(true);
+            } catch ( err ) {
+                // Ignore
+            }
+        });
+
+        $(el_window).find('.browse').on('click', function () {
+            // open dialog
+            UIWindow({
+                path: `/${ window.user.username }/Desktop`,
+                // this is the uuid of the window to which this dialog will return
+                parent_uuid: $(el_window).attr('data-element_uuid'),
+                allowed_file_types: ['image/*'],
+                show_maximize_button: false,
+                show_minimize_button: false,
+                title: i18n('window_title_open'),
+                is_dir: true,
+                is_openFileDialog: true,
+                selectable_body: false,
+            });
+        });
+
+        $(el_window).find('.cancel').on('click', function () {
+            $('body').attr('style', original_background_css);
+            $(el_window).close();
+            resolve(true);
+        });
+    });
+}
+
+export default UIWindowDesktopBGSettings;

src/gui/src/UI/UIWindowFeedback.js

@@ -0,0 +1,233 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import {
+    ATTACHMENT_ACCEPT_ATTRIBUTE,
+    MAX_ATTACHMENTS,
+    MAX_ATTACHMENT_BYTES,
+    MAX_TOTAL_ATTACHMENT_BYTES,
+    checkAttachment,
+} from '../helpers/contact_attachments.js';
+import UIWindow from './UIWindow.js';
+
+const MB = 1024 * 1024;
+
+// Numbers interpolated into each error message, taken from the enforced limits.
+const ERROR_VALUES = {
+    contact_us_attachment_too_many: [MAX_ATTACHMENTS],
+    contact_us_attachment_too_large: [MAX_ATTACHMENT_BYTES / MB],
+    contact_us_attachment_total_too_large: [MAX_TOTAL_ATTACHMENT_BYTES / MB],
+};
+
+/**
+ * Puter's own Contact Us form, delivered to support (UIWindowAppFeedback is the
+ * one for third-party apps). Attachments are posted as multipart form data; the
+ * client-side checks only fail fast, the server enforces the limits.
+ */
+async function UIWindowFeedback (options) {
+    return new Promise(async (resolve) => {
+        options = options ?? {};
+
+        // Staged files; kept out of the DOM so re-rendering chips keeps them.
+        let attachments = [];
+        let sending = false;
+
+        let h = '';
+        h += '<div style="padding: 20px; margin-top: 0;">';
+        // success
+        h += '<div class="feedback-sent-success">';
+        h += `<img src="${html_encode(window.icons['c-check.svg'])}" style="width:50px; height:50px; display: block; margin:10px auto;">`;
+        h += `<p style="text-align:center; margin-bottom:10px; color: #005300; padding: 10px;">${i18n('feedback_sent_confirmation')}</p>`;
+        h += '</div>';
+        // form
+        h += '<div class="feedback-form">';
+        h += `<p style="margin-top:0; font-size: 15px; -webkit-font-smoothing: antialiased;">${i18n('feedback_c2a')}</p>`;
+        h += '<textarea class="feedback-message" style="width:100%; height: 200px; padding: 10px; box-sizing: border-box;"></textarea>';
+        // attachments
+        h += '<div class="feedback-attachments">';
+        h += `<input type="file" class="feedback-attach-input" accept="${html_encode(ATTACHMENT_ACCEPT_ATTRIBUTE)}" multiple style="display:none;">`;
+        h += `<button type="button" class="button button-small feedback-attach-btn">${i18n('contact_us_attach')}</button>`;
+        h += `<span class="feedback-attach-hint">${i18n('contact_us_attach_hint', [MAX_ATTACHMENTS, MAX_ATTACHMENT_BYTES / MB])}</span>`;
+        h += '<ul class="feedback-attachment-list"></ul>';
+        h += '</div>';
+        h += '<p class="feedback-error" role="alert" style="display:none;"></p>';
+        h += `<button class="button button-primary send-feedback-btn" style="float: right; margin-bottom: 15px; margin-top: 10px;">${i18n('send')}</button>`;
+        h += '</div>';
+        h += '</div>';
+
+        const el_window = await UIWindow({
+            title: i18n('contact_us'),
+            app: 'feedback',
+            single_instance: true,
+            icon: null,
+            uid: null,
+            is_dir: false,
+            body_content: h,
+            has_head: true,
+            selectable_body: false,
+            draggable_body: false,
+            allow_context_menu: false,
+            is_resizable: false,
+            is_droppable: false,
+            init_center: true,
+            allow_native_ctxmenu: false,
+            allow_user_select: false,
+            width: 380,
+            height: 'auto',
+            dominant: true,
+            show_in_taskbar: false,
+            ...options.window_options,
+            onAppend: function (this_window) {
+                $(this_window).find('.feedback-message').get(0).focus({ preventScroll: true });
+            },
+            window_class: 'window-feedback',
+            body_css: {
+                width: 'initial',
+                height: '100%',
+                'background-color': 'rgb(245 247 249)',
+                'backdrop-filter': 'blur(3px)',
+            },
+        });
+
+        const $error = $(el_window).find('.feedback-error');
+        // `.html()` rather than `.text()`: i18n() html-encodes what it returns,
+        // so text() would render the entities literally.
+        const showError = (key) => $error.html(i18n(key, ERROR_VALUES[key] ?? [])).show();
+        const clearError = () => $error.hide().empty();
+
+        // -- Attachments -------------------------------------------------
+
+        const renderAttachments = () => {
+            const $list = $(el_window).find('.feedback-attachment-list').empty();
+            attachments.forEach((file, index) => {
+                const removeLabel = i18n('contact_us_attachment_remove');
+                const $item = $(
+                    '<li class="feedback-attachment">' +
+                        `<span class="feedback-attachment-name" title="${html_encode(file.name)}">${html_encode(file.name)}</span>` +
+                        `<span class="feedback-attachment-size">${html_encode(window.byte_format(file.size))}</span>` +
+                        `<button type="button" class="feedback-attachment-remove" aria-label="${removeLabel}" title="${removeLabel}">&times;</button>` +
+                    '</li>',
+                );
+                $item.find('.feedback-attachment-remove').on('click', () => {
+                    if ( sending ) return;
+                    attachments.splice(index, 1);
+                    clearError();
+                    renderAttachments();
+                });
+                $list.append($item);
+            });
+            // Nothing left to add once the count cap is reached.
+            $(el_window).find('.feedback-attach-btn')
+                .prop('disabled', sending || attachments.length >= MAX_ATTACHMENTS);
+        };
+
+        const addFiles = (files) => {
+            if ( sending ) return;
+            let rejection = null;
+            for ( const file of files ) {
+                const verdict = checkAttachment(file, attachments);
+                if ( ! verdict.ok ) {
+                    // Report the first rejection but keep the files that fit.
+                    rejection = rejection ?? verdict.error;
+                    continue;
+                }
+                attachments.push(file);
+            }
+            if ( rejection ) showError(rejection);
+            else clearError();
+            renderAttachments();
+        };
+
+        const $fileInput = $(el_window).find('.feedback-attach-input');
+        $(el_window).find('.feedback-attach-btn').on('click', () => $fileInput.trigger('click'));
+        $fileInput.on('change', function () {
+            addFiles(Array.from(this.files ?? []));
+            // Reset so re-picking the same file fires `change` again.
+            this.value = '';
+        });
+
+        // Caught here before UIWindow's body-level drop handler sees it.
+        const $form = $(el_window).find('.feedback-form');
+        $form.on('dragover dragenter', (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            if ( ! sending ) $form.addClass('feedback-form-dragover');
+        });
+        $form.on('dragleave dragend', () => $form.removeClass('feedback-form-dragover'));
+        $form.on('drop', (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            $form.removeClass('feedback-form-dragover');
+            addFiles(Array.from(e.originalEvent?.dataTransfer?.files ?? []));
+        });
+
+        // -- Submit --------------------------------------------------------
+
+        const setSending = (value) => {
+            sending = value;
+            $(el_window).find('.send-feedback-btn').prop('disabled', value);
+            $(el_window).find('.feedback-attachment-remove').prop('disabled', value);
+            renderAttachments();
+        };
+
+        $(el_window).find('.send-feedback-btn').on('click', async function () {
+            if ( sending ) return;
+            const message = $(el_window).find('.feedback-message').val();
+            if ( ! message || ! message.trim() ) {
+                showError('contact_us_message_required');
+                return;
+            }
+
+            clearError();
+            setSending(true);
+            try {
+                const body = new FormData();
+                body.append('message', message);
+                for ( const file of attachments ) {
+                    body.append('attachments', file, file.name);
+                }
+
+                // No Content-Type: the browser sets it with the boundary.
+                const resp = await fetch(`${window.api_origin}/contactUs`, {
+                    method: 'POST',
+                    headers: {
+                        'Authorization': `Bearer ${window.auth_token}`,
+                    },
+                    body,
+                });
+                if ( ! resp.ok ) {
+                    showError(resp.status === 429 ? 'contact_us_rate_limited' : 'contact_us_error');
+                    return;
+                }
+                $(el_window).find('.feedback-form').hide();
+                $(el_window).find('.feedback-sent-success').show(100);
+            } catch ( e ) {
+                console.error('contact-us: submit failed', e);
+                showError('contact_us_error');
+            } finally {
+                setSending(false);
+            }
+        });
+
+        renderAttachments();
+        resolve(el_window);
+    });
+}
+
+export default UIWindowFeedback;

src/gui/src/UI/UIWindowLoginInProgress.js

@@ -57,6 +57,7 @@ async function UIWindowLoginInProgress (options) {
             width: 350,
             height: 'auto',
             dominant: true,
+            show_in_taskbar: false,
             backdrop: true,
             stay_on_top: true,
             window_class: 'window-login-progress',

src/gui/src/UI/UIWindowMyWebsites.js

@@ -0,0 +1,192 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import UIWindow from './UIWindow.js';
+import UIContextMenu from './UIContextMenu.js';
+import UIAlert from './UIAlert.js';
+
+async function UIWindowMyWebsites (options) {
+    let h = '';
+    h += '<div>';
+    h += '</div>';
+
+    const el_window = await UIWindow({
+        title: 'My Websites',
+        app: 'my-websites',
+        single_instance: true,
+        icon: null,
+        uid: null,
+        is_dir: false,
+        body_content: h,
+        has_head: true,
+        selectable_body: false,
+        draggable_body: false,
+        allow_context_menu: false,
+        is_resizable: false,
+        is_droppable: false,
+        init_center: true,
+        allow_native_ctxmenu: true,
+        allow_user_select: true,
+        width: 400,
+        dominant: false,
+        body_css: {
+            padding: '10px',
+            width: 'initial',
+            'background-color': 'rgba(231, 238, 245)',
+            'backdrop-filter': 'blur(3px)',
+            'padding-bottom': 0,
+            'height': '351px',
+            'box-sizing': 'border-box',
+        },
+    });
+
+    // /sites
+    let init_ts = Date.now();
+    let loading = setTimeout(function () {
+        $(el_window).find('.window-body').html(`<p style="text-align: center;
+        margin-top: 40px;
+        margin-bottom: 50px;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        color: #596c7c;">${i18n('loading')}...</p>`);
+    }, 1000);
+
+    puter.hosting.list().then(function (sites) {
+        setTimeout(function () {
+            // clear loading
+            clearTimeout(loading);
+            // user has sites
+            if ( sites.length > 0 ) {
+                let h = '';
+                for ( let i = 0; i < sites.length; i++ ) {
+                    h += `<div class="mywebsites-card" data-uuid="${sites[i].uid}">`;
+                    h += `<a class="mywebsites-address-link" href="https://${sites[i].subdomain}.puter.site" target="_blank">${sites[i].subdomain}.puter.site</a>`;
+                    h += `<img class="mywebsites-site-setting" data-site-uuid="${sites[i].uid}" src="${html_encode(window.icons['cog.svg'])}">`;
+                    // there is a directory associated with this site
+                    if ( sites[i].root_dir ) {
+                        h += `<p class="mywebsites-dir-path" data-path="${html_encode(sites[i].root_dir.path)}" data-name="${html_encode(sites[i].root_dir.name)}" data-uuid="${sites[i].root_dir.id}">`;
+                        h += `<img src="${html_encode(window.icons['folder.svg'])}">`;
+                        h += `${html_encode(sites[i].root_dir.path)}`;
+                        h += '</p>';
+                        h += '<p style="margin-bottom:0; margin-top: 20px; font-size: 13px;">';
+                        h += `<span class="mywebsites-dis-dir" data-dir-uuid="${html_encode(sites[i].root_dir.id)}" data-site-subdomain="${html_encode(sites[i].subdomain)}" data-site-uuid="${html_encode(sites[i].uid)}">`;
+                        h += `<img style="width: 16px; margin-bottom: -2px; margin-right: 4px;" src="${html_encode(window.icons['plug.svg'])}">${i18n('disassociate_dir')}</span>`;
+                        h += '</p>';
+                    }
+                    h += `<p class="mywebsites-no-dir-notice" data-site-uuid="${html_encode(sites[i].uid)}" style="${sites[i].root_dir ? 'display:none;' : 'display:block;'}">${i18n('no_dir_associated_with_site')}</p>`;
+                    h += '</div>';
+                }
+                $(el_window).find('.window-body').html(h);
+            }
+            // has no sites
+            else {
+                $(el_window).find('.window-body').html(`<p style="text-align: center;
+                margin-top: 40px;
+                margin-bottom: 50px;
+                -webkit-font-smoothing: antialiased;
+                -moz-osx-font-smoothing: grayscale;
+                color: #596c7c;">${i18n('no_websites_published')}</p>`);
+            }
+        }, Date.now() - init_ts < 1000 ? 0 : 2000);
+    });
+}
+
+$(document).on('click', '.mywebsites-dir-path', function (e) {
+    e = e.target;
+    UIWindow({
+        path: $(e).attr('data-path'),
+        title: $(e).attr('data-name'),
+        icon: window.icons['folder.svg'],
+        uid: $(e).attr('data-uuid'),
+        is_dir: true,
+        app: 'explorer',
+    });
+});
+
+$(document).on('click', '.mywebsites-site-setting', function (e) {
+    const pos = e.target.getBoundingClientRect();
+    UIContextMenu({
+        parent_element: e.target,
+        position: { top: pos.top + 25, left: pos.left - 193 },
+        items: [
+            //--------------------------------------------------
+            // Release Address
+            //--------------------------------------------------
+            {
+                html: 'Release Address',
+                onClick: async function () {
+                    const alert_resp = await UIAlert({
+                        message: i18n('release_address_confirmation'),
+                        buttons: [
+                            {
+                                label: i18n('yes_release_it'),
+                                value: 'yes',
+                                type: 'primary',
+                            },
+                            {
+                                label: i18n('cancel'),
+                            },
+                        ],
+                    });
+                    if ( alert_resp !== 'yes' ) {
+                        return;
+                    }
+
+                    $.ajax({
+                        url: `${window.api_origin }/delete-site`,
+                        type: 'POST',
+                        data: JSON.stringify({
+                            site_uuid: $(e.target).attr('data-site-uuid'),
+                        }),
+                        async: false,
+                        contentType: 'application/json',
+                        headers: {
+                            'Authorization': `Bearer ${window.auth_token}`,
+                        },
+                        statusCode: {
+                            401: function (xhr) {
+                        window.handle401(xhr);
+                    },
+                        },
+                        success: function () {
+                            $(`.mywebsites-card[data-uuid="${$(e.target).attr('data-site-uuid')}"]`).fadeOut();
+                        },
+                    });
+                },
+            },
+        ],
+    });
+});
+
+$(document).on('click', '.mywebsites-dis-dir', function (e) {
+    puter.hosting.delete(
+                    // dir
+                    $(e.target).attr('data-dir-uuid'),
+                    // hostname
+                    $(e.target).attr('data-site-subdomain'),
+                    // success
+                    function () {
+                        $(`.mywebsites-no-dir-notice[data-site-uuid="${$(e.target).attr('data-site-uuid')}"]`).show();
+                        $(`.mywebsites-dir-path[data-uuid="${$(e.target).attr('data-dir-uuid')}"]`).remove();
+                        // remove the website badge from all instances of the dir
+                        $(`.item[data-uid="${$(e.target).attr('data-dir-uuid')}"]`).find('.item-has-website-badge').fadeOut(300);
+                        $(e.target).hide();
+                    });
+});
+export default UIWindowMyWebsites;

src/gui/src/UI/UIWindowNewPassword.js

@@ -100,6 +100,7 @@ async function UIWindowNewPassword (options) {
             width: 350,
             height: 'auto',
             dominant: true,
+            show_in_taskbar: false,
             onAppend: function (this_window) {
                 $(this_window).find('.new-password').get(0)?.focus({ preventScroll: true });
             },

src/gui/src/UI/UIWindowPasswordChangeRequired.js

@@ -71,6 +71,7 @@ function UIWindowPasswordChangeRequired (options) {
             width: 390,
             height: 'auto',
             dominant: true,
+            show_in_taskbar: false,
             onAppend: function (this_window) {
                 $(this_window).find('.pcr-current').get(0)?.focus({ preventScroll: true });
             },

src/gui/src/UI/UIWindowPublishWebsite.js

@@ -18,6 +18,7 @@
  */
 
 import UIWindow from './UIWindow.js';
+import UIWindowMyWebsites from './UIWindowMyWebsites.js';
 import { underPath } from '../helpers/pathElements.js';
 
 async function UIWindowPublishWebsite (target_dir_uid, target_dir_name, target_dir_path) {
@@ -121,7 +122,12 @@ async function UIWindowPublishWebsite (target_dir_uid, target_dir_name, target_d
 
         } catch ( err ) {
             const errorMessage = err.message || (err.error && err.error.message) || 'An error occurred while publishing';
-            $(el_window).find('.publish-website-error-msg').html(errorMessage);
+            $(el_window).find('.publish-website-error-msg').html(
+                errorMessage + (
+                    err.error && err.error.code === 'subdomain_limit_reached' ?
+                        ` <span class="manage-your-websites-link">${ i18n('manage_your_subdomains') }</span>` : ''
+                ),
+            );
             $(el_window).find('.publish-website-error-msg').fadeIn();
             // re-enable 'Publish' button
             $(el_window).find('.publish-btn').prop('disabled', false);
@@ -133,4 +139,8 @@ async function UIWindowPublishWebsite (target_dir_uid, target_dir_name, target_d
     });
 }
 
+$(document).on('click', '.manage-your-websites-link', async function (e) {
+    UIWindowMyWebsites();
+});
+
 export default UIWindowPublishWebsite;

src/gui/src/UI/UIWindowPublishWorker.js

@@ -0,0 +1,157 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import UIWindow from './UIWindow.js';
+import UIWindowMyWebsites from './UIWindowMyWebsites.js';
+import { underPath } from '../helpers/pathElements.js';
+
+async function UIWindowPublishWorker (target_dir_uid, target_dir_name, target_dir_path) {
+    let h = '';
+    h += '<div class="window-publishWorker-content" style="padding: 20px; border-bottom: 1px solid #ced7e1;">';
+    // success
+    h += '<div class="window-publishWorker-success">';
+    h += `<img src="${html_encode(window.icons['c-check.svg'])}" style="width:80px; height:80px; display: block; margin:10px auto;">`;
+    h += `<p style="text-align:center;">${i18n('dir_published_as_website', `<strong>${html_encode(target_dir_name)}</strong>`, false)}<p>`;
+    h += `<p style="text-align:center;"><a class="publishWorker-published-link" target="_blank"></a><img class="publishWorker-published-link-icon" src="${html_encode(window.icons['launch.svg'])}"></p>`;
+    h += `<button class="button button-normal button-block button-primary publish-window-ok-btn" style="margin-top:20px;">${i18n('ok')}</button>`;
+    h += '</div>';
+    // form
+    h += '<form class="window-publishWorker-form">';
+    // error msg
+    h += '<div class="publish-worker-error-msg"></div>';
+    // worker name
+    h += '<div style="overflow: hidden;">';
+    h += `<label style="margin-bottom: 10px;">${i18n('pick_name_for_worker')}</label>`;
+    h += `<div style="font-family: monospace;">${html_encode(window.extractProtocol(window.url))}://<input class="publish-worker-name" style="width:235px;" type="text" autocomplete="subdomain" spellcheck="false" autocorrect="off" autocapitalize="off" data-gramm_editor="false"/>${html_encode('.puter.work')}</div>`;
+    h += '</div>';
+    // uid
+    h += `<input class="publishWebsiteTargetDirUID" type="hidden" value="${html_encode(target_dir_uid)}"/>`;
+    // Advanced (collapsed by default)
+    h += '<details class="publish-worker-advanced" style="margin: 16px 0;">';
+    h += '<summary style="cursor: pointer; font-size: 13px; color: #5c6b7a; user-select: none;">Advanced</summary>';
+    h += '<div style="margin-top: 12px; padding-left: 2px;">';
+    h += '<label style="display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 13px;">';
+    h += '<input type="checkbox" class="publish-worker-sandboxed" checked>';
+    h += 'Sandboxed</label>';
+    h += '</div>';
+    h += '</details>';
+    // Publish
+    h += `<button class="publish-btn button button-action button-block button-normal">${i18n('publish')}</button>`;
+    h += '</form>';
+    h += '</div>';
+
+    const el_window = await UIWindow({
+        title: i18n('window_title_publish_worker'),
+        icon: null,
+        uid: null,
+        is_dir: false,
+        body_content: h,
+        has_head: true,
+        selectable_body: false,
+        draggable_body: false,
+        allow_context_menu: false,
+        is_resizable: false,
+        is_droppable: false,
+        init_center: true,
+        allow_native_ctxmenu: true,
+        allow_user_select: true,
+        width: 450,
+        dominant: true,
+        onAppend: function (this_window) {
+            $(this_window).find('.publish-worker-name').val(window.generate_identifier());
+            $(this_window).find('.publish-worker-name').get(0).focus({ preventScroll: true });
+        },
+        window_class: 'window-publishWorker',
+        window_css: {
+            height: 'initial',
+        },
+        body_css: {
+            width: 'initial',
+            height: '100%',
+            'background-color': 'rgb(245 247 249)',
+            'backdrop-filter': 'blur(3px)',
+        },
+    });
+
+    $(el_window).find('.publish-btn').on('click', function (e) {
+        // todo do some basic validation client-side
+
+        //Worker name
+        let worker_name = $(el_window).find('.publish-worker-name').val();
+
+        // Store original text and replace with spinner
+        const originalText = $(el_window).find('.publish-btn').text();
+        $(el_window).find('.publish-btn').prop('disabled', true).html(`
+            <div style="display: inline-block; margin-top: 10px; width: 16px; height: 16px; border: 2px solid #ffffff; border-radius: 50%; border-top: 2px solid transparent; animation: spin 1s linear infinite;"></div>
+        `);
+
+        const sandboxed = $(el_window).find('.publish-worker-sandboxed').is(':checked');
+        const createOptions = sandboxed ? { sandbox: true } : { sandbox: false };
+
+        puter.workers.create(
+            worker_name,
+            target_dir_path,
+            createOptions,
+        ).then((res) => {
+            let url = `https://${ worker_name }.puter.work`;
+            $(el_window).find('.window-publishWorker-form').hide(100, function () {
+                $(el_window).find('.publishWorker-published-link').attr('href', url);
+                $(el_window).find('.publishWorker-published-link').text(url);
+                $(el_window).find('.window-publishWorker-success').show(100);
+                // $(`.item[data-uid="${target_dir_uid}"] .item-has-website-badge`).show();
+            });
+
+            // find all items whose path starts with target_dir_path
+            underPath('.item', target_dir_path).each(function () {
+                // show the link badge
+                // $(this).find('.item-has-website-url-badge').show();
+                // update item's website_url attribute
+                // $(this).attr('data-website_url', url + $(this).attr('data-path').substring(target_dir_path.length));
+            });
+        }).catch((err) => {
+            let errorHtml;
+            // Handle worker service errors (result.success === false)
+            if ( ! (err instanceof Error) ) {
+                // Handle regular API errors
+                const error = err.error || err;
+                errorHtml = error.message + (
+                    error.code === 'subdomain_limit_reached' ?
+                        ` <span class="manage-your-websites-link">${ i18n('manage_your_subdomains') }</span>` : ''
+                );
+            } else {
+                errorHtml = `<pre style="white-space: pre-wrap; font-family: monospace; font-size: 12px; margin: 0; text-align: left; font-family: monospace;">${html_encode(err.message)}</pre>`;
+            }
+
+            $(el_window).find('.publish-worker-error-msg').html(errorHtml);
+            $(el_window).find('.publish-worker-error-msg').fadeIn();
+            // re-enable 'Publish' button and restore original text
+            $(el_window).find('.publish-btn').prop('disabled', false).text(originalText);
+        });
+    });
+
+    $(el_window).find('.publish-window-ok-btn').on('click', function () {
+        $(el_window).close();
+    });
+}
+
+$(document).on('click', '.manage-your-websites-link', async function (e) {
+    UIWindowMyWebsites();
+});
+
+export default UIWindowPublishWorker;

src/gui/src/UI/UIWindowQR.js

@@ -0,0 +1,88 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import Placeholder from '../util/Placeholder.js';
+import Flexer from './Components/Flexer.js';
+import UIQRCode from './UIQRCode.js';
+import UIWindow from './UIWindow.js';
+
+async function UIWindowQR (options) {
+
+    options = options ?? {};
+
+    const placeholder_qr = Placeholder();
+
+    let h = '';
+    // close button containing the multiplication sign
+    h += '<div class="qr-code-window-close-btn generic-close-window-button"> &times; </div>';
+    h += '<div class="otp-qr-code">';
+    h += `<h1 style="text-align: center; font-size: 16px; padding: 10px; font-weight: 400; margin: -10px 10px 20px 10px; -webkit-font-smoothing: antialiased; color: #5f626d;">${
+        i18n(options.message_i18n_key || 'scan_qr_generic')
+    }</h1>`;
+    h += '</div>';
+
+    h += placeholder_qr.html;
+
+    const el_window = await UIWindow({
+        title: i18n('window_title_instant_login'),
+        app: 'instant-login',
+        single_instance: true,
+        icon: null,
+        uid: null,
+        is_dir: false,
+        body_content: h,
+        has_head: false,
+        selectable_body: false,
+        allow_context_menu: false,
+        is_resizable: false,
+        is_droppable: false,
+        init_center: true,
+        allow_native_ctxmenu: false,
+        allow_user_select: false,
+        backdrop: true,
+        width: 450,
+        height: 'auto',
+        dominant: true,
+        show_in_taskbar: false,
+        draggable_body: true,
+        window_class: 'window-qr',
+        body_css: {
+            width: 'initial',
+            height: '100%',
+            'background-color': 'rgb(245 247 249)',
+            'backdrop-filter': 'blur(3px)',
+            padding: '50px 20px',
+        },
+    });
+
+    const el_qr = UIQRCode({
+        value: options.text,
+        size: 250,
+    });
+
+    const component_flexer = new Flexer({
+        children: [
+            el_qr,
+        ],
+    });
+
+    component_flexer.attach(placeholder_qr);
+}
+
+export default UIWindowQR;

src/gui/src/UI/UIWindowSaveAccount.js

@@ -91,6 +91,7 @@ async function UIWindowSaveAccount (options) {
             allow_user_select: true,
             width: 350,
             dominant: true,
+            show_in_taskbar: false,
             ...options.window_options,
             onAppend: function (this_window) {
                 if ( options.default_username )

src/gui/src/UI/UIWindowSearch.js

@@ -0,0 +1,308 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import UIWindow from './UIWindow.js';
+import path from '../lib/path.js';
+import UIAlert from './UIAlert.js';
+import launch_app from '../helpers/launchApp.js';
+import item_icon from '../helpers/itemIcon.js';
+import UIContextMenu from './UIContextMenu.js';
+
+async function UIWindowSearch (options) {
+    let h = '';
+
+    h += '<div class="search-input-wrapper">';
+    h += `<input type="text" class="search-input" placeholder="Search" style="background-image:url('${window.icons['magnifier-outline.svg']}');">`;
+    h += '</div>';
+    h += '<div class="search-results" style="overflow-y: auto; max-height: 300px;">';
+
+    const el_window = await UIWindow({
+        icon: null,
+        single_instance: true,
+        app: 'search',
+        uid: null,
+        is_dir: false,
+        body_content: h,
+        has_head: false,
+        selectable_body: false,
+        draggable_body: true,
+        allow_context_menu: false,
+        is_draggable: false,
+        is_resizable: false,
+        is_droppable: false,
+        init_center: true,
+        allow_native_ctxmenu: true,
+        allow_user_select: true,
+        window_class: 'window-search',
+        backdrop: true,
+        center: isMobile.phone,
+        width: 500,
+        dominant: true,
+
+        window_css: {
+            height: 'initial',
+            padding: '0',
+        },
+        body_css: {
+            width: 'initial',
+            'max-height': 'calc(100vh - 200px)',
+            'background-color': 'rgb(241 246 251)',
+            'backdrop-filter': 'blur(3px)',
+            'padding': '0',
+            'height': 'initial',
+            'overflow': 'hidden',
+            'min-height': '65px',
+            'padding-bottom': '10px',
+        },
+    });
+
+    $(el_window).find('.search-input').focus();
+
+    // Debounce function to limit rate of API calls
+    function debounce (func, wait) {
+        let timeout;
+        return function (...args) {
+            const context = this;
+            clearTimeout(timeout);
+            timeout = setTimeout(() => {
+                func.apply(context, args);
+            }, wait);
+        };
+    }
+
+    // State for managing loading indicator
+    let isSearching = false;
+
+    // Debounced search function
+    const performSearch = debounce(async function (searchInput, resultsContainer) {
+        // Don't search if input is empty
+        if ( searchInput.val() === '' ) {
+            resultsContainer.html('');
+            resultsContainer.hide();
+            return;
+        }
+
+        // Set loading state
+        if ( ! isSearching ) {
+            isSearching = true;
+        }
+
+        try {
+            // Perform the search
+            let results = await fetch(`${window.api_origin }/search`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Authorization': `Bearer ${puter.authToken}`,
+                },
+                body: JSON.stringify({ text: searchInput.val() }),
+            });
+
+            results = await results.json();
+
+            // Hide results if there are none
+            if ( results.length === 0 )
+            {
+                resultsContainer.hide();
+            }
+            else
+            {
+                resultsContainer.show();
+            }
+
+            // Build results HTML
+            let h = '';
+
+            for ( let i = 0; i < results.length; i++ ) {
+                const result = results[i];
+                h += `<div 
+                        class="search-result"
+                        data-path="${html_encode(result.path)}" 
+                        data-uid="${html_encode(result.uid)}"
+                        data-is_dir="${html_encode(result.is_dir)}"
+                    >`;
+                // icon
+                h += `<img src="${html_encode((await item_icon(result)).image)}" style="width: 20px; height: 20px; margin-right: 6px;">`;
+                h += html_encode(result.name);
+                h += '</div>';
+            }
+            resultsContainer.html(h);
+        } catch ( error ) {
+            resultsContainer.html('<div class="search-error">Search failed. Please try again.</div>');
+            console.error('Search error:', error);
+        } finally {
+            isSearching = false;
+        }
+    }, 300); // Wait 300ms after last keystroke before searching
+
+    // Event binding
+    $(el_window).find('.search-input').on('input', function (e) {
+        const searchInput = $(this);
+        const resultsContainer = $(el_window).find('.search-results');
+        performSearch(searchInput, resultsContainer);
+    });
+}
+
+$(document).on('click', '.search-result', async function (e) {
+    const fspath = $(this).data('path');
+    const fsuid = $(this).data('uid');
+    const is_dir = $(this).attr('data-is_dir') === 'true' || $(this).data('is_dir') === '1';
+    let open_item_meta;
+
+    if ( is_dir ) {
+        UIWindow({
+            path: fspath,
+            title: path.basename(fspath),
+            icon: await item_icon({ is_dir: true, path: fspath }),
+            uid: fsuid,
+            is_dir: is_dir,
+            app: 'explorer',
+        });
+
+        // close search window
+        $(this).closest('.window').close();
+
+        return;
+    }
+
+    // get all info needed to open an item
+    try {
+        open_item_meta = await $.ajax({
+            url: `${window.api_origin }/open_item`,
+            type: 'POST',
+            contentType: 'application/json',
+            data: JSON.stringify({
+                uid: fsuid ?? undefined,
+                path: fspath ?? undefined,
+            }),
+            headers: {
+                'Authorization': `Bearer ${window.auth_token}`,
+            },
+            statusCode: {
+                401: function (xhr) {
+                        window.handle401(xhr);
+                    },
+            },
+        });
+    } catch ( err ) {
+        // Ignored
+    }
+
+    // get a list of suggested apps for this file type.
+    let suggested_apps = open_item_meta?.suggested_apps ?? await window.suggest_apps_for_fsentry({ uid: fsuid, path: fspath });
+
+    //---------------------------------------------
+    // No suitable apps, ask if user would like to
+    // download
+    //---------------------------------------------
+    if ( suggested_apps.length === 0 ) {
+        //---------------------------------------------
+        // If .zip file, unzip it
+        //---------------------------------------------
+        if ( path.extname(fspath) === '.zip' ) {
+            window.unzipItem(fspath);
+            return;
+        }
+        const alert_resp = await UIAlert('Found no suitable apps to open this file with. Would you like to download it instead?',
+                        [
+                            {
+                                label: i18n('download_file'),
+                                value: 'download_file',
+                                type: 'primary',
+
+                            },
+                            {
+                                label: i18n('cancel'),
+                            },
+                        ]);
+        if ( alert_resp === 'download_file' ) {
+            window.trigger_download([fspath]);
+        }
+        return;
+    }
+    //---------------------------------------------
+    // First suggested app is default app to open this item
+    //---------------------------------------------
+    else {
+        launch_app({
+            name: suggested_apps[0].name,
+            token: open_item_meta.token,
+            file_path: fspath,
+            app_obj: suggested_apps[0],
+            window_title: path.basename(fspath),
+            file_uid: fsuid,
+            // maximized: options.maximized,
+            file_signature: open_item_meta.signature,
+        });
+    }
+
+    // close
+    $(this).closest('.window').close();
+});
+
+// Context menu for search results
+$(document).on('contextmenu', '.search-result', async function (e) {
+    e.preventDefault();
+    e.stopPropagation();
+
+    const fspath = $(this).data('path');
+    const fsuid = $(this).data('uid');
+    const is_dir = $(this).attr('data-is_dir') === 'true' || $(this).data('is_dir') === '1';
+
+    // Get the parent directory path
+    const parent_path = path.dirname(fspath);
+
+    // Build context menu items
+    const menuItems = [
+        {
+            html: i18n('open'),
+            onClick: async function () {
+                // Trigger the same logic as clicking on the search result
+                $(e.target).trigger('click');
+            },
+        },
+    ];
+
+    // Only add "Open enclosing folder" if we're not already at root
+    if ( parent_path && parent_path !== fspath && parent_path !== '/' ) {
+        menuItems.push('-'); // divider
+        menuItems.push({
+            html: i18n('open_containing_folder'),
+            onClick: async function () {
+                // Open the enclosing folder
+                UIWindow({
+                    path: parent_path,
+                    title: path.basename(parent_path) || window.root_dirname,
+                    icon: window.icons['folder.svg'],
+                    is_dir: true,
+                    app: 'explorer',
+                });
+
+                // Close search window
+                $(e.target).closest('.window').close();
+            },
+        });
+    }
+
+    UIContextMenu({
+        items: menuItems,
+    });
+});
+
+export default UIWindowSearch;

src/gui/src/UI/UIWindowShare.js

@@ -0,0 +1,454 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import UIWindow from './UIWindow.js';
+import UIAlert from './UIAlert.js';
+import path from '../lib/path.js';
+import { is_owned_by_me, owner_of_path } from '../helpers/pathOwner.js';
+import { invalidate_shared_roots } from '../helpers/sharedAccess.js';
+import { icons } from '../helpers/actionIcons.js';
+import { mode_label, options_for } from '../helpers/shareModes.js';
+import { has_direct_share, mark_item_shared } from '../helpers/sharedBadge.js';
+import { share_outcome } from '../helpers/shareOutcome.js';
+import shareRecipientPicker from '../helpers/shareRecipientPicker.js';
+import { share_key } from '../helpers/shareSuggest.js';
+import {
+    team_for_share, team_label, teams_for_sharing,
+} from '../helpers/shareTeams.js';
+import { share_link_for } from '../helpers/sharePaths.js';
+import { is_plan_gate_error, open_upgrade_flow } from '../helpers/planGate.js';
+import { with_verification_gate } from '../helpers/verification_gates.js';
+
+/** What each outcome of a share call is called on screen. */
+const SHARE_MESSAGE = {
+    invited: 'share_invited',
+    shared: 'share_shared_with',
+    updated: 'share_access_updated',
+    unchanged: 'share_already_shared_with',
+};
+
+/**
+ * Sharing dialog for one file or directory.
+ *
+ * @param {object} options
+ * @param {string} options.path Item to share.
+ * @param {string} [options.name] Display name; defaults to the path's basename.
+ * @param {string} [options.owner] Owner's username; defaults to the first path
+ *   segment, which is not the current user when a `manage` recipient opens this.
+ * @param {string} [options.uid] The item's uid, when the caller has it; saves
+ *   the lookup the "copy link" button otherwise makes.
+ */
+async function UIWindowShare (options) {
+    options = options ?? {};
+    const item_path = options.path;
+    const item_name = options.name ?? path.basename(item_path);
+    const item_owner =
+        options.owner ?? owner_of_path(item_path) ?? window.user.username;
+    // A delegate passes on access, never the authority to pass it on.
+    const allow_manage = is_owned_by_me(item_path);
+
+    let h = '';
+    h += '<div class="share-dialog">';
+    h += '<div class="form-error-msg"></div>';
+    h += '<div class="form-success-msg"></div>';
+
+    h += `<label for="share-recipient">${i18n('share_with')}</label>`;
+    h += '<div class="share-dialog-row">';
+    h += `<input class="share-recipient" id="share-recipient" type="text" autocomplete="off" spellcheck="false"
+                 placeholder="${i18n('share_add_people')}" />`;
+    h += `<select class="share-mode">${options_for('read', { allow_manage })}</select>`;
+    h += '</div>';
+    h += `<button class="share-btn button button-primary button-block button-normal">${i18n('share')}</button>`;
+
+    // The owner's switch between people-only and anyone with the link. A
+    // delegate passes access on to people; opening the item to everyone is
+    // the owner's call, so nobody else gets the control.
+    if ( allow_manage ) {
+        h += '<div class="share-general-access">';
+        h += `<div class="share-dialog-heading">${i18n('share_general_access')}</div>`;
+        h += '<div class="share-dialog-row share-link-row">';
+        h += `<select class="share-link-access" aria-label="${html_encode(i18n('share_general_access'))}">`;
+        h += `<option value="restricted">${i18n('share_link_restricted')}</option>`;
+        h += `<option value="anyone">${i18n('share_link_anyone')}</option>`;
+        h += '</select>';
+        h += `<select class="share-link-mode" aria-label="${html_encode(i18n('share_access_level'))}" hidden>${options_for('read', { allow_manage: false })}</select>`;
+        h += '</div>';
+        h += `<p class="share-link-note">${i18n('share_link_restricted_note')}</p>`;
+        h += `<button class="share-copy-link button button-block button-normal" hidden>${i18n('share_copy_link')}</button>`;
+        h += '</div>';
+    }
+
+    h += `<div class="share-dialog-heading">${i18n('share_who_has_access')}</div>`;
+    h += '<div class="share-list"></div>';
+    h += '</div>';
+
+    // One dialog per item — window-level single_instance would refocus a
+    // dialog still bound to a different file.
+    const $existing = $('.window[data-app="share"]').filter(
+        (_, el) => $(el).attr('data-share-path') === item_path,
+    );
+    if ( $existing.length ) {
+        $existing.focusWindow();
+        return;
+    }
+
+    const el_window = await UIWindow({
+        title: `${i18n('share')} — ${item_name}`,
+        app: 'share',
+        icon: window.icons['share-outline.svg'],
+        uid: null,
+        is_dir: false,
+        body_content: h,
+        has_head: true,
+        selectable_body: false,
+        draggable_body: false,
+        allow_context_menu: false,
+        is_resizable: false,
+        is_droppable: false,
+        init_center: true,
+        allow_native_ctxmenu: false,
+        allow_user_select: false,
+        width: 420,
+        height: 'auto',
+        dominant: true,
+        show_in_taskbar: false,
+        onAppend: function (this_window) {
+            $(this_window).find('.share-recipient').get(0)?.focus({ preventScroll: true });
+        },
+        // The recipient field listens on the document to know when a click
+        // landed outside its suggestions; that has to come off with the window.
+        on_close: () => picker.destroy(),
+        window_class: 'window-share',
+        window_css: { height: 'initial' },
+        body_css: { width: 'initial', padding: '0', 'background-color': 'rgb(245 247 249)' },
+    });
+    $(el_window).attr('data-share-path', item_path);
+
+    const $error = $(el_window).find('.form-error-msg');
+    const $success = $(el_window).find('.form-success-msg');
+    const $list = $(el_window).find('.share-list');
+
+    const show_error = (message) => {
+        $success.hide();
+        $error.html(html_encode(message)).show();
+    };
+
+    const show_success = (message) => {
+        $error.hide();
+        $success.html(message).show();
+    };
+
+    /** The access list as last drawn, which is what a share call changes. */
+    let shown_shares = [];
+
+    /** The caller's teams, offered as recipients. */
+    let teams = [];
+
+    /** The team behind each `data-team` row as last drawn. */
+    const row_teams = new Map();
+
+    /** The item's own "anyone with the link" share as last listed, or null. */
+    let link_share = null;
+    /** The item's uid, which its link is built on; looked up once. */
+    let item_uid = options.uid ?? null;
+
+    const $recipient = $(el_window).find('.share-recipient');
+    const $share_btn = $(el_window).find('.share-btn');
+
+    // One field for every kind of recipient: a colleague, a whole team, someone
+    // shared with before, or an address typed from scratch.
+    const picker = shareRecipientPicker({
+        $input: $recipient,
+        $row: $recipient.closest('.share-dialog-row'),
+        // Nobody already on the list below: offering them again would only
+        // re-grant what the row next to it already shows.
+        excluded: () => shown_shares.map(share_key).filter(Boolean),
+        onChange: () => { $share_btn.prop('disabled', ! picker.recipient()); },
+    });
+    $share_btn.prop('disabled', true);
+
+    // Enter shares, the way it submits the Dashboard's dialog. Bound after the
+    // picker, which takes the press for itself while it is choosing a row.
+    $recipient.on('keydown', (e) => {
+        if ( e.key !== 'Enter' || e.isDefaultPrevented() ) return;
+        if ( $share_btn.prop('disabled') ) return;
+        $share_btn.trigger('click');
+    });
+
+    const render = (shares) => {
+        shown_shares = Array.isArray(shares) ? shares : [];
+        row_teams.clear();
+        // The item's own link share drives the general-access control rather
+        // than a row; a delegate, who has no control, sees it as a row.
+        link_share = shown_shares.find((share) => share.anyone && ! share.inheritedFrom) ?? null;
+        const listed = shown_shares.filter((share) => ! (allow_manage && share.anyone && ! share.inheritedFrom));
+        let rows = '';
+        // The owner's access comes from owning the item, so it can't be revoked
+        rows += '<div class="share-row">';
+        rows += `<span class="share-row-who">${html_encode(item_owner)}${item_owner === window.user.username ? ` (${i18n('share_you')})` : ''}</span>`;
+        rows += `<span class="share-row-owner">${i18n('share_owner')}</span>`;
+        rows += '</div>';
+
+        for ( const share of listed ) {
+            const holder = share.anyone ? i18n('share_row_anyone') : html_encode(share.holder ?? '');
+            if ( share.anyone && ! share.inheritedFrom ) {
+                rows += '<div class="share-row share-row-inherited">';
+                rows += `<span class="share-row-who">${holder}</span>`;
+                rows += `<span class="share-row-mode">${mode_label(share.mode)}</span>`;
+                rows += '</div>';
+                continue;
+            }
+            if ( share.inheritedFrom ) {
+                // Granted on an ancestor, so it can only be changed there
+                rows += '<div class="share-row share-row-inherited">';
+                rows += `<span class="share-row-who">${holder}</span>`;
+                rows += `<span class="share-row-via">${i18n('share_inherited_via', { folder: path.basename(share.inheritedFrom) })}</span>`;
+                rows += `<span class="share-row-mode">${mode_label(share.mode)}</span>`;
+                rows += '</div>';
+                continue;
+            }
+            if ( share.pending ) {
+                // Withheld unless the invite is ours to act on: nobody to name,
+                // and the server would refuse the cancellation anyway.
+                const invited = html_encode(share.recipientEmail ?? '');
+                rows += '<div class="share-row share-row-pending">';
+                rows += `<span class="share-row-who">${invited || html_encode(i18n('share_invited_someone'))}</span>`;
+                rows += `<span class="share-row-via">${i18n('share_awaiting_signup')}</span>`;
+                rows += `<span class="share-row-mode">${mode_label(share.mode)}</span>`;
+                if ( invited )
+                    rows += `<button class="share-revoke" data-holder="${invited}" title="${html_encode(i18n('share_cancel_invite'))}" aria-label="${html_encode(i18n('share_cancel_invite'))}">${icons.trash}</button>`;
+                rows += '</div>';
+                continue;
+            }
+            // A team holds the share itself, so the row has no username to
+            // key on; `data-team` carries the uid the handlers address it by.
+            const team = team_for_share(teams, share);
+            if ( team ) row_teams.set(team.uid, team);
+            const key = team
+                ? `data-team="${html_encode(team.uid)}"`
+                : `data-holder="${holder}"`;
+            rows += `<div class="share-row${team ? ' share-row-team' : ''}">`;
+            rows += `<span class="share-row-who">${team ? html_encode(team_label(team)) : holder}</span>`;
+            if ( team ) rows += `<span class="share-row-via">${i18n('share_row_team')}</span>`;
+            rows += `<select class="share-row-mode-select" ${key}>${options_for(share.mode, { allow_manage })}</select>`;
+            rows += `<button class="share-revoke" ${key} title="${html_encode(i18n('share_remove_access'))}" aria-label="${html_encode(i18n('share_remove_access'))}">${icons.trash}</button>`;
+            rows += '</div>';
+        }
+        if ( !listed.length ) {
+            rows += `<p class="share-dialog-empty">${i18n('share_no_one')}</p>`;
+        }
+        $list.html(rows);
+        render_link_access();
+        // Every share, mode change and revoke lands here.
+        mark_item_shared(item_path, has_direct_share(shares));
+    };
+
+    const refresh = async () => {
+        try {
+            render(await puter.fs.getShares(item_path));
+        } catch (e) {
+            show_error(e?.message ?? i18n('share_failed'));
+        }
+    };
+
+    // -- General access --
+
+    const $link_access = $(el_window).find('.share-link-access');
+    const $link_mode = $(el_window).find('.share-link-mode');
+    const $link_note = $(el_window).find('.share-link-note');
+    const $copy_link = $(el_window).find('.share-copy-link');
+
+    /** Put the control where the listing says the item stands. */
+    const render_link_access = () => {
+        if ( ! allow_manage ) return;
+        const on = link_share !== null;
+        $link_access.val(on ? 'anyone' : 'restricted');
+        $link_mode.prop('hidden', ! on);
+        if ( on ) $link_mode.val(link_share.mode);
+        $link_note.html(on
+            ? i18n(link_share.mode === 'write' ? 'share_link_anyone_note_write' : 'share_link_anyone_note_read')
+            : i18n('share_link_restricted_note'));
+        $copy_link.prop('hidden', ! (on && item_uid));
+    };
+
+    /** Open the item to anyone with the link at `mode`, or close it with null. */
+    const set_link_access = async (mode) => {
+        $link_access.prop('disabled', true);
+        $link_mode.prop('disabled', true);
+        try {
+            if ( mode ) {
+                const created = await with_verification_gate(() => puter.fs.share({
+                    path: item_path,
+                    recipient: { anyone: true },
+                    mode,
+                }));
+                item_uid ??= created?.[0]?.entryUid ?? null;
+                show_success(i18n(mode === 'write' ? 'share_link_on_write' : 'share_link_on_read'));
+            } else {
+                await puter.fs.unshare(item_path, { anyone: true });
+                show_success(i18n('share_link_off'));
+            }
+        } catch (e) {
+            // A plan gate gets the flow that clears it, where the deployment
+            // has one; a refusal is otherwise reported like any other.
+            if ( is_plan_gate_error(e) ) {
+                if ( ! open_upgrade_flow() ) show_error(i18n('share_link_requires_plan'));
+            } else {
+                show_error(e?.message ?? i18n('share_failed'));
+            }
+        } finally {
+            $link_access.prop('disabled', false);
+            $link_mode.prop('disabled', false);
+        }
+        // The listing is the truth either way, and it puts the control back.
+        await refresh();
+    };
+
+    $link_access.on('change', function () {
+        set_link_access($(this).val() === 'anyone' ? ($link_mode.val() || 'read') : null);
+    });
+    $link_mode.on('change', function () {
+        set_link_access($(this).val());
+    });
+    $copy_link.on('click', async function () {
+        if ( ! item_uid ) return;
+        try {
+            await window.copy_to_clipboard(share_link_for(
+                { owner: item_owner, uid: item_uid, name: item_name },
+                window.gui_origin,
+            ));
+            show_success(i18n('share_link_copied'));
+        } catch (e) {
+            show_error(e?.message ?? i18n('share_failed'));
+        }
+    });
+
+    $(el_window).on('click', '.share-btn', async function () {
+        // A team is named by uid; anything typed goes as-is, since a bare
+        // string is what the backend reads as an email or a username.
+        const chosen = picker.recipient();
+        if ( ! chosen ) return;
+
+        $(this).prop('disabled', true);
+        try {
+            const created = await with_verification_gate(() => puter.fs.share({
+                path: item_path,
+                recipient: chosen.value,
+                mode: $(el_window).find('.share-mode').val(),
+            }));
+            picker.clear();
+            $error.hide();
+            // `i18n()` encodes its replacements; encoding first would show the
+            // entities to anyone whose address or username contains one.
+            show_success(
+                i18n(SHARE_MESSAGE[share_outcome(created, shown_shares)], {
+                    recipient: chosen.label,
+                }),
+            );
+            picker.remember(chosen, created);
+            invalidate_shared_roots();
+            await refresh();
+        } catch (e) {
+            show_error(e?.message ?? i18n('share_failed'));
+        } finally {
+            $(this).prop('disabled', ! picker.recipient());
+        }
+    });
+
+    $(el_window).on('change', '.share-row-mode-select', async function () {
+        const team = row_teams.get($(this).attr('data-team'));
+        const holder = $(this).attr('data-holder');
+        const recipient = team ? { team: team.uid } : holder;
+        const name = team ? team_label(team) : holder;
+        const mode = $(this).val();
+        $(this).prop('disabled', true);
+        try {
+            await with_verification_gate(() => puter.fs.share({ path: item_path, recipient, mode }));
+            show_success(i18n('share_access_updated', { recipient: name }));
+            invalidate_shared_roots();
+            await refresh();
+        } catch (e) {
+            show_error(e?.message ?? i18n('share_failed'));
+            invalidate_shared_roots();
+            await refresh();
+        }
+    });
+
+    $(el_window).on('click', '.share-revoke', async function () {
+        const holder = $(this).attr('data-holder');
+        const is_pending = $(this).closest('.share-row').hasClass('share-row-pending');
+        const team = row_teams.get($(this).attr('data-team'));
+        // Losing a team's access is losing everyone in it at once, which
+        // the ordinary "remove {recipient}" wording would understate.
+        const removed_name = team ? team_label(team) : holder;
+        const confirmed = await UIAlert({
+            message: is_pending
+                ? i18n('share_confirm_cancel_invite', { recipient: holder })
+                : i18n(team ? 'share_confirm_remove_team' : 'share_confirm_remove', { recipient: removed_name }),
+            buttons: [
+                { label: i18n('share_remove'), value: true, type: 'primary' },
+                { label: i18n('cancel'), value: false },
+            ],
+            // Stack the confirmation with the dialog that opened it. In
+            // fullpage/dashboard mode this window is promoted to the
+            // stay-on-top band, where an alert defaulting to `stay_on_top:
+            // false` renders underneath it — leaving a confirmation the user
+            // can't reach without closing the dialog behind it.
+            parent_uuid: $(el_window).attr('data-element_uuid'),
+            stay_on_top: $(el_window).attr('data-stay_on_top') === 'true',
+        });
+        if ( ! confirmed ) return;
+        $(this).prop('disabled', true);
+        try {
+            await puter.fs.unshare(item_path, team ? { team: team.uid } : holder);
+            // `i18n()` encodes what it returns, replacements included, so the
+            // raw value goes in — encoding first would show the entities to
+            // anyone whose address or username contains one.
+            show_success(
+                is_pending
+                    ? i18n('share_invite_cancelled', { recipient: holder })
+                    : i18n('share_access_removed', { recipient: removed_name }),
+            );
+            invalidate_shared_roots();
+            await refresh();
+        } catch (e) {
+            show_error(e?.message ?? i18n('share_failed'));
+            $(this).prop('disabled', false);
+        }
+    });
+
+    // The uid the link is built on; the copy button waits for it.
+    if ( allow_manage && ! item_uid ) {
+        puter.fs.stat(item_path).then((stat) => {
+            item_uid = stat?.uid ?? null;
+            render_link_access();
+        }).catch(() => { /* the button just stays hidden */ });
+    }
+
+    // Teams first: the access list names its rows from them, and the recipient
+    // field suggests both them and the people in them.
+    teams = await teams_for_sharing();
+    picker.setTeams(teams);
+    // Not the encoded form: an attribute set from JS shows entities literally.
+    if ( teams.length ) $recipient.attr('placeholder', i18n('share_add_people_teams', [], false));
+    await refresh();
+    return el_window;
+}
+
+export default UIWindowShare;

src/gui/src/UI/UIWindowTaskManager.js

@@ -0,0 +1,244 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+import { END_HARD, END_SOFT } from '../definitions.js';
+import UIAlert from './UIAlert.js';
+import UIContextMenu from './UIContextMenu.js';
+import UIWindow from './UIWindow.js';
+
+const end_process = async (uuid, force) => {
+    const svc_process = globalThis.services.get('process');
+    const process = svc_process.get_by_uuid(uuid);
+    if ( ! process ) {
+        console.warn(`Can't end process with uuid='${uuid}': does not exist`);
+        return;
+    }
+
+    let confirmation;
+    if ( process.is_init() ) {
+        if ( ! force ) {
+            confirmation = i18n('close_all_windows_confirm');
+        } else {
+            confirmation = i18n('restart_puter_confirm');
+        }
+    } else if ( force ) {
+        confirmation = i18n('end_process_force_confirm');
+    }
+
+    if ( confirmation ) {
+        const alert_resp = await UIAlert({
+            message: confirmation,
+            buttons: [
+                {
+                    label: i18n('yes'),
+                    value: true,
+                    type: 'primary',
+                },
+                {
+                    label: i18n('no'),
+                    value: false,
+                },
+            ],
+        });
+        if ( ! alert_resp ) return;
+    }
+
+    process.signal(force ? END_HARD : END_SOFT);
+};
+
+const calculate_indent_string = (indent_level, is_last_item_stack, is_last_item) => {
+    // Returns a string of '| ├└'
+    let result = '';
+
+    for ( let i = 0; i < indent_level; i++ ) {
+        const last_cell = i === indent_level - 1;
+        const has_trunk = (last_cell && ( !is_last_item )) ||
+            (!last_cell && !is_last_item_stack[i + 1]);
+        const has_branch = last_cell;
+
+        if ( has_trunk && has_branch ) {
+            result += '├';
+        } else if ( has_trunk ) {
+            result += '|';
+        } else if ( has_branch ) {
+            result += '└';
+        } else {
+            result += ' ';
+        }
+    }
+
+    return result;
+};
+
+const generate_task_rows = (items, { indent_level, is_last_item_stack }) => {
+    const svc_process = globalThis.services.get('process');
+    let rows_html = '';
+
+    for ( let i = 0; i < items.length; i++ ) {
+        const item = items[i];
+        const is_last_item = i === items.length - 1;
+        const indentation = calculate_indent_string(indent_level, is_last_item_stack, is_last_item);
+
+        // Generate indentation HTML
+        let indentation_html = '';
+        for ( const c of indentation ) {
+            indentation_html += '<div class="indentcell">';
+            switch (c) {
+            case ' ':
+                break;
+            case '|':
+                indentation_html += '<div class="indentcell-trunk"></div>';
+                break;
+            case '└':
+                indentation_html += '<div class="indentcell-branch"></div>';
+                break;
+            case '├':
+                indentation_html += '<div class="indentcell-trunk"></div>';
+                indentation_html += '<div class="indentcell-branch"></div>';
+                break;
+            }
+            indentation_html += '</div>';
+        }
+
+        rows_html += `
+            <tr class="task-row" data-uuid="${item.uuid}">
+                <td>
+                    <div class="task">
+                        <div class="task-indentation">${indentation_html}</div>
+                        <div class="task-name">${item.name}</div>
+                    </div>
+                </td>
+                <td><span class="process-type">${i18n(`process_type_${ item.type}`)}</span></td>
+                <td><span class="process-status">${i18n(`process_status_${ item.status.i18n_key}`)}</span></td>
+            </tr>
+        `;
+
+        const children = svc_process.get_children_of(item.uuid);
+        if ( children ) {
+            rows_html += generate_task_rows(children, {
+                indent_level: indent_level + 1,
+                is_last_item_stack: [ ...is_last_item_stack, is_last_item ],
+            });
+        }
+    }
+
+    return rows_html;
+};
+
+const UIWindowTaskManager = async function UIWindowTaskManager () {
+    const svc_process = globalThis.services.get('process');
+
+    let h = '';
+
+    h += '<div class="task-manager-container">';
+    h += '<table>';
+    h += '<thead>';
+    h += '<tr>';
+    h += `<th>${i18n('taskmgr_header_name')}</th>`;
+    h += `<th>${i18n('taskmgr_header_type')}</th>`;
+    h += `<th>${i18n('taskmgr_header_status')}</th>`;
+    h += '</tr>';
+    h += '</thead>';
+    h += '<tbody class="taskmgr-taskarea">';
+    h += '</tbody>';
+    h += '</table>';
+    h += '</div>';
+
+    const el_window = await UIWindow({
+        title: i18n('task_manager'),
+        icon: globalThis.icons['cog.svg'],
+        uid: null,
+        is_dir: false,
+        single_instance: true,
+        app: 'taskmgr',
+        is_resizable: true,
+        is_droppable: false,
+        has_head: true,
+        selectable_body: true,
+        draggable_body: false,
+        allow_context_menu: false,
+        show_in_taskbar: true,
+        dominant: true,
+        body_content: h,
+        width: 350,
+        window_class: 'window-task-manager',
+        window_css: {
+            height: 'initial',
+        },
+        body_css: {
+            width: 'initial',
+            padding: '20px',
+            'background-color': `hsla(
+                var(--primary-hue),
+                var(--primary-saturation),
+                var(--primary-lightness),
+                var(--primary-alpha))`,
+            'backdrop-filter': 'blur(3px)',
+            'box-sizing': 'border-box',
+            height: 'calc(100% - 30px)',
+            display: 'flex',
+            'flex-direction': 'column',
+            '--scale': '2pt',
+            '--line-color': '#6e6e6ebd',
+            padding: '0',
+        },
+    });
+
+    const update_tasks = () => {
+        const processes = [svc_process.get_init()];
+        const rows_html = generate_task_rows(processes, { indent_level: 0, is_last_item_stack: [] });
+        $(el_window).find('.taskmgr-taskarea').html(rows_html);
+    };
+
+    // Set up context menu for task rows
+    $(el_window).on('contextmenu', '.task-row', function (e) {
+        e.preventDefault();
+        const uuid = $(this).data('uuid');
+        UIContextMenu({
+            items: [
+                {
+                    html: i18n('close'),
+                    onClick: () => {
+                        end_process(uuid);
+                    },
+                },
+                {
+                    html: i18n('force_quit'),
+                    onClick: () => {
+                        end_process(uuid, true);
+                    },
+                },
+            ],
+        });
+    });
+
+    // Initial task update
+    update_tasks();
+
+    // Set up interval to refresh tasks
+    const interval = setInterval(update_tasks, 500);
+
+    // Clean up interval when window is closed
+    $(el_window).on('close', () => {
+        clearInterval(interval);
+    });
+
+    return el_window;
+};
+
+export default UIWindowTaskManager;

src/gui/src/UI/UIWindowWelcome.js

@@ -0,0 +1,90 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import UIWindow from './UIWindow.js';
+
+async function UIWindowWelcome (options) {
+
+    options = options ?? {};
+
+    let h = '';
+    // close button containing the multiplication sign
+    h += '<div class="generic-close-window-button welcome-window-close-button"> &times; </div>';
+    h += '<div style="display:flex; flex-direction: colum;">';
+    h += '<div style="overflow: hidden; width: 200px; max-width: 200px; min-width: 200px; background: linear-gradient(45deg, #3d476b, #838eb7); min-height: 400px; padding: 20px; box-sizing: border-box;">';
+    h += '<img style="display: block; margin: 45px auto 0; width: 270px; opacity: 0.5;" src="data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%3F%3E%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20class%3D%22layer%22%3E%3Ctitle%3ELayer%201%3C%2Ftitle%3E%3Cg%20id%3D%22svg_1%22%20stroke-width%3D%221%22%20transform%3D%22rotate(90%2024%2023.9997)%22%3E%3Cpolyline%20fill%3D%22none%22%20id%3D%22svg_2%22%20points%3D%2239%2024%2025%2024%2025%2028%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3Cpolyline%20fill%3D%22none%22%20id%3D%22svg_3%22%20points%3D%2235.879%2010.121%2032%2014%2025%2014%2025%2018%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22m13%2C26a10.29%2C10.29%200%200%201%20-7.2%2C-3%22%20fill%3D%22none%22%20id%3D%22svg_4%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22m17%2C31.6a5.83%2C5.83%200%200%201%20-4%2C-5.6a5.73%2C5.73%200%200%201%202%2C-4.4%22%20fill%3D%22none%22%20id%3D%22svg_5%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22m35.88%2C37.88l-3.88%2C-3.88l-7%2C0l0%2C2a9.9%2C9.9%200%200%201%20-10%2C10a9.9%2C9.9%200%200%201%20-10%2C-10a9.06%2C9.06%200%200%201%200.6%2C-3.2a5.63%2C5.63%200%200%201%20-2.6%2C-4.8a5.89%2C5.89%200%200%201%202.8%2C-5a9.99%2C9.99%200%200%201%20-2.8%2C-7a9.9%2C9.9%200%200%201%2010%2C-10l0.4%2C0a5.83%2C5.83%200%200%201%205.6%2C-4a5.89%2C5.89%200%200%201%206%2C6%22%20fill%3D%22none%22%20id%3D%22svg_6%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%228%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20id%3D%22svg_7%22%20r%3D%223%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2224%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20id%3D%22svg_8%22%20r%3D%223%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2240%22%20data-color%3D%22color-2%22%20fill%3D%22none%22%20id%3D%22svg_9%22%20r%3D%223%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E">';
+    h += '</div>';
+    h += '<div style="flex-grow: 1; padding-left: 50px; padding-top: 70px; padding-right: 50px;">';
+    h += `<h1 style="font-size: 25px; font-weight: 300; -webkit-font-smoothing: antialiased; color: #545763;">${i18n('welcome_title')}</h1>`;
+    h += `<p style="margin-top: 25px; font-size: 16px; font-weight: 300; -webkit-font-smoothing: antialiased; color: #3e4251;">${i18n('welcome_description')}</p>`;
+    h += `<button class="welcome-window-get-started" style="font-size: 15px; font-weight: 300; -webkit-font-smoothing: antialiased; cursor: pointer; padding: 8px 20px; border-radius: 5px; text-decoration: none; margin-right: 20px; border: 1px solid #656565 !important; background: none; margin-top: 10px;">${i18n('welcome_get_started')}</button>`;
+    h += '<div class="welcome-window-footer">';
+    h += `<a href="/terms" target="_blank">${i18n('welcome_terms')}</a>`;
+    h += `<a href="/privacy" style="margin-left: 20px;" target="_blank">${i18n('welcome_privacy')}</a>`;
+    h += `<a href="https://developer.puter.com" style="margin-left: 20px;" target="_blank">${i18n('welcome_developers')}</a>`;
+    h += `<a href="https://github.com/heyputer/puter" style="margin-left: 20px;" target="_blank">${i18n('welcome_open_source')}</a>`;
+    h += '</div>';
+    h += '</div>';
+    h += '</div>';
+
+    const el_window = await UIWindow({
+        title: i18n('welcome_instant_login_title'),
+        app: 'instant-login',
+        single_instance: true,
+        icon: null,
+        uid: null,
+        is_dir: false,
+        body_content: h,
+        has_head: false,
+        selectable_body: false,
+        allow_context_menu: false,
+        is_resizable: false,
+        is_droppable: false,
+        init_center: true,
+        allow_native_ctxmenu: false,
+        allow_user_select: false,
+        backdrop: true,
+        close_on_backdrop_click: false,
+        backdrop_covers_toolbar: true,
+        width: 650,
+        height: 'auto',
+        dominant: true,
+        show_in_taskbar: false,
+        draggable_body: true,
+        fadeIn: 1000,
+        window_class: 'window-welcome',
+        on_close: function () {
+            // save the fact that the user has seen the welcome window
+            puter.kv.set('has_seen_welcome_window', true).catch(err => console.warn('Could not save has_seen_welcome_window:', err));
+        },
+        body_css: {
+            width: 'initial',
+            height: '100%',
+            'background-color': 'rgb(245 247 249)',
+            'backdrop-filter': 'blur(3px)',
+            padding: '0',
+        },
+    });
+
+    $(document).on('click', '.welcome-window-get-started', function () {
+        $(el_window).close();
+    });
+}
+
+export default UIWindowWelcome;

src/gui/src/css/dashboard.css

@@ -3343,7 +3343,8 @@ p.myapps-add-error {
 }
 
 /* -- Share modal --
-   A centered card on desktop, a bottom sheet on mobile. Mirrors the item
+   Responsive, from-scratch replacement for UIWindowShare in the Dashboard:
+   a centered card on desktop, a bottom sheet on mobile. Mirrors the item
    properties modal's shell so the two read as one system. */
 .share-modal-overlay {
     position: fixed;
@@ -3704,8 +3705,9 @@ select.share-modal-row-mode:disabled {
     font-size: 16px;
 }
 
-/* Recipient suggestions. The structure lives in style.css; only the palette
-   is set here so the list picks up the dashboard's tokens in both themes. */
+/* Recipient suggestions. The structure lives in style.css, shared with the
+   desktop share dialog; only the palette is restated here so the list picks
+   up the dashboard's tokens in both themes. */
 .share-modal {
     --share-suggest-bg: var(--dashboard-card-background);
     --share-suggest-border: var(--dashboard-border);
@@ -8691,6 +8693,13 @@ body.myapps-reordering .myapps-tile {
     margin-left: auto;
 }
 
+/* Dashboard mode runs fullpage (which normally hides the minimize button
+   because there's no taskbar to restore from), but here a minimized app can
+   be brought back from its Apps-tab tile — so keep the button available. */
+body.dashboard-mode .window-minimize-btn {
+    display: inline;
+}
+
 /* Fullpage mode sizes .window-body-app to 100% because fullpage windows have
    no titlebar — but dashboard-mode app windows WITH a head still lose 29px to
    it, so compensate for those. Headless dashboard app windows

src/gui/src/extensions/modify-user-options-menu.js

@@ -0,0 +1,54 @@
+/*
+ * Copyright (C) 2024-present Puter Technologies Inc.
+ *
+ * This file is part of Puter.
+ *
+ * Puter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+console.debug('[puter] modify-user-options-menu loaded');
+
+$(window).on('ctxmenu-will-open', (event) => {
+    if ( event.detail.options?.id === 'user-options-menu' ) {
+        // Define array of new menu items
+        const newMenuItems = [
+            // Separator
+            '-',
+            // 'Developer', opens developer site in new tab
+            {
+                id: 'go_to_developer_site',
+                html: 'Developer<svg style="width: 11px; height: 11px; margin-left:2px;" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="m26 28h-20a2.0027 2.0027 0 0 1 -2-2v-20a2.0027 2.0027 0 0 1 2-2h10v2h-10v20h20v-10h2v10a2.0027 2.0027 0 0 1 -2 2z"/><path d="m20 2v2h6.586l-8.586 8.586 1.414 1.414 8.586-8.586v6.586h2v-10z"/><path d="m0 0h32v32h-32z" fill="none"/></svg>',
+                html_active: 'Developer<svg style="width: 11px; height: 11px; margin-left:2px;" height="32" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"> <path d="m26 28h-20a2.0027 2.0027 0 0 1 -2-2v-20a2.0027 2.0027 0 0 1 2-2h10v2h-10v20h20v-10h2v10a2.0027 2.0027 0 0 1 -2 2z" style="fill: rgb(255, 255, 255);"/> <path d="m20 2v2h6.586l-8.586 8.586 1.414 1.414 8.586-8.586v6.586h2v-10z" style="fill: rgb(255, 255, 255);"/> <path d="m0 0h32v32h-32z" fill="none"/> </svg>',
+                action: function () {
+                    window.open('https://developer.puter.com', '_blank');
+                },
+            },
+        ];
+
+        // Find the position of 'contact_us'
+        const items = event.detail.options.items;
+        const insertBeforeIndex = items.findIndex(item => item.id === 'contact_us');
+
+        // 'contact_us' not found, append new items at the end
+        if ( insertBeforeIndex === -1 ) {
+            event.detail.options.items = [...items, ...newMenuItems];
+            return;
+        }
+
+        // 'contact_us' found, insert new items before it
+        const firstHalf = items.slice(0, insertBeforeIndex);
+        const secondHalf = items.slice(insertBeforeIndex);
+        event.detail.options.items = [...firstHalf, ...newMenuItems, ...secondHalf];
+    }
+});

src/gui/src/globals.js

@@ -114,6 +114,8 @@ if ( window.user_preferences === null ) {
 
 window.window_stack = [];
 window.toolbar_height = 0;
+window.default_taskbar_height = 50;
+window.taskbar_height = window.default_taskbar_height;
 window.upload_progress_hide_delay = 500;
 window.active_uploads = {};
 window.copy_progress_hide_delay = 1000;
@@ -157,12 +159,14 @@ window.child_launch_callbacks = {};
 // Is puter being loaded inside an iframe?
 if ( window.location !== window.parent.location ) {
     window.is_embedded = true;
+    // taskbar is not needed in embedded mode
+    window.taskbar_height = 0;
 } else {
     window.is_embedded = false;
 }
 
 // calculate desktop height and width
-window.desktop_height = window.innerHeight - window.toolbar_height;
+window.desktop_height = window.innerHeight - window.toolbar_height - window.taskbar_height;
 window.desktop_width = window.innerWidth;
 
 // {id: {left: 0, top: 0}}
@@ -176,7 +180,7 @@ $(window).on( 'resize', function () {
     if ( window.a_window_is_resizing ) return;
     if ( window.a_window_sidebar_is_resizing ) return;
 
-    const new_desktop_height = window.innerHeight - window.toolbar_height;
+    const new_desktop_height = window.innerHeight - window.toolbar_height - window.taskbar_height;
     const new_desktop_width = window.innerWidth;
 
     window.desktop_height = new_desktop_height;
@@ -184,7 +188,7 @@ $(window).on( 'resize', function () {
 
     // Update all maximized windows to fit the new viewport
     $('.window[data-is_maximized="1"]').each(function () {
-        window.update_maximized_window(this);
+        window.update_maximized_window_for_taskbar(this);
     });
 });
 

src/gui/src/helpers.js

@@ -615,7 +615,7 @@ window.check_fsentry_against_allowed_file_types_string = function (fsentry, allo
 window.refresh_user_data = async (auth_token) => {
     let whoami;
     try {
-        whoami = await puter.os.user();
+        whoami = await puter.os.user({ query: 'icon_size=64' });
     } catch (e) {
         // Ignored
     }
@@ -677,7 +677,6 @@ window.update_auth_data = async (auth_token, user) => {
 
     const to_storable_user = user => {
         const storable_user = { ...user };
-        // Older sessions stored taskbar_items, with app icons, in these copies.
         delete storable_user.taskbar_items;
         return storable_user;
     };
@@ -748,6 +747,11 @@ window.update_auth_data = async (auth_token, user) => {
     window.public_path = `/${ window.user.username }/Public`;
     window.shared_path = 'puter://shared';
 
+    if ( window.user !== null && !window.user.is_temp ) {
+        $('.user-options-login-btn, .user-options-create-account-btn').hide();
+        $('.user-options-menu-btn').show();
+    }
+
     // Search and store user templates (non-blocking)
     window.available_templates();
 };
@@ -1727,13 +1731,14 @@ window.trigger_download = (paths) => {
 
 /**
  * Updates every Trash icon in the UI to reflect whether the trash is empty:
- * desktop items (and shortcuts to Trash), open explorer window head icons,
- * and the Dashboard's Files-tab sidebar.
+ * the taskbar item, desktop items (and shortcuts to Trash), open explorer
+ * window head icons, and the Dashboard's Files-tab sidebar.
  *
  * @param {boolean} is_empty - Whether the trash is empty
  */
 window.update_trash_icons = function (is_empty) {
     const icon = is_empty ? window.icons['trash.svg'] : window.icons['trash-full.svg'];
+    $('[data-app="trash"]').find('.taskbar-icon > img').attr('src', icon);
     $(`.item[data-path="${html_encode(window.trash_path)}" i], .item[data-shortcut_to_path="${html_encode(window.trash_path)}" i]`).find('.item-icon > img').attr('src', icon);
     $(`.window[data-path="${html_encode(window.trash_path)}" i]`).find('.window-head-icon').attr('src', icon);
     $('.directories [data-folder="Trash"] img').attr('src', icon);
@@ -2027,6 +2032,7 @@ window.move_items = async function (el_items, dest_path, is_undo = false) {
                     if ( $(el_item).attr('data-is_dir') === '1' ) {
                         // Its websites stay registered: the server doesn't
                         // serve a root in Trash, and restoring brings them back.
+                        $(`.mywebsites-dir-path[data-uuid="${$(el_item).attr('data-uid')}"]`).remove();
                         // remove the website badge from all instances of the dir
                         $(`.item[data-uid="${$(el_item).attr('data-uid')}"]`).find('.item-has-website-badge').fadeOut(300);
                     }
@@ -2189,6 +2195,37 @@ window.move_items = async function (el_items, dest_path, is_undo = false) {
     }
 };
 
+/**
+ * Refreshes the desktop background based on the user's settings.
+ * If the user has set a custom desktop background URL or color, it will use that.
+ * If not, it defaults to a specific wallpaper image.
+ *
+ * @global
+ * @function
+ * @fires set_desktop_background - Calls this global function to set the desktop background.
+ *
+ * @example
+ * // This will refresh the desktop background according to the user's preference or defaults.
+ * window.refresh_desktop_background();
+ */
+window.refresh_desktop_background = function () {
+    if ( window.user && (window.user.desktop_bg_url !== null || window.user.desktop_bg_color !== null) ) {
+        window.set_desktop_background({
+            url: window.user.desktop_bg_url,
+            fit: window.user.desktop_bg_fit,
+            color: window.user.desktop_bg_color,
+        });
+    }
+    // default background
+    else {
+        let wallpaper = (window.gui_env === 'prod') ? 'https://puter-assets.b-cdn.net/wallpaper.webp' : '/src/images/wallpaper.webp';
+        window.set_desktop_background({
+            url: wallpaper,
+            fit: 'cover',
+        });
+    }
+};
+
 window.determine_website_url = function (fsentry_path) {
     // The address an item has under a site serving a folder above it. The
     // site's folder and address come with its root_dir.

src/gui/src/helpers/appIcon.js

@@ -29,8 +29,8 @@ const FALLBACK_ATTR = 'data-icon-fallback';
 /**
  * Pick the URL to load an app's icon from, plus the one URL to retry with.
  *
- * @param {Object} app - App record from the backend (launch app, installedApps
- *   row). Reads `iconCdnUrl` and `iconUrl`/`icon`.
+ * @param {Object} app - App record from the backend (taskbar item, launch app,
+ *   installedApps row). Reads `iconCdnUrl` and `iconUrl`/`icon`.
  * @param {string} [defaultIcon] - Used when the app carries no icon at all.
  * @returns {{ src: string; fallback: string }} `fallback` is empty when there
  *   is nothing left to try.

src/gui/src/helpers/generateFileContextMenu.js

@@ -20,7 +20,10 @@
 import UIAlert from '../UI/UIAlert.js';
 
 import UIWindowItemProperties from '../UI/UIWindowItemProperties.js';
+import UIWindowPublishWorker from '../UI/UIWindowPublishWorker.js';
+import UIWindowShare from '../UI/UIWindowShare.js';
 import publish_as_website from './publishAsWebsite.js';
+import ensure_can_publish from './ensureCanPublish.js';
 import open_item from './openItem.js';
 import openWithAI from './openWithAI.js';
 import launch_app from './launchApp.js';
@@ -43,9 +46,9 @@ import { is_default_app } from './defaultApp.js';
  * @param {Function} options.onOpen - Optional custom open handler (used by Dashboard)
  * @param {boolean} options.openWithInNewTab - Open the "Open With" apps in a new browser tab instead of an in-page window (used by Dashboard)
  * @param {Function} options.onShowProperties - Optional custom properties handler (used by Dashboard); receives {name, path, uid, element}
- * @param {Function} options.onShare - Opens sharing for the item; Share is left out of the menu without it. Receives {name, path, uid, element}
+ * @param {Function} options.onShare - Optional custom share handler (used by Dashboard); receives {name, path, uid, element}
  * @param {Function} options.onPublishWebsite - Optional custom publish-as-website handler (used by Dashboard); receives {uid, name, path}
- * @param {Function} options.onPublishWorker - Publishes the file as a worker; Publish as Worker is left out of the menu without it. Receives {uid, name, path}
+ * @param {Function} options.onPublishWorker - Optional custom publish-as-worker handler (used by Dashboard); receives {uid, name, path}
  * @param {Function} options.onPasteInto - Optional custom paste handler (used by Dashboard); receives the folder's path
  * @param {Function} options.onRemovedFromShared - Optional, called once Remove from Shared has dropped the user's own access (used by Dashboard)
  * @returns {Promise<Array>} Array of context menu items
@@ -161,16 +164,22 @@ const generate_file_context_menu = async function (options) {
     // Publish as Worker
     // -------------------------------------------
     // The backend refuses deploys from a file someone else owns.
-    if ( !is_trashed && !is_trash && !is_not_mine && !fsentry.is_dir && $(el_item).attr('data-name').toLowerCase().endsWith('.js') && options.onPublishWorker ) {
+    if ( !is_trashed && !is_trash && !is_not_mine && !fsentry.is_dir && $(el_item).attr('data-name').toLowerCase().endsWith('.js') ) {
         menu_items.push({
             html: i18n('publish_as_serverless_worker'),
             disabled: is_worker,
-            onClick: function () {
-                options.onPublishWorker({
+            onClick: async function () {
+                const target = {
                     uid: fsentry.uid,
                     name: $(el_item).attr('data-name'),
                     path: $(el_item).attr('data-path'),
-                });
+                };
+                if ( options.onPublishWorker ) {
+                    options.onPublishWorker(target);
+                    return;
+                }
+                if ( ! await ensure_can_publish(true) ) return;
+                UIWindowPublishWorker(target.uid, target.name, target.path);
             },
         });
     }
@@ -212,15 +221,25 @@ const generate_file_context_menu = async function (options) {
     // -------------------------------------------
     // Share
     // -------------------------------------------
-    if ( !is_trash && !is_trashed && may_share && options.onShare ) {
+    if ( !is_trash && !is_trashed && may_share ) {
         menu_items.push({
             html: i18n('share_ellipsis'),
             onClick: async function () {
-                options.onShare({
-                    name: $(el_item).attr('data-name'),
+                // The Dashboard swaps in its own responsive modal via this hook;
+                // everywhere else falls back to the desktop share window.
+                if ( options.onShare ) {
+                    options.onShare({
+                        name: $(el_item).attr('data-name'),
+                        path: $(el_item).attr('data-path'),
+                        uid: $(el_item).attr('data-uid'),
+                        element: el_item,
+                    });
+                    return;
+                }
+
+                UIWindowShare({
                     path: $(el_item).attr('data-path'),
-                    uid: $(el_item).attr('data-uid'),
-                    element: el_item,
+                    name: $(el_item).attr('data-name'),
                 });
             },
         });
@@ -465,7 +484,7 @@ const generate_file_context_menu = async function (options) {
             left = left > (window.innerWidth - window_width) ? (window.innerWidth - window_width) : left;
 
             let top = $(el_item).position().top + $(el_item).height();
-            top = top > (window.innerHeight - (window_height + window.toolbar_height)) ? (window.innerHeight - (window_height + window.toolbar_height)) : top;
+            top = top > (window.innerHeight - (window_height + window.taskbar_height + window.toolbar_height)) ? (window.innerHeight - (window_height + window.taskbar_height + window.toolbar_height)) : top;
 
             UIWindowItemProperties(
                 $(el_item).attr('data-name'),

src/gui/src/helpers/generateFileContextMenu.test.js

@@ -23,15 +23,18 @@ import jQuery from '../lib/jquery-3.6.1/jquery-3.6.1.min.js';
 
 vi.mock('../UI/UIAlert.js', () => ({ default: vi.fn() }));
 vi.mock('../UI/UIWindowItemProperties.js', () => ({ default: vi.fn() }));
+vi.mock('../UI/UIWindowPublishWorker.js', () => ({ default: vi.fn() }));
+vi.mock('../UI/UIWindowShare.js', () => ({ default: vi.fn() }));
 vi.mock('./publishAsWebsite.js', () => ({ default: vi.fn() }));
+vi.mock('./ensureCanPublish.js', () => ({ default: vi.fn() }));
 vi.mock('./openItem.js', () => ({ default: vi.fn() }));
 vi.mock('./openWithAI.js', () => ({ default: vi.fn() }));
 vi.mock('./launchApp.js', () => ({ default: vi.fn() }));
-vi.mock('./pathOwner.js', () => ({ is_owned_by_me: vi.fn(() => false) }));
+vi.mock('./pathOwner.js', () => ({ is_owned_by_me: () => false }));
 vi.mock('./sharedAccess.js', () => ({
     can_rename: async () => false,
     can_restructure: async () => false,
-    can_share: vi.fn(async () => false),
+    can_share: async () => false,
     invalidate_shared_roots: vi.fn(),
 }));
 
@@ -49,8 +52,6 @@ const { default: generate_file_context_menu } =
     await import('./generateFileContextMenu.js');
 const { default: launch_app } = await import('./launchApp.js');
 const { default: UIAlert } = await import('../UI/UIAlert.js');
-const { can_share } = await import('./sharedAccess.js');
-const { is_owned_by_me } = await import('./pathOwner.js');
 
 const sharedRow = () => {
     const row = document.createElement('div');
@@ -88,62 +89,6 @@ it('does not offer it on a share held through a team', async () => {
     );
 });
 
-describe('Share', () => {
-    const shareItem = async (options) => {
-        can_share.mockResolvedValueOnce(true);
-        const items = await generate_file_context_menu({
-            element: sharedRow(),
-            fsentry: { name: 'notes.txt', path: '/ann/uid-1/notes.txt' },
-            associated_app_name: 'editor',
-            ...options,
-        });
-        return items.find((item) => item !== '-' && item.html === 'share_ellipsis');
-    };
-
-    it('hands the item to onShare', async () => {
-        const onShare = vi.fn();
-        await (await shareItem({ onShare })).onClick();
-        expect(onShare).toHaveBeenCalledWith(expect.objectContaining({
-            name: 'notes.txt',
-            path: '/ann/uid-1/notes.txt',
-        }));
-    });
-
-    it('is left out without onShare', async () => {
-        expect(await shareItem({})).toBeUndefined();
-    });
-});
-
-describe('Publish as Worker', () => {
-    const publishItem = async (options) => {
-        is_owned_by_me.mockReturnValueOnce(true);
-        const row = document.createElement('div');
-        row.setAttribute('data-path', '/me/worker.js');
-        row.setAttribute('data-name', 'worker.js');
-        const items = await generate_file_context_menu({
-            element: row,
-            fsentry: { uid: 'file-1', name: 'worker.js', path: '/me/worker.js' },
-            associated_app_name: 'editor',
-            ...options,
-        });
-        return items.find((item) => item !== '-' && item.html === 'publish_as_serverless_worker');
-    };
-
-    it('hands the file to onPublishWorker', async () => {
-        const onPublishWorker = vi.fn();
-        await (await publishItem({ onPublishWorker })).onClick();
-        expect(onPublishWorker).toHaveBeenCalledWith({
-            uid: 'file-1',
-            name: 'worker.js',
-            path: '/me/worker.js',
-        });
-    });
-
-    it('is left out without onPublishWorker', async () => {
-        expect(await publishItem({})).toBeUndefined();
-    });
-});
-
 describe('Remove from Shared', () => {
     const remove = async (fsentry) => {
         const row = sharedRow();

src/gui/src/helpers/launchApp.js

@@ -625,7 +625,7 @@ const runLaunch = async (options) => {
             window_height = parseFloat(app_info.metadata.window_size.height);
         } if ( options.maximized )
         {
-            window_height = `calc(100% - ${window.toolbar_height + 1}px)`;
+            window_height = `calc(100% - ${window.taskbar_height + window.toolbar_height + 1}px)`;
         }
 
         // top
@@ -678,6 +678,18 @@ const runLaunch = async (options) => {
             title = options.file_path ? path.basename(options.file_path) : title;
         }
 
+        // show_in_taskbar
+        // Deliberately keyed on the app's own `background`, not on this launch's:
+        // an app that always runs windowless has nothing to put in the taskbar,
+        // ever. A background *launch* is a normal app that happens to start
+        // hidden, so it keeps asking for an item — UIWindow just holds it back
+        // until the window is first shown (see its taskbar block).
+        let show_in_taskbar = app_info.background ? false : window_options?.show_in_taskbar;
+        if ( window_options?.show_in_taskbar !== undefined )
+        {
+            show_in_taskbar = window_options.show_in_taskbar;
+        }
+
         // has_head
         let has_head = app_info.metadata?.has_head !== undefined ? app_info.metadata.has_head : window_options?.has_head;
         if ( app_info.metadata?.hide_titlebar !== undefined && typeof app_info.metadata.hide_titlebar === 'boolean' && app_info.metadata.hide_titlebar === true )
@@ -736,6 +748,7 @@ const runLaunch = async (options) => {
             ...window_options,
             is_resizable: window_resizable,
             has_head: has_head,
+            show_in_taskbar: show_in_taskbar,
             update_window_url: update_window_url,
             custom_path: custom_path,
         });

src/gui/src/helpers/openItem.js

@@ -276,9 +276,9 @@ Please try recreating the link.`);
         }
     }
     //----------------------------------------------------------------
-    // Dashboard: is this file already open in an app window? The
-    // file's row is where a user goes looking for a window they
-    // minimized, so restore that
+    // Dashboard: is this file already open in an app window? In
+    // dashboard mode there is no taskbar — the file's row is where a
+    // user goes looking for a window they minimized — so restore that
     // window (edits intact) instead of minting a second instance.
     //----------------------------------------------------------------
     // The user's own windows only: a file opened in an instance another app
@@ -323,7 +323,7 @@ Please try recreating the link.`);
             app: 'explorer',
             top: options.maximized ? 0 : undefined,
             left: options.maximized ? 0 : undefined,
-            height: options.maximized ? `calc(100% - ${window.toolbar_height + 1}px)` : undefined,
+            height: options.maximized ? `calc(100% - ${window.taskbar_height + window.toolbar_height + 1}px)` : undefined,
             width: options.maximized ? '100%' : undefined,
         });
     }

src/gui/src/helpers/shareRecipientPicker.js

@@ -23,10 +23,10 @@ import { colleagues_for_sharing } from './shareTeams.js';
 import { recent_recipients, remember_recipient } from './shareRecents.js';
 import { build_suggestions, recipient_for } from './shareSuggest.js';
 
-// Turns the share modal's recipient field into one control for every kind of
+// Turns the sharing dialogs' recipient field into one control for every kind of
 // recipient: a colleague, a whole team, someone shared with before, or an
-// address typed from scratch. The host styles the `share-suggest-*` classes
-// through its own tokens.
+// address typed from scratch. Shared by both dialogs so the two can't drift;
+// each styles the `share-suggest-*` classes through its own tokens.
 
 const teamIcon = `<svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/></svg>`;
 const clearIcon = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>`;
@@ -77,7 +77,7 @@ export default function shareRecipientPicker ({
     const list_id = `share-suggest-list-${++picker_seq}`;
 
     const $field = $('<div class="share-suggest-field"></div>');
-    // The share modal focuses this field as it opens, and an element that leaves
+    // Both dialogs focus this field as they open, and an element that leaves
     // the document — which is what moving it into the wrapper does — takes its
     // focus with it. Put it back rather than leaving the caller to notice.
     const had_focus = document.activeElement === $input.get(0);
@@ -360,8 +360,8 @@ export default function shareRecipientPicker ({
 
     // -- Input wiring --
 
-    // Opened by a real interaction, not by focus: the share modal focuses this
-    // field as it opens, and a list unfurled before the user has looked at the
+    // Opened by a real interaction, not by focus: both dialogs focus this field
+    // as they open, and a list unfurled before the user has looked at the
     // dialog would push everything else out of view.
     $input.on('click', () => open_list());
 

src/gui/src/helpers/shareRecipientPicker.test.js

@@ -37,7 +37,7 @@ beforeAll(async () => {
 /** Every picker this test mounted, so none outlives its case. */
 let mounted = [];
 
-/** Renders a recipient row and attaches a picker to it. */
+/** Renders the markup both dialogs share and attaches a picker to it. */
 const mount = ({ focus_first = false, ...opts } = {}) => {
     document.body.innerHTML = `
         <div class="host">
@@ -47,7 +47,7 @@ const mount = ({ focus_first = false, ...opts } = {}) => {
             </div>
         </div>`;
     const $input = $('.recipient');
-    // The share modal focuses the field before the picker is wired onto it.
+    // Both dialogs focus the field before the picker is wired onto it.
     if ( focus_first ) $input.get(0).focus();
     const picker = shareRecipientPicker({
         $input,
@@ -111,7 +111,7 @@ describe('wiring onto the field', () => {
 describe('opening the list', () => {
     it('stays shut until the field is actually used', async () => {
         const { $input } = mount();
-        // The share modal focuses this field as it opens; that must not unfurl a
+        // Both dialogs focus this field as they open; that must not unfurl a
         // list over everything else before the user has looked at the dialog.
         $input.trigger('focus');
         await settle();

src/gui/src/helpers/startsHidden.js

@@ -23,9 +23,10 @@
  * for one (`puter.ui.launchApp(name, args, { background: true })`), which lets a
  * dual-purpose app serve another app without a window flashing on screen.
  *
- * Either way the window starts out of sight and out of reach: no running dot,
- * and not what reopening the app finds (see user_facing_windows). It earns both
- * the moment it first becomes visible.
+ * Either way the window starts out of sight and out of reach: no taskbar item,
+ * no running dot, and not what reopening the app finds (see
+ * user_facing_windows) — it earns all three the moment it first becomes
+ * visible, and an always-windowless app never asks for a taskbar item at all.
  *
  * @param {{ background?: boolean }} [appInfo] the app record being launched
  * @param {{ background?: boolean }} [options] this launch's options

src/gui/src/helpers/windowVisibility.js

@@ -83,7 +83,7 @@ export const is_unseen_background_window = (el_window) => {
  * Of the windows an app has open, the ones that are the USER's. An instance
  * another app launched in the background and never showed exists to serve that
  * app alone, so everything the user drives — reopening the app, its running
- * dot, the dashboard's Back/Forward — has to look straight
+ * dot, its taskbar item, the dashboard's Back/Forward — has to look straight
  * past it and act on the user's own instances instead, launching a fresh one
  * when there are none. (Paths that act on the APP rather than on a window it
  * happens to have open — uninstall, and the launcher's close taking its

src/gui/src/helpers/windowVisibility.test.js

@@ -132,7 +132,7 @@ describe('user_facing_windows', () => {
 
     it('keeps a background instance once it has been shown', () => {
         // makeWindowVisible drops the marker: from then on the window is the
-        // user's, and the tile and history paths act on it again.
+        // user's, and the tile/taskbar/history paths act on it again.
         const shown = win({ visible: '1', parent: 'parent-uuid' });
         expect(user_facing_windows([shown])).toEqual([shown]);
     });

src/gui/src/i18n/i18nChangeLanguage.js

@@ -17,20 +17,14 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-/**
- * Saves the account's language and reloads the page in it.
- *
- * @param {string} lang A language code from `listSupportedLanguages()`.
- * @returns {Promise<boolean>} `false` if the language couldn't be saved.
- */
 async function changeLanguage (lang) {
-    if ( !lang || window.locale === lang ) return true;
+    if ( !lang || window.locale === lang ) return;
     // Shell strings are rendered once. Persist first, then reload.
     try {
         await puter.kv.set('user_preferences.language', lang);
     } catch (err) {
         console.warn('Could not save user_preferences.language:', err);
-        return false;
+        return;
     }
     window.locale = lang;
     try {
@@ -41,7 +35,6 @@ async function changeLanguage (lang) {
         console.warn('Could not apply user_preferences.language:', err);
     }
     location.reload();
-    return true;
 }
 
 export default changeLanguage;

src/gui/src/i18n/translations/ar.js

@@ -29,17 +29,25 @@ const ar = {
         add_another_account: 'إضافة حساب آخر',
         all_fields_required: '.جميع الحقول مطلوبة',
         allow: 'السماح',
+        apply: 'تطبيق',
         ascending: 'تصاعدي',
         associated_websites: 'المواقع المرتبطة',
         auto_arrange: 'ترتيب تلقائي',
+        background: 'خلفية',
+        browse: 'تصفح',
         cancel: 'إلغاء',
+        center: 'مركز',
+        change_desktop_background: '...تغيير خلفية سطح المكتب',
         change_email: 'تغيير البريد الإلكتروني',
         change_language: 'تغيير اللغة',
         change_password: 'تغيير كلمة المرور',
         change_username: 'تغيير اسم المستخدم',
         close: 'إغلاق',
+        close_all_windows: 'إغلاق جميع النوافذ',
+        close_all_windows_confirm: 'هل أنت متأكد أنك تريد إغلاق جميع النوافذ؟',
         close_all_windows_and_log_out: 'إغلاق النوافذ وتسجيل الخروج',
         change_always_open_with: 'هل تريد دائمًا فتح هذا النوع من الملفات باستخدام',
+        color: 'لون',
         confirm: 'تأكيد',
         confirm_2fa_setup: 'لقد أضفت الرمز إلى تطبيق المصادقة',
         confirm_2fa_recovery: 'لقد حفظت رموز الاسترداد في مكان آمن',
@@ -69,11 +77,13 @@ const ar = {
         contact_us: 'اتصل بنا',
         contact_us_verification_required:
       '.يجب أن يكون لديك عنوان بريد إلكتروني مُؤكد لاستخدام هذه الخدمة',
+        contain: 'احتواء',
         continue: 'استمر',
         copy: 'نسخ',
         copy_link: 'نسخ الرابط',
         copying: 'جارٍ النسخ',
         copying_file: '%%جارٍ نسخ',
+        cover: 'تغطية',
         create_account: 'إنشاء حساب',
         create_free_account: 'إنشاء حساب مجاني',
         create_shortcut: 'إنشاء اختصار',
@@ -83,6 +93,7 @@ const ar = {
         close_all: 'إغلاق الكل',
         created: 'تم الإنشاء',
         date_modified: 'تاريخ التعديل',
+        default: 'افتراضي',
         delete: 'حذف',
         delete_account: 'حذف الحساب',
         delete_permanently: 'حذف نهائي',
@@ -96,6 +107,7 @@ const ar = {
         disable_2fa: 'تعطيل المصادقة الثنائية',
         disable_2fa_confirm: 'هل أنت متأكد أنك تريد تعطيل المصادقة الثنائية؟',
         disable_2fa_instructions: '.أدخل كلمة المرور لتعطيل المصادقة الثنائية',
+        disassociate_dir: 'فصل الدليل',
         documents: 'المستندات',
         dont_allow: 'عدم السماح',
         download: 'تنزيل',
@@ -113,6 +125,8 @@ const ar = {
         emptying_trash: '...جارٍ إفراغ سلة المهملات',
         enable_2fa: 'تمكين المصادقة الثنائية',
         end_hard: 'إنهاء صعب',
+        end_process_force_confirm:
+      'هل أنت متأكد أنك تريد إنهاء هذه العملية بالقوة؟',
         end_soft: 'إنهاء سلس',
         enlarged_qr_code: 'كود QR مكبر',
         enter_password_to_confirm_delete_user: 'أدخل كلمة المرور لتأكيد حذف الحساب',
@@ -125,33 +139,40 @@ const ar = {
       'يرجى استخدام النموذج أدناه لإرسال ملاحظاتك وتعليقاتك وتقرير الأخطاء',
         feedback_sent_confirmation:
       '.شكرًا لتواصلك معنا. إذا كان لديك بريد إلكتروني مرتبط بحسابك، ستتلقى ردًا منا في أقرب وقت ممكن',
+        fit: 'ملائمة',
         folder: 'مجلد',
+        force_quit: 'إنهاء بالقوة',
         forgot_pass_c2a: 'هل نسيت كلمة المرور؟',
         from: 'من',
         general: 'عام',
         get_a_copy_of_on_puter: "Puter.com! :احصل على نسخة من '%%' على",
         get_copy_link: 'احصل على رابط النسخ',
+        hide_all_windows: 'إخفاء جميع النوافذ',
         home: 'الصفحة الرئيسية',
         html_document: 'HTML مستند',
         hue: 'درجة اللون',
+        image: 'صورة',
         incorrect_password: 'كلمة مرور غير صحيحة',
         invite_link: 'رابط الدعوة',
         item: 'عنصر',
         items_in_trash_cannot_be_renamed:
       '.لا يمكن إعادة تسمية هذا العنصر لأنه في سلة المهملات. لإعادة تسمية هذا العنصر، اسحبه أولاً خارج سلة المهملات',
         jpeg_image: 'JPEG صورة',
+        keep_in_taskbar: 'الاحتفاظ في شريط المهام',
         language: 'اللغة',
         license: 'رخصة',
         lightness: 'إضاءة',
         link_copied: 'تم نسخ الرابط',
         loading: 'جارٍ التحميل',
         log_in: 'تسجيل الدخول',
+        log_into_another_account_anyway: 'تسجيل الدخول إلى حساب آخر على أي حال',
         log_out: 'تسجيل الخروج',
         looks_good: '!يبدو جيدًا',
         manage_sessions: 'إدارة الجلسات',
         modified: 'تم التعديل',
         move: 'نقل',
         moving_file: '%%جارٍ نقل',
+        my_websites: 'مواقعي الإلكترونية',
         name: 'اسم',
         name_cannot_be_empty: '.الاسم لا يمكن أن يكون فارغًا',
         name_cannot_contain_double_period: ".'..' الاسم لا يمكن أن يكون",
@@ -165,6 +186,8 @@ const ar = {
         new_password: 'كلمة المرور الجديدة',
         new_username: 'اسم المستخدم الجديد',
         no: 'لا',
+        no_dir_associated_with_site: '.لا يوجد دليل مرتبط بهذا العنوان',
+        no_websites_published: '.لم تنشر أي مواقع إلكترونية بعد',
         ok: 'موافق',
         open: 'فتح',
         open_in_new_tab: 'فتح في علامة تبويب جديدة',
@@ -190,6 +213,7 @@ const ar = {
         path: 'المسار',
         personalization: 'تخصيص',
         pick_name_for_website: 'اختر اسمًا لموقعك الإلكتروني:',
+        picture: 'صورة',
         pictures: 'الصور',
         plural_suffix: 's', //this is not necessary for Arabic
         powered_by_puter_js: '{{link=docs}}Puter.js{{/link}} مدعوم بواسطة ',
@@ -199,6 +223,11 @@ const ar = {
         privacy: 'الخصوصية',
         proceed_to_login: 'المتابعة لتسجيل الدخول',
         proceed_with_account_deletion: 'المتابعة مع حذف الحساب',
+        process_status_initializing: 'جارٍ التهيئة',
+        process_status_running: 'جارٍ التشغيل',
+        process_type_app: 'تطبيق',
+        process_type_init: 'تهيئة',
+        process_type_ui: 'واجهة المستخدم',
         properties: 'الخصائص',
         public: 'عام',
         publish: 'نشر',
@@ -206,16 +235,22 @@ const ar = {
         puter_description:
       '.هو سحابة شخصية تركز على الخصوصية للحفاظ على جميع ملفاتك، تطبيقاتك، وألعابك في مكان آمن واحد، متاحة من أي مكان وفي أي وقت Puter',
         reading_file: '%strong% جارٍ قراءة',
+        recent: 'الأخيرة',
+        recommended: 'مُوصى به',
         recover_password: 'استعادة كلمة المرور',
         refer_friends_c2a:
       '!سيحصل صديقك على 1 جيجابايت أيضًا .Puter احصل على 1 جيجابايت عن كل صديق ينشئ حسابًا ويؤكده على',
         refer_friends_social_media_c2a:
       'Puter.com! احصل على 1 جيجابايت من التخزين المجاني على',
         refresh: 'تحديث',
+        release_address_confirmation: 'هل أنت متأكد أنك تريد تحرير هذا العنوان؟',
+        remove_from_taskbar: 'إزالة من شريط المهام',
         rename: 'إعادة تسمية',
+        repeat: 'تكرار',
         replace: 'استبدال',
         replace_all: 'استبدال الكل',
         resend_confirmation_code: 'إعادة إرسال رمز التأكيد',
+        restart_puter_confirm: '؟Puter.com! هل أنت متأكد أنك تريد إعادة تشغيل',
         restore: 'استعادة',
         save: 'حفظ',
         saturation: 'تشبع',
@@ -224,12 +259,16 @@ const ar = {
         save_account_to_publish: '.يرجى إنشاء حساب للمتابعة',
         save_session: 'حفظ الجلسة',
         save_session_c2a: '.أنشئ حسابًا لحفظ جلستك الحالية وتجنب فقدان عملك',
+        scan_qr_c2a: 'امسح الرمز أدناه لتسجيل الدخول إلى هذه الجلسة من أجهزة أخرى',
         scan_qr_2fa: 'امسح رمز الاستجابة السريعة باستخدام تطبيق المصادقة الخاص بك',
+        scan_qr_generic:
+      'امسح رمز الاستجابة السريعة هذا باستخدام هاتفك أو جهاز آخر',
         search: 'بحث',
         seconds: 'ثوانٍ',
         security: 'الأمان',
         select: 'تحديد',
         selected: 'محدد',
+        select_color: '…اختر لونًا',
         sessions: 'جلسات',
         send: 'إرسال',
         send_password_recovery_email: 'إرسال بريد استعادة كلمة المرور',
@@ -238,7 +277,9 @@ const ar = {
         set_new_password: 'تعيين كلمة مرور جديدة',
         share: 'مشاركة',
         share_to: 'مشاركة إلى',
+        share_with: ':مشاركة مع',
         shortcut_to: 'اختصار إلى',
+        show_all_windows: 'عرض جميع النوافذ',
         show_hidden: 'إظهار المخفي',
         sign_in_with_puter: 'Puter تسجيل الدخول باستخدام',
         sign_up: 'تسجيل',
@@ -247,10 +288,15 @@ const ar = {
         skip: 'تخطي',
         something_went_wrong: 'حدث خطأ ما.',
         sort_by: 'فرز حسب',
+        start: 'بدء',
         status: 'الحالة',
         storage_usage: 'استخدام التخزين',
         storage_puter_used: 'Puter مستخدم بواسطة',
         taking_longer_than_usual: '…يستغرق وقتًا أطول من المعتاد. يرجى الانتظار',
+        task_manager: 'مدير المهام',
+        taskmgr_header_name: 'الاسم',
+        taskmgr_header_status: 'الحالة',
+        taskmgr_header_type: 'النوع',
         terms: 'الشروط',
         text_document: 'مستند نصي',
         tos_fineprint:
@@ -277,6 +323,7 @@ const ar = {
         videos: 'مقاطع الفيديو',
         visibility: 'الرؤية',
         yes: 'نعم',
+        yes_release_it: 'نعم، أطلقه',
         you_have_been_referred_to_puter_by_a_friend:
       '!بواسطة صديق Puter تم إحالتك إلى',
         zip: 'ضغط',
@@ -385,10 +432,16 @@ const ar = {
         create_shortcut_s: 'إنشاء اختصارات', // In English: "Create Shortcuts"
         minimize: 'تصغير', // In English: "Minimize"
         reload_app: 'إعادة تحميل التطبيق', // In English: "Reload App"
+        new_window: 'نافذة جديدة', // In English: "New Window"
+        open_trash: 'فتح سلة المهملات', // In English: "Open Trash"
+        pick_name_for_worker: 'اختيار اسم للعامل:', // In English: "Pick a name for your worker:"
         publish_as_serverless_worker: 'النشر كعامل', // In English: "Publish as Worker"
         'toolbar.enter_fullscreen': 'وضع ملء الشاشة', // In English: "Enter Full Screen"
         'toolbar.github': 'GitHub', // In English: "GitHub"
         'toolbar.refer': 'إحالة', // In English: "Refer"
+        'toolbar.save_account': 'حفظ الحساب', // In English: "Save Account"
+        'toolbar.search': 'بحث', // In English: "Search"
+        'toolbar.qrcode': 'رمز الاستجابة السريعة', // In English: "QR Code"
         used_of: '{{available}}محاولات مستخدمة من {{used}}', // In English: "{{used}} used of {{available}}"
         worker: 'العامل', // In English: "Worker"
         'billing.offering.basic': 'أساسي', // In English: "Basic"
@@ -396,6 +449,15 @@ const ar = {
         server_timeout:
       '.استغرق الخادم وقتًا طويلاً للاستجابة. يُرجى المحاولة مرة أخرى', // In English: "The server took too long to respond. Please try again."
         signup_error: '.حدث خطأ أثناء التسجيل. يُرجى المحاولة مرة أخرى', // In English: "An error occurred during signup. Please try again."
+        welcome_title: 'مرحبًا بك في جهاز الكمبيوتر الشخصي الخاص بك على الإنترنت', // In English: "Welcome to your Personal Internet Computer"
+        welcome_description:
+      '.خزّن الملفات، العب الألعاب، واكتشف تطبيقات رائعة، وغير ذلك الكثير! كل ذلك في مكان واحد، يمكنك الوصول إليه من أي مكان وفي أي وقت', // In English: "Store files, play games, find awesome apps, and much more! All in one place, accessible from anywhere at any time."
+        welcome_get_started: 'ابدأ الآن', // In English: "Get Started"
+        welcome_terms: 'الشروط', // In English: "Terms"
+        welcome_privacy: 'الخصوصية', // In English: "Privacy"
+        welcome_developers: 'المطورون', // In English: "Developers"
+        welcome_open_source: 'مفتوح المصدر', // In English: "Open Source"
+        welcome_instant_login_title: '!تسجيل الدخول الفوري',
         alert_error_title: '!خطأ',
         alert_warning_title: '!تحذير',
         alert_info_title: 'معلومة',
@@ -413,12 +475,19 @@ const ar = {
         window_title_select_font: '…اختر الخط',
         window_title_session_list: '!قائمة الجلسات',
         window_title_set_new_password: 'تعيين كلمة مرور جديدة',
+        window_title_instant_login: '!تسجيل الدخول الفوري',
         window_title_publish_website: 'نشر الموقع',
         window_title_publish_worker: 'نشر العامل',
         window_title_authenticating: '…جارٍ التحقق',
         window_title_refer_friend: '!أوصِ صديقًا',
+        desktop_show_desktop: 'عرض سطح المكتب',
+        desktop_show_open_windows: 'عرض النوافذ المفتوحة',
         desktop_exit_full_screen: 'الخروج من وضع ملء الشاشة',
         desktop_enter_full_screen: 'وضع ملء الشاشة',
+        desktop_position: 'الموضع',
+        desktop_position_left: 'اليسار',
+        desktop_position_bottom: 'الأسفل',
+        desktop_position_right: 'اليمين',
         item_shared_with_you: '.قام مستخدم بمشاركة هذا العنصر معك',
         item_shared_by_you: '.لقد قمت بمشاركة هذا العنصر مع مستخدم آخر على الأقل',
         item_shortcut: 'اختصار',
@@ -433,6 +502,8 @@ const ar = {
         window_title_pictures: 'صور',
         window_title_puter: 'بيوتر',
         window_folder_empty: 'هذا المجلد فارغ',
+        manage_your_subdomains: 'إدارة النطاقات الفرعية الخاصة بك',
+        open_containing_folder: 'فتح المجلد المحتوي',
     },
 };
 

src/gui/src/i18n/translations/bg.js

@@ -29,18 +29,27 @@ const bg = {
         add_another_account: 'Добавяне на друг акаунт',
         all_fields_required: 'Всички полета са задължителни.',
         allow: 'Разреши',
+        apply: 'Приложи',
         ascending: 'Възходящ',
         associated_websites: 'Свързани уебсайтове',
         auto_arrange: 'Автоматично подреждане',
+        background: 'Фон',
+        browse: 'Разгледай',
         cancel: 'Отказ',
+        center: 'Център',
         change: 'Промени',
         change_always_open_with: 'Искате ли винаги да отваряте този тип файл с',
+        change_desktop_background: 'Промяна на фона на работния плот…',
         change_email: 'Промяна на имейл',
         change_language: 'Промяна на езика',
         change_password: 'Промяна на паролата',
         change_username: 'Промяна на потребителското име',
         close: 'Затвори',
+        close_all_windows: 'Затвори всички прозорци',
+        close_all_windows_confirm:
+      'Сигурни ли сте, че искате да затворите всички прозорци?',
         close_all_windows_and_log_out: 'Затвори прозорците и излез',
+        color: 'Цвят',
         confirm: 'Потвърди',
         confirm_2fa_setup: 'Добавих кода към приложението си за удостоверяване',
         confirm_2fa_recovery: 'Запазих кодовете за възстановяване на сигурно място',
@@ -72,11 +81,13 @@ const bg = {
         contact_us: 'Свържете се с нас',
         contact_us_verification_required:
       'Трябва да имате потвърден имейл адрес, за да използвате това.',
+        contain: 'Съдържа',
         continue: 'Продължи',
         copy: 'Копирай',
         copy_link: 'Копирай връзката',
         copying: 'Копиране',
         copying_file: 'Копиране на %%',
+        cover: 'Покрий',
         create_account: 'Създай акаунт',
         create_free_account: 'Създай безплатен акаунт',
         create_desktop_shortcut: 'Създай пряк път (Работен плот)',
@@ -89,6 +100,7 @@ const bg = {
         close_all: 'Затвори всички',
         created: 'Създадено',
         date_modified: 'Дата на промяна',
+        default: 'По подразбиране',
         delete: 'Изтрий',
         delete_account: 'Изтрий акаунта',
         delete_permanently: 'Изтрий завинаги',
@@ -102,6 +114,7 @@ const bg = {
         disable_2fa: 'Изключи 2FA',
         disable_2fa_confirm: 'Сигурни ли сте, че искате да изключите 2FA?',
         disable_2fa_instructions: 'Въведете паролата си, за да изключите 2FA.',
+        disassociate_dir: 'Премахни връзката с папката',
         documents: 'Документи',
         dont_allow: 'Не разрешавай',
         download: 'Изтегли',
@@ -119,6 +132,8 @@ const bg = {
         emptying_trash: 'Изпразване на Кошчето…',
         enable_2fa: 'Включи 2FA',
         end_hard: 'Принудително спиране',
+        end_process_force_confirm:
+      'Сигурни ли сте, че искате принудително да спрете този процес?',
         end_soft: 'Нормално спиране',
         enlarged_qr_code: 'Уголемен QR код',
         enter_password_to_confirm_delete_user:
@@ -132,33 +147,40 @@ const bg = {
       'Моля, използвайте формуляра по-долу, за да ни изпратите вашите отзиви, коментари и съобщения за грешки.',
         feedback_sent_confirmation:
       'Благодарим ви, че се свързахте с нас. Ако имате имейл, свързан с акаунта ви, ще получите отговор от нас възможно най-скоро.',
+        fit: 'Побери',
         folder: 'Папка',
+        force_quit: 'Принудително затваряне',
         forgot_pass_c2a: 'Забравена парола?',
         from: 'От',
         general: 'Общи',
         get_a_copy_of_on_puter: 'Вземете копие на %% в Puter.com!',
         get_copy_link: 'Вземи връзка за копие',
+        hide_all_windows: 'Скрий всички прозорци',
         home: 'Начало',
         html_document: 'HTML документ',
         hue: 'Нюанс',
+        image: 'Изображение',
         incorrect_password: 'Грешна парола',
         invite_link: 'Линк за покана',
         item: 'елемент',
         items_in_trash_cannot_be_renamed:
       'Този елемент не може да бъде преименуван, защото е в Кошчето. За да го преименувате, първо го извадете от Кошчето.',
         jpeg_image: 'JPEG изображение',
+        keep_in_taskbar: 'Задръж в лентата на задачите',
         language: 'Език',
         license: 'Лиценз',
         lightness: 'Светлина',
         link_copied: 'Връзката е копирана',
         loading: 'Зареждане',
         log_in: 'Вход',
+        log_into_another_account_anyway: 'Влез в друг акаунт въпреки това',
         log_out: 'Изход',
         looks_good: 'Изглежда добре!',
         manage_sessions: 'Управление на сесиите',
         modified: 'Променено',
         move: 'Премести',
         moving_file: 'Преместване на %%',
+        my_websites: 'Моите уебсайтове',
         minimize: 'Минимизирай',
         reload_app: 'Презареди приложението',
         name: 'Име',
@@ -174,10 +196,15 @@ const bg = {
         new_password: 'Нова парола',
         new_username: 'Ново потребителско име',
         no: 'Не',
+        no_dir_associated_with_site: 'Няма папка, свързана с този адрес.',
+        no_websites_published:
+      'Все още не сте публикували уебсайтове. Натиснете с десен бутон върху папка, за да започнете.',
         ok: 'ОК',
         open: 'Отвори',
+        new_window: 'Нов прозорец',
         open_in_new_tab: 'Отвори в нов раздел',
         open_in_new_window: 'Отвори в нов прозорец',
+        open_trash: 'Отвори Кошчето',
         open_with: 'Отвори с',
         original_name: 'Оригинално име',
         original_path: 'Оригинален път',
@@ -199,6 +226,8 @@ const bg = {
         path: 'Път',
         personalization: 'Персонализация',
         pick_name_for_website: 'Изберете име за вашия уебсайт:',
+        pick_name_for_worker: 'Изберете име за вашия worker:',
+        picture: 'Снимка',
         pictures: 'Снимки',
         plural_suffix: 'и',
         powered_by_puter_js: 'Работи с {{link=docs}}Puter.js{{/link}}',
@@ -208,6 +237,11 @@ const bg = {
         privacy: 'Поверителност',
         proceed_to_login: 'Продължи към вход',
         proceed_with_account_deletion: 'Продължи с изтриването на акаунта',
+        process_status_initializing: 'Инициализиране',
+        process_status_running: 'В изпълнение',
+        process_type_app: 'Приложение',
+        process_type_init: 'Иниц.',
+        process_type_ui: 'Интерфейс',
         properties: 'Свойства',
         public: 'Публична',
         publish: 'Публикувай',
@@ -217,16 +251,23 @@ const bg = {
       'Puter е личен облак с приоритет на поверителността, който съхранява всичките ви файлове, приложения и игри на едно сигурно място, достъпно отвсякъде и по всяко време.',
         reading: 'Четене на %strong%',
         writing: 'Записване на %strong%',
+        recent: 'Скорошни',
+        recommended: 'Препоръчано',
         recover_password: 'Възстанови паролата',
         refer_friends_c2a:
       'Получете 1 GB за всеки приятел, който създаде и потвърди акаунт в Puter. Вашият приятел също ще получи 1 GB!',
         refer_friends_social_media_c2a:
       'Получете 1 GB безплатно пространство в Puter.com!',
         refresh: 'Опресни',
+        release_address_confirmation:
+      'Сигурни ли сте, че искате да освободите този адрес?',
+        remove_from_taskbar: 'Премахни от лентата на задачите',
         rename: 'Преименувай',
+        repeat: 'Повтори',
         replace: 'Замени',
         replace_all: 'Замени всички',
         resend_confirmation_code: 'Изпрати отново кода за потвърждение',
+        restart_puter_confirm: 'Сигурни ли сте, че искате да рестартирате Puter?',
         restore: 'Възстанови',
         save: 'Запази',
         saturation: 'Наситеност',
@@ -236,12 +277,17 @@ const bg = {
         save_session: 'Запазване на сесия',
         save_session_c2a:
       'Създайте акаунт, за да запазите текущата си сесия и да избегнете загуба на работата си.',
+        scan_qr_c2a:
+      'Сканирайте кода по-долу, за да влезете в тази сесия от други устройства',
         scan_qr_2fa: 'Сканирайте QR кода с приложението си за удостоверяване',
+        scan_qr_generic:
+      'Сканирайте този QR код с телефона си или друго устройство',
         search: 'Търсене',
         seconds: 'секунди',
         security: 'Сигурност',
         select: 'Избери',
         selected: 'избрано',
+        select_color: 'Избери цвят…',
         sessions: 'Сесии',
         send: 'Изпрати',
         send_password_recovery_email: 'Изпрати имейл за възстановяване на парола',
@@ -251,7 +297,9 @@ const bg = {
         set_new_password: 'Задай нова парола',
         share: 'Сподели',
         share_to: 'Сподели с',
+        share_with: 'Сподели с:',
         shortcut_to: 'Пряк път до',
+        show_all_windows: 'Покажи всички прозорци',
         show_hidden: 'Покажи скритите',
         sign_in_with_puter: 'Влез с Puter',
         sign_up: 'Регистрирай се',
@@ -260,16 +308,24 @@ const bg = {
         skip: 'Пропусни',
         something_went_wrong: 'Нещо се обърка.',
         sort_by: 'Сортиране по',
+        start: 'Старт',
         status: 'Статус',
         storage_usage: 'Използване на място за съхранение',
         storage_puter_used: 'използвано от Путер',
         taking_longer_than_usual:
       'Отнема малко повече време от обикновено. Моля, изчакайте...',
+        task_manager: 'Диспечер на задачи',
+        taskmgr_header_name: 'Име',
+        taskmgr_header_status: 'Състояние',
+        taskmgr_header_type: 'Тип',
         terms: 'Условия',
         text_document: 'Текстов документ',
         'toolbar.enter_fullscreen': 'Вход в режим на цял екран',
         'toolbar.github': 'GitHub',
         'toolbar.refer': 'Препоръчай',
+        'toolbar.save_account': 'Запази акаунта',
+        'toolbar.search': 'Търсене',
+        'toolbar.qrcode': 'QR код',
         tos_fineprint:
       "С натискане на 'Създай безплатен акаунт' вие се съгласявате с {{link=terms}}Условията за ползване{{/link}} и {{link=privacy}}Политиката за поверителност{{/link}} на Puter.",
         transparency: 'Прозрачност',
@@ -299,6 +355,7 @@ const bg = {
         videos: 'Видеоклипове',
         visibility: 'Видимост',
         yes: 'Да',
+        yes_release_it: 'Да, освободи',
         you_have_been_referred_to_puter_by_a_friend:
       'Били сте препоръчани в Puter от приятел!',
         zip: 'ZIP архивиране',
@@ -415,6 +472,15 @@ const bg = {
       'Възникна грешка по време на регистрацията. Моля, опитайте отново.',
 
         // Welcome Window
+        welcome_title: 'Добре дошли във вашия личен интернет компютър',
+        welcome_description:
+      'Съхранявайте файлове, играйте игри, откривайте страхотни приложения и още много! Всичко на едно място, достъпно отвсякъде и по всяко време.',
+        welcome_get_started: 'Започнете',
+        welcome_terms: 'Условия',
+        welcome_privacy: 'Поверителност',
+        welcome_developers: 'Разработчици',
+        welcome_open_source: 'Отворен код',
+        welcome_instant_login_title: 'Моментален вход!',
 
         // Alert Window
         alert_error_title: 'Грешка!',
@@ -440,14 +506,21 @@ const bg = {
         window_title_select_font: 'Изберете шрифт…',
         window_title_session_list: 'Списък със сесии!',
         window_title_set_new_password: 'Задайте нова парола',
+        window_title_instant_login: 'Моментален вход!',
         window_title_publish_website: 'Публикуване на уебсайт',
         window_title_publish_worker: 'Публикуване на Worker',
         window_title_authenticating: 'Удостоверяване…',
         window_title_refer_friend: 'Препоръчайте приятел!',
 
         // Desktop UI
+        desktop_show_desktop: 'Покажи работния плот',
+        desktop_show_open_windows: 'Покажи отворените прозорци',
         desktop_exit_full_screen: 'Изход от режим на цял екран',
         desktop_enter_full_screen: 'Вход в режим на цял екран',
+        desktop_position: 'Позиция',
+        desktop_position_left: 'Ляво',
+        desktop_position_bottom: 'Долу',
+        desktop_position_right: 'Дясно',
 
         // Item UI
         item_shared_with_you: 'Потребител е споделил този елемент с вас.',
@@ -467,6 +540,11 @@ const bg = {
         window_title_pictures: 'Снимки',
         window_title_puter: 'Puter',
         window_folder_empty: 'Тази папка е празна',
+
+        // Website Management
+        manage_your_subdomains: 'Управлявайте вашите поддомейни',
+        open_containing_folder: 'Отвори съдържащата папка',
+        set_as_background: 'Задай като фон на работния плот',
     },
 };
 

src/gui/src/i18n/translations/bn.js

@@ -29,17 +29,25 @@ const bn = {
         add_another_account: 'অন্য অ্যাকাউন্ট যোগ করুন',
         all_fields_required: 'সমস্ত ফিল্ড পূরন করুন.',
         allow: 'অনুমতি দিন',
+        apply: 'প্রয়োগ করুন',
         ascending: 'ঊর্ধ্বক্রমে',
         associated_websites: 'সংযুক্ত ওয়েবসাইটগুলি',
         auto_arrange: 'অটো বিন্যাস',
+        background: 'পেছনের অংশ',
+        browse: 'ব্রাউজ',
         cancel: 'বাতিল করুন',
+        center: 'কেন্দ্র',
+        change_desktop_background: 'ডেস্কটপ পটভূমি পরিবর্তন করুন',
         change_email: 'ই-মেইল পরিবর্তন করুন',
         change_language: 'ভাষা পরিবর্তন করুন',
         change_password: 'পাসওয়ার্ড পরিবর্তন করুন',
         change_username: 'ইউজারনেম পরিবর্তন করুন',
         close: 'বন্ধ করুন',
+        close_all_windows: 'সমস্ত উইন্ডো বন্ধ করুন',
+        close_all_windows_confirm: 'আপনি কি সমস্ত উইন্ডো বন্ধ করতে চান?',
         close_all_windows_and_log_out: 'উইন্ডো বন্ধ এবং লগ আউট করুন',
         change_always_open_with: 'আপনি কি এই ধরনের ফাইলটি সবসময় এই সাথে খোলা রাখতে চান',
+        color: 'রঙ',
         confirm: 'অনুমোদন',
         confirm_2fa_setup: '২ ফেক্টর অথেন্টিকেশন সেটাপ নিশ্চিত করুন',
         confirm_2fa_recovery: 'আমি আমার পুনরুদ্ধার কোডগুলি একটি নিরাপদ স্থানে সংরক্ষণ করতে চাই',
@@ -62,11 +70,13 @@ const bn = {
         confirm_your_email_address: 'আপনার ইমেল ঠিকানা নিশ্চিত করুন',
         contact_us: 'যোগাযোগ করুন',
         contact_us_verification_required: 'যোগাযোগের জন্য যাচাইকরণ প্রয়োজন',
+        contain: 'অন্তর্ভুক্ত করুন',
         continue: 'চালিয়ে যান',
         copy: 'কপি',
         copy_link: 'লিংক কপি করুন',
         copying: 'কপি হচ্ছে',
         copying_file: 'ফাইল কপি করা হচ্ছে %%',
+        cover: 'কভার',
         create_account: 'অ্যাকাউন্ট তৈরি করুন',
         create_free_account: 'ফ্রি অ্যাকাউন্ট তৈরি করুন',
         create_shortcut: 'শর্টকাট তৈরি করুন',
@@ -76,6 +86,7 @@ const bn = {
         close_all: 'সমস্ত বন্ধ করুন',
         created: 'তৈরি করা হয়েছে',
         date_modified: 'তারিখ পরিবর্তন',
+        default: 'ডিফল্ট',
         delete: 'মুছে ফেলুন',
         delete_account: 'অ্যাকাউন্ট মুছে ফেলুন',
         delete_permanently: 'স্থায়ীভাবে মুছুন',
@@ -89,6 +100,7 @@ const bn = {
         disable_2fa: '2FA অক্ষম করুন',
         disable_2fa_confirm: 'আপনি কি নিশ্চিত যে আপনি 2FA অক্ষম করতে চান?',
         disable_2fa_instructions: '2FA অক্ষম করতে আপনার পাসওয়ার্ড লিখুন।',
+        disassociate_dir: 'ডিরেক্টরি অমিল করুন',
         documents: 'ডকুমেন্টস',
         dont_allow: 'অনুমতি নেই',
         download: 'ডাউনলোড',
@@ -104,6 +116,7 @@ const bn = {
         emptying_trash: 'ট্র্যাশ খালি করা হচ্ছে…',
         enable_2fa: '2FA চালু করুন',
         end_hard: 'হার্ড শেষ',
+        end_process_force_confirm: 'আপনি কি নিশ্চিত যে আপনি এই প্রক্রিয়াটি ফোর্স-কুইট করতে চান?',
         end_soft: 'সফট শেষ',
         enlarged_qr_code: 'বড় QR কোড',
         enter_password_to_confirm_delete_user: 'অ্যাকাউন্ট মুছা নিশ্চিত করতে আপনার পাসওয়ার্ড লিখুন',
@@ -114,32 +127,39 @@ const bn = {
         feedback: 'প্রতিক্রিয়া',
         feedback_c2a: 'নীচের ফর্মটি ব্যবহার করে আপনার মতামত, মন্তব্য এবং বাগ রিপোর্ট প্রেরণ করুন।',
         feedback_sent_confirmation: 'আমাদের সাথে যোগাযোগ করার জন্য ধন্যবাদ। আপনার একাউন্টে ই-মেইল সংযোজন থাকলে আমরা যত তাড়াতাড়ি সম্ভব প্রতিক্রিয়া জানাবো',
+        fit: 'ফিট',
         folder: 'ফোল্ডার',
+        force_quit: 'জোরালোভাবে বন্ধ',
         forgot_pass_c2a: 'পাসওয়ার্ড ভুলে গেছেন?',
         from: 'থেকে',
         general: 'সাধারণ',
         get_a_copy_of_on_puter: 'পিউটার ডটকমে \'%%\' এর একটি অনুলিপি পান!',
         get_copy_link: 'কপি লিংক নিন',
+        hide_all_windows: 'সমস্ত উইন্ডো লুকান',
         home: 'হোম',
         html_document: 'এইচটিএমএল ডকুমেন্ট',
         hue: 'হিউ',
+        image: 'ছবি',
         incorrect_password: 'ভুল পাসওয়ার্ড',
         invite_link: 'আমন্ত্রণ লিংক',
         item: 'আইটেম',
         items_in_trash_cannot_be_renamed: 'এই আইটেমটি নাম পরিবর্তন করা যাবে না কারণ এটি ট্র্যাশে রয়েছে। এই আইটেমটির নাম পরিবর্তন করতে, প্রথমে এটি ট্র্যাশ থেকে তুলে নিন।',
         jpeg_image: 'জেপিইজি ইমেজ',
+        keep_in_taskbar: 'টাস্কবারে রাখুন',
         language: 'ভাষা',
         license: 'লাইসেন্স',
         lightness: 'উজ্জ্বলতা',
         link_copied: 'লিংক কপি করা হয়েছে',
         loading: 'লোড হচ্ছে',
         log_in: 'লগ ইন করুন',
+        log_into_another_account_anyway: 'অন্য অ্যাকাউন্টে লগ ইন করুন',
         log_out: 'লগ আউট',
         looks_good: 'ভাল দেখা যাচ্ছে!',
         manage_sessions: 'সেশন পরিচালনা করুন',
         modified: 'পরিবর্তিত',
         move: 'চলুন',
         moving_file: 'ফাইল চলার পথে %%',
+        my_websites: 'আমার ওয়েবসাইটগুলি',
         name: 'নাম',
         name_cannot_be_empty: 'নাম ফাঁকা রাখা যাবে না।',
         name_cannot_contain_double_period: "নামে অবশ্যই '..' অক্ষর হতে পারবে না।",
@@ -153,6 +173,8 @@ const bn = {
         new_password: 'নতুন পাসওয়ার্ড',
         new_username: 'নতুন ব্যবহারকারীর নাম',
         no: 'না',
+        no_dir_associated_with_site: 'এই ঠিকানা সম্পর্কিত কোনও ডিরেক্টরি নেই।',
+        no_websites_published: 'আপনি এখনও কোনও ওয়েবসাইট প্রকাশ করেননি। শুরু করতে একটি ফোল্ডারে ক্লিক করুন।',
         ok: 'ঠিক আছে',
         open: 'খোলা',
         open_in_new_tab: 'নতুন ট্যাবে খুলুন',
@@ -177,6 +199,7 @@ const bn = {
         path: 'পথ',
         personalization: 'ব্যক্তিগতীকরণ',
         pick_name_for_website: 'আপনার ওয়েবসাইটের জন্য নাম নির্বাচন করুন:',
+        picture: 'ছবি',
         pictures: 'চিত্র',
         plural_suffix: 'গুলি',
         powered_by_puter_js: '{{link=docs}}Puter.js{{/link}} দ্বারা প্রচালিত',
@@ -186,20 +209,31 @@ const bn = {
         privacy: 'গোপনীয়তা',
         proceed_to_login: 'লগইনে অগ্রসর হোন',
         proceed_with_account_deletion: 'অ্যাকাউন্ট মোছার জন্য অগ্রসর হন',
+        process_status_initializing: 'প্রাথমিককরণ হচ্ছে',
+        process_status_running: 'চলছে',
+        process_type_app: 'অ্যাপ',
+        process_type_init: 'প্রাথমিকতা',
+        process_type_ui: 'ইউআই',
         properties: 'বৈশিষ্ট্য',
         public: 'পাবলিক',
         publish: 'প্রকাশ করুন',
         publish_as_website: 'ওয়েবসাইট হিসাবে প্রকাশ করুন',
         puter_description: 'Puter হল একটি গোপনীয়তা-প্রথম ব্যক্তিগত ক্লাউড, যেখানে আপনার সমস্ত ফাইল, অ্যাপ্লিকেশন এবং গেম একটি নিরাপদ জায়গায় রাখা হয়, যেখান থেকে যে কোনো সময় অ্যাক্সেস করা যায়।',
         reading_file: '%strong% পড়া হচ্ছে',
+        recent: 'সাম্প্রতিক',
+        recommended: 'অনুমোদিত',
         recover_password: 'পাসওয়ার্ড পুনরুদ্ধার করুন',
         refer_friends_c2a: 'Puter তে অ্যাকাউন্ট তৈরি এবং নিশ্চিতকরণ করে ১ জিবি পান। আপনার বন্ধুও ১ জিবি পাবে!',
         refer_friends_social_media_c2a: 'Puter.com এ 1 GB বিনামূল্যের সংরক্ষণ পান!',
         refresh: 'রিফ্রেশ',
+        release_address_confirmation: 'আপনি কি নিশ্চিত যে আপনি এই ঠিকানা রিলিজ করতে চান?',
+        remove_from_taskbar: 'টাস্কবার থেকে সরান',
         rename: 'পুনঃনামকরণ',
+        repeat: 'পুনরাবৃত্তি',
         replace: 'বদলান',
         replace_all: 'সকল কিছু বদলান',
         resend_confirmation_code: 'পুনরায় নিশ্চিতকরণ কোড প্রেরণ করুন',
+        restart_puter_confirm: 'আপনি কি নিশ্চিত যে Puter পুনরায় চালু করতে চান?',
         restore: 'পুনরুদ্ধার',
         save: 'সংরক্ষণ করুন',
         saturation: 'সম্পৃক্তি',
@@ -208,12 +242,15 @@ const bn = {
         save_account_to_publish: 'অগ্রসর হতে অ্যাকাউন্ট তৈরি করুন।',
         save_session: 'সেশন সংরক্ষণ করুন',
         save_session_c2a: 'আপনার বর্তমান সেশনটি সংরক্ষণ করতে একটি অ্যাকাউন্ট তৈরি করুন যাতে আপনার কাজ হারাতে না হয়।',
+        scan_qr_c2a: 'অন্যান্য ডিভাইস থেকে এই সেশনে লগইন করতে নীচের কোডটি স্ক্যান করুন',
         scan_qr_2fa: 'আপনার প্রামাণিকতা অ্যাপ্লিকেশন দিয়ে QR কোডটি স্ক্যান করুন',
+        scan_qr_generic: 'আপনার ফোন বা অন্য ডিভাইস ব্যবহার করে এই QR কোড স্ক্যান করুন',
         search: 'অনুসন্ধান',
         seconds: 'সেকেন্ড',
         security: 'নিরাপত্তা',
         select: 'নির্বাচন করুন',
         selected: 'নির্বাচিত',
+        select_color: 'রঙ নির্বাচন করুন…',
         sessions: 'সেশনগুলি',
         send: 'প্রেরণ করুন',
         send_password_recovery_email: 'পাসওয়ার্ড পুনরুদ্ধারের ইমেল প্রেরণ করুন',
@@ -222,7 +259,9 @@ const bn = {
         set_new_password: 'নতুন পাসওয়ার্ড সেট করুন',
         share: 'শেয়ার করুন',
         share_to: 'শেয়ার করুন প্রতি',
+        share_with: 'সঙ্গে ভাগাভাগি করুন:',
         shortcut_to: 'শর্টকাট',
+        show_all_windows: 'সমস্ত উইন্ডো দেখান',
         show_hidden: 'লুকানো দেখান',
         sign_in_with_puter: 'Puter দিয়ে সাইন ইন করুন',
         sign_up: 'নিবন্ধন করুন',
@@ -231,10 +270,15 @@ const bn = {
         skip: 'এড়িয়ে যান',
         something_went_wrong: 'কিছু সমস্যা হয়েছে।',
         sort_by: 'অনুযায়ী সাজান',
+        start: 'শুরু',
         status: 'অবস্থা',
         storage_usage: 'স্টোরেজ ব্যবহার',
         storage_puter_used: 'Puter দ্বারা ব্যবহৃত',
         taking_longer_than_usual: 'স্বাভাবিক চেয়ে বেশি সময় নিচ্ছে। অনুগ্রহ করে অপেক্ষা করুন...',
+        task_manager: 'টাস্ক ম্যানেজার',
+        taskmgr_header_name: 'নাম',
+        taskmgr_header_status: 'অবস্থা',
+        taskmgr_header_type: 'ধরণ',
         terms: 'শর্তাবলী',
         text_document: 'পাঠ্য নথি',
         tos_fineprint: '‘ফ্রি অ্যাকাউন্ট তৈরি করুন’ ক্লিক করে আপনি Puter-এর {{link=terms}}সেবা শর্ত{{/link}} এবং {{link=privacy}}গোপনীয়তা নীতি{{/link}} এর সাথে সম্মত হন।',
@@ -260,6 +304,7 @@ const bn = {
         videos: 'ভিডিও',
         visibility: 'দৃশ্যমানতা',
         yes: 'হ্যাঁ',
+        yes_release_it: 'হ্যাঁ, এটি রিলিজ করুন',
         you_have_been_referred_to_puter_by_a_friend: 'আপনাকে একটি বন্ধুর মাধ্যমে পিউটার-এ রেফার করা হয়েছে',
         zip: 'জিপ',
         zipping_file: '%strong% জিপিং হচ্ছে',
@@ -365,16 +410,30 @@ const bn = {
         'create_shortcut_s': 'শর্টকাটগুলো তৈরি করুন',
         'minimize': 'আড়াল করুন',
         'reload_app': 'অ্যাপ রিলোড করুন',
+        'new_window': 'নতুন উইন্ডো',
+        'open_trash': 'আবর্জনা বক্স খুলুন',
+        'pick_name_for_worker': 'আপনার কর্মীর জন্য নাম বাছাই করুনঃ',
         'publish_as_serverless_worker': 'কর্মী হিসেবে পাবলিশ করুন',
         'toolbar.enter_fullscreen': 'পরিপূর্ণ পর্দায় প্রবেশ করুন',
         'toolbar.github': 'গিটহাব',
         'toolbar.refer': 'রেফার',
+        'toolbar.save_account': 'অ্যাকাউন্ট সংরক্ষণ করুন',
+        'toolbar.search': 'অনুসন্ধান',
+        'toolbar.qrcode': 'কিউআর কোড',
         'used_of': '{{used}} ব্যবহৃত হয়েছে {{available}} এর মধ্যে',
         'worker': 'কর্মী',
         'billing.offering.basic': 'মৌলিক',
         'too_many_attempts': 'অনেক বেশী প্রচেষ্টা করা হয়েছে। দয়া করে পরে আবার চেষ্টা করুন।',
         'server_timeout': 'সার্ভারটি অনেক বেশী সময় নিয়েছে উত্তর দিতে। দয়া করে আবার চেষ্টা করুন।',
         'signup_error': 'সাইনআপ করার সময় একটি ত্রুটি ঘটেছে। দয়া করে আবার চেষ্টা করুন।',
+        'welcome_title': 'আপনার নিজস্ব ইন্টারনেট কম্পিউটারে স্বাগতম',
+        'welcome_description': 'ফাইল সংরক্ষণ করুন, গেম খেলুন, দুর্দান্ত অ্যাপগুলো সন্ধান করুন, এবং আরও অনেক কিছু! সবকিছু এক জায়গায়, যেকোনো জায়গা থেকে যেকোনো সময় উপলভ্য।',
+        'welcome_get_started': 'শুরু করুন',
+        'welcome_terms': 'শর্তাবলী',
+        'welcome_privacy': 'গোপনীয়তা',
+        'welcome_developers': 'ডেভেলপারগণ',
+        'welcome_open_source': 'মুক্ত সোর্স',
+        'welcome_instant_login_title': 'তাৎক্ষণিক লগ-ইন!',
         'alert_error_title': 'ত্রুটি!',
         'alert_warning_title': 'সতর্কবার্তা!',
         'alert_info_title': 'তথ্য',
@@ -392,12 +451,19 @@ const bn = {
         'window_title_select_font': 'ফন্ট নির্বাচন করুন...',
         'window_title_session_list': 'সেশন তালিকা!',
         'window_title_set_new_password': 'নতুন পাসওয়ার্ড সেট করুন',
+        'window_title_instant_login': 'তাৎক্ষণিক লগ-ইন!',
         'window_title_publish_website': 'ওয়েবসাইট পাবলিশ করুন',
         'window_title_publish_worker': 'কর্মী পাবলিশ করুন',
         'window_title_authenticating': 'প্রমানীকরণ চলমান...',
         'window_title_refer_friend': 'বন্ধুকে রেফার করুন!',
+        'desktop_show_desktop': 'ডেস্কটপ দেখান',
+        'desktop_show_open_windows': 'খোলা উইন্ডোগুলো দেখান',
         'desktop_exit_full_screen': 'পরিপূর্ণ পর্দা থেকে বের হয়ে যান',
         'desktop_enter_full_screen': 'পরিপূর্ণ পর্দায় প্রবেশ করুন',
+        'desktop_position': 'অবস্থান',
+        'desktop_position_left': 'বামে',
+        'desktop_position_bottom': 'নিচে',
+        'desktop_position_right': 'ডানে',
         'item_shared_with_you': 'একজন ব্যবহারকারী এটি আপনার সাথে শেয়ার করেছে।',
         'item_shared_by_you': 'আপনি এই বস্তুটি কমপক্ষে একজন ব্যবহারকারীর সাথে শেয়ার করেছেন।',
         'item_shortcut': 'শর্টকাট',
@@ -412,6 +478,8 @@ const bn = {
         'window_title_pictures': 'ছবি',
         'window_title_puter': 'পিউটার',
         'window_folder_empty': 'এই ফোল্ডারটি খালি আছে',
+        'manage_your_subdomains': 'আপনার সাবডোমেইনগুলো পরিচালনা করুন',
+        'open_containing_folder': 'ধারণকৃত ফোল্ডারটি খুলুন',
 
     },
 };

src/gui/src/i18n/translations/br.js

@@ -29,17 +29,25 @@ const br = {
         add_another_account: 'Adicionar Outra Conta',
         all_fields_required: 'Todos os campos são obrigatórios.',
         allow: 'Permitir',
+        apply: 'Aplicar',
         ascending: 'Ascendente',
         associated_websites: 'Sites Associados',
         auto_arrange: 'Organizar Automaticamente',
+        background: 'Plano de Fundo',
+        browse: 'Navegar',
         cancel: 'Cancelar',
+        center: 'Centralizar',
+        change_desktop_background: 'Mudar plano de fundo da Área de Trabalho…',
         change_email: 'Mudar Email',
         change_language: 'Mudar Idioma',
         change_password: 'Mudar Senha',
         change_username: 'Mudar Nome de Usuário',
         close: 'Fechar',
+        close_all_windows: 'Fechar Todas as Janelas',
+        close_all_windows_confirm: 'Tem certeza de que deseja fechar todas as janelas?',
         close_all_windows_and_log_out: 'Fechar Janelas e Sair',
         change_always_open_with: 'Deseja sempre abrir este tipo de arquivo com',
+        color: 'Cor',
         confirm: 'Confirmar',
         confirm_2fa_setup: 'Adicionei o código ao meu aplicativo autenticador',
         confirm_2fa_recovery: 'Salvei meus códigos de recuperação em um local seguro',
@@ -62,11 +70,13 @@ const br = {
         confirm_your_email_address: 'Confirme Seu Endereço de Email',
         contact_us: 'Fale Conosco',
         contact_us_verification_required: 'Você deve ter um endereço de e-mail verificado para usar isto.',
+        contain: 'Conter',
         continue: 'Continuar',
         copy: 'Copiar',
         copy_link: 'Copiar Link',
         copying: 'Copiando',
         copying_file: 'Copiando %%',
+        cover: 'Cobrir',
         create_account: 'Criar Conta',
         create_free_account: 'Criar Conta Gratuita',
         create_shortcut: 'Criar Atalho',
@@ -76,6 +86,7 @@ const br = {
         close_all: 'Fechar Tudo',
         created: 'Criado',
         date_modified: 'Data de modificação',
+        default: 'Padrão',
         delete: 'Excluir',
         delete_account: 'Excluir Conta',
         delete_permanently: 'Excluir Permanentemente',
@@ -89,6 +100,7 @@ const br = {
         disable_2fa: 'Desativar 2FA',
         disable_2fa_confirm: 'Tem certeza de que deseja desativar 2FA?',
         disable_2fa_instructions: 'Digite sua senha para desativar 2FA.',
+        disassociate_dir: 'Desassociar Diretório',
         documents: 'Documentos',
         dont_allow: 'Não Permitir',
         download: 'Baixar',
@@ -104,6 +116,7 @@ const br = {
         emptying_trash: 'Esvaziando Lixeira…',
         enable_2fa: 'Ativar 2FA',
         end_hard: 'Finalizar Forçadamente',
+        end_process_force_confirm: 'Tem certeza de que deseja finalizar forçadamente este processo?',
         end_soft: 'Finalizar Suavemente',
         enlarged_qr_code: 'Código QR Ampliado',
         enter_password_to_confirm_delete_user: 'Digite sua senha para confirmar a exclusão da conta',
@@ -114,32 +127,39 @@ const br = {
         feedback: 'Feedback',
         feedback_c2a: 'Por favor, use o formulário abaixo para nos enviar seu feedback, comentários e relatórios de bugs.',
         feedback_sent_confirmation: 'Obrigado por nos contatar. Se você tiver um e-mail associado à sua conta, você receberá uma resposta nossa o mais rápido possível.',
+        fit: 'Ajustar',
         folder: 'Pasta',
+        force_quit: 'Forçar Encerrar',
         forgot_pass_c2a: 'Esqueceu a senha?',
         from: 'De',
         general: 'Geral',
         get_a_copy_of_on_puter: 'Obtenha uma cópia de \'%%\' em Puter.com!',
         get_copy_link: 'Obter Link de Cópia',
+        hide_all_windows: 'Ocultar Todas as Janelas',
         home: 'Início',
         html_document: 'Documento HTML',
         hue: 'Matiz',
+        image: 'Imagem',
         incorrect_password: 'Senha incorreta',
         invite_link: 'Link de Convite',
         item: 'item',
         items_in_trash_cannot_be_renamed: 'Este item não pode ser renomeado porque está na lixeira. Para renomear este item, primeiro arraste-o para fora da Lixeira.',
         jpeg_image: 'Imagem JPEG',
+        keep_in_taskbar: 'Manter na Barra de Tarefas',
         language: 'Idioma',
         license: 'Licença',
         lightness: 'Luminosidade',
         link_copied: 'Link copiado',
         loading: 'Carregando',
         log_in: 'Entrar',
+        log_into_another_account_anyway: 'Entrar em outra conta de qualquer maneira',
         log_out: 'Sair',
         looks_good: 'Parece bom!',
         manage_sessions: 'Gerenciar Sessões',
         modified: 'Modificado',
         move: 'Mover',
         moving_file: 'Movendo %%',
+        my_websites: 'Meus Sites',
         name: 'Nome',
         name_cannot_be_empty: 'O nome não pode estar vazio.',
         name_cannot_contain_double_period: 'O nome não pode ser o caractere \'..\'.',
@@ -153,6 +173,8 @@ const br = {
         new_password: 'Nova Senha',
         new_username: 'Novo Nome de Usuário',
         'no': 'Não',
+        'no_dir_associated_with_site': 'Nenhum diretório associado a este endereço.',
+        'no_websites_published': 'Você ainda não publicou nenhum site.',
         'ok': 'OK',
         'open': 'Abrir',
         'open_in_new_tab': 'Abrir em Nova Aba',
@@ -174,6 +196,7 @@ const br = {
         'path': 'Caminho',
         'personalization': 'Personalização',
         'pick_name_for_website': 'Escolha um nome para o seu site:',
+        'picture': 'Imagem',
         'pictures': 'Imagens',
         'plural_suffix': 's',
         'powered_by_puter_js': 'Desenvolvido por {{link=docs}}Puter.js{{/link}}',
@@ -183,20 +206,31 @@ const br = {
         'privacy': 'Privacidade',
         'proceed_to_login': 'Prossiga para o login',
         'proceed_with_account_deletion': 'Prosseguir com a Exclusão da Conta',
+        'process_status_initializing': 'Inicializando',
+        'process_status_running': 'Executando',
+        'process_type_app': 'App',
+        'process_type_init': 'Início',
+        'process_type_ui': 'UI',
         'properties': 'Propriedades',
         'public': 'Público',
         'publish': 'Publicar',
         'publish_as_website': 'Publicar como site',
         'puter_description': 'Puter é uma nuvem pessoal que prioriza a privacidade para manter todos os seus arquivos, aplicativos e jogos em um lugar seguro, acessível de qualquer lugar a qualquer momento.',
         'reading_file': 'Lendo %strong%',
+        'recent': 'Recente',
+        'recommended': 'Recomendado',
         'recover_password': 'Recuperar Senha',
         'refer_friends_c2a': 'Ganhe 1 GB para cada amigo que criar e confirmar uma conta no Puter. Seu amigo também ganhará 1 GB!',
         'refer_friends_social_media_c2a': 'Ganhe 1 GB de armazenamento gratuito no Puter.com!',
         'refresh': 'Atualizar',
+        'release_address_confirmation': 'Tem certeza de que deseja liberar este endereço?',
+        'remove_from_taskbar': 'Remover da Barra de Tarefas',
         'rename': 'Renomear',
+        'repeat': 'Repetir',
         'replace': 'Substituir',
         'replace_all': 'Substituir Todos',
         'resend_confirmation_code': 'Reenviar Código de Confirmação',
+        'restart_puter_confirm': 'Tem certeza de que deseja reiniciar o Puter?',
         'restore': 'Restaurar',
         'save': 'Salvar',
         'saturation': 'Saturação',
@@ -205,12 +239,15 @@ const br = {
         'save_account_to_publish': 'Por favor, crie uma conta para prosseguir.',
         'save_session': 'Salvar sessão',
         'save_session_c2a': 'Crie uma conta para salvar sua sessão atual e evitar perder seu trabalho.',
+        'scan_qr_c2a': 'Escaneie o código abaixo para fazer login nesta sessão a partir de outros dispositivos',
         'scan_qr_2fa': 'Escaneie o código QR com seu aplicativo autenticador',
+        'scan_qr_generic': 'Escaneie este código QR usando seu telefone ou outro dispositivo',
         'search': 'Buscar',
         'seconds': 'segundos',
         'security': 'Segurança',
         'select': 'Selecionar',
         'selected': 'selecionado',
+        'select_color': 'Selecionar cor…',
         'sessions': 'Sessões',
         'send': 'Enviar',
         'send_password_recovery_email': 'Enviar E-mail de Recuperação de Senha',
@@ -221,6 +258,7 @@ const br = {
         'share_to': 'Compartilhar para',
         'share_with': 'Compartilhar com:',
         'shortcut_to': 'Atalho para',
+        'show_all_windows': 'Mostrar Todas as Janelas',
         'show_hidden': 'Mostrar ocultos',
         'sign_in_with_puter': 'Entrar com Puter',
         'sign_up': 'Cadastrar-se',
@@ -229,10 +267,15 @@ const br = {
         'skip': 'Pular',
         'something_went_wrong': 'Algo deu errado.',
         'sort_by': 'Ordenar por',
+        'start': 'Iniciar',
         'status': 'Status',
         'storage_usage': 'Uso de Armazenamento',
         'storage_puter_used': 'usado pelo Puter',
         'taking_longer_than_usual': 'Levando um pouco mais de tempo do que o normal. Por favor, aguarde...',
+        'task_manager': 'Gerenciador de Tarefas',
+        'taskmgr_header_name': 'Nome',
+        'taskmgr_header_status': 'Status',
+        'taskmgr_header_type': 'Tipo',
         'terms': 'Termos',
         'text_document': 'Documento de texto',
         'tos_fineprint': 'Ao clicar em \'Criar Conta Gratuita\' você concorda com os {{link=terms}}Termos de Serviço{{/link}} e a {{link=privacy}}Política de Privacidade{{/link}} do Puter.',
@@ -258,6 +301,7 @@ const br = {
         'videos': 'Vídeos',
         'visibility': 'Visibilidade',
         'yes': 'Sim',
+        'yes_release_it': 'Sim, Liberar',
         'you_have_been_referred_to_puter_by_a_friend': 'Você foi indicado ao Puter por um amigo!',
         'zip': 'Compactar',
         'zipping_file': 'Compactando %strong%',
@@ -359,16 +403,30 @@ const br = {
         'create_shortcut_s': 'Criar atalhos', // In English: "Create Shortcuts"
         'minimize': 'Minimizar', // In English: "Minimize"
         'reload_app': 'Recarregar App', // In English: "Reload App"
+        'new_window': 'Nova Janela', // In English: "New Window"
+        'open_trash': 'Abrir Lixeira', // In English: "Open Trash"
+        'pick_name_for_worker': 'Escolha um nome para seu worker', // In English: "Pick a name for your worker:"
         'publish_as_serverless_worker': 'Publicar como Worker', // In English: "Publish as Worker"
         'toolbar.enter_fullscreen': 'Entrar em Tela Cheia', // In English: "Enter Full Screen"
         'toolbar.github': 'GitHub', // In English: "GitHub"
         'toolbar.refer': 'Indicar', // In English: "Refer"
+        'toolbar.save_account': 'Salvar Conta', // In English: "Save Account"
+        'toolbar.search': 'Pesquisar', // In English: "Search"
+        'toolbar.qrcode': 'Código QR', // In English: "QR Code"
         'used_of': '{{used}} utilizado de {{available}} disponível', // In English: "{{used}} used of {{available}}"
         'worker': 'Worker', // In English: "Worker"
         'billing.offering.basic': 'Básico', // In English: "Basic"
         'too_many_attempts': 'Muitas tentativas. Por favor, tente novamente mais tarde.', // In English: "Too many attempts. Please try again later."
         'server_timeout': 'O servidor demorou muito para responder. Por favor, tente novamente mais tarde.', // In English: "The server took too long to respond. Please try again."
         'signup_error': 'Ocorreu um erro durante o registro. Por favor, tente novamente mais tarde.', // In English: "An error occurred during signup. Please try again."
+        'welcome_title': 'Bem-vindo(a) ao seu Computador Pessoal de Internet', // In English: "Welcome to your Personal Internet Computer"
+        'welcome_description': 'Armazenar arquivos, jogar jogos, encontrar apps incríveis, e muito mais! Tudo em um só lugar, acessível de qualquer lugar a qualquer momento.', // In English: "Store files, play games, find awesome apps, and much more! All in one place, accessible from anywhere at any time."
+        'welcome_get_started': 'Começar', // In English: "Get Started"
+        'welcome_terms': 'Termos', // In English: "Terms"
+        'welcome_privacy': 'Privacidade', // In English: "Privacy"
+        'welcome_developers': 'Desenvolvedores', // In English: "Developers"
+        'welcome_open_source': 'Código aberto', // In English: "Open Source"
+        'welcome_instant_login_title': 'Login Instantâneo!', // In English: "Instant Login!"
         'alert_error_title': 'Erro!', // In English: "Error!"
         'alert_warning_title': 'Aviso!', // In English: "Warning!"
         'alert_info_title': 'Informação', // In English: "Info"
@@ -386,12 +444,19 @@ const br = {
         'window_title_select_font': 'Selecionar', // In English: "Select font…"
         'window_title_session_list': 'Lista de Sessões!', // In English: "Session List!"
         'window_title_set_new_password': 'Definir Nova Senha', // In English: "Set New Password"
+        'window_title_instant_login': 'Inicio de Sessão Instantâneo', // In English: "Instant Login!"
         'window_title_publish_website': 'Publicar site', // In English: "Publish Website"
         'window_title_publish_worker': 'Publicar Worker', // In English: "Publish Worker"
         'window_title_authenticating': 'Autenticando...', // In English: "Authenticating..."
         'window_title_refer_friend': 'Indicar um amigo!', // In English: "Refer a friend!"
+        'desktop_show_desktop': 'Mostrar Área de Trabalho', // In English: "Show Desktop"
+        'desktop_show_open_windows': 'Mostrar Janelas Abertas', // In English: "Show Open Windows"
         'desktop_exit_full_screen': 'Sair de Tela Cheia', // In English: "Exit Full Screen"
         'desktop_enter_full_screen': 'Entrar em Tela Cheia', // In English: "Enter Full Screen"
+        'desktop_position': 'Posição', // In English: "Position"
+        'desktop_position_left': 'Esquerda', // In English: "Left"
+        'desktop_position_bottom': 'Fundo', // In English: "Bottom"
+        'desktop_position_right': 'Direita', // In English: "Right"
         'item_shared_with_you': 'Um usuário compartilhou este item com você.', // In English: "A user has shared this item with you."
         'item_shared_by_you': 'Você compartilhou este item com pelo menos um usuário.', // In English: "You have shared this item with at least one other user."
         'item_shortcut': 'Atalho', // In English: "Shortcut"
@@ -406,6 +471,8 @@ const br = {
         'window_title_pictures': 'Imagens', // In English: "Pictures"
         'window_title_puter': 'Puter', // In English: "Puter"
         'window_folder_empty': 'Esta pasta está vazia', // In English: "This folder is empty"
+        'manage_your_subdomains': 'Gerenciar seus subdomínios', // In English: "Manage Your Subdomains"
+        'open_containing_folder': 'Abrir local do arquivo', // In English: "Open Containing Folder"
 
     },
 };

src/gui/src/i18n/translations/cs.js

@@ -41,6 +41,7 @@ const cs = {
         "app_feedback_error": "Něco se pokazilo. Zkuste to prosím znovu.",
         "app_feedback_placeholder": "Co funguje dobře? Co by mohlo být lepší?",
         "add_another_account": "Přidat další účet",
+        "add_to_desktop": "Přidat na plochu",
         "app_feedback_c2a": "Vaše zpětná vazba bude odeslána přímo vývojáři této aplikace.",
         "app_feedback_privacy_note": "Vaše uživatelské jméno a e-mailová adresa budou sdíleny s vývojářem, aby vám mohl odpovědět.",
         "add_app_request_sent": "Děkujeme – váš požadavek patří našemu týmu. Pokud váš účet obsahuje e-mail, můžeme na něj navázat.",
@@ -49,14 +50,18 @@ const cs = {
         "app_group_open": "Otevřít",
         "app_group_name_aria": "Název složky",
         "app_group_rename": "Přejmenovat",
+        "apply": "Použít",
         "ascending": "Vzestupně",
         "app_feedback_privacy_note_no_email": "Vaše uživatelské jméno bude sdíleno s vývojářem.",
         "app_feedback_rate_limited": "V poslední době jste odeslali spoustu zpětné vazby. Zkuste to znovu později.",
         "app_feedback_not_available": "Tato aplikace momentálně nepřijímá zpětnou vazbu.",
         "back": "Zpět",
+        "background": "Pozadí",
+        "browse": "Procházet",
         "browser": "Prohlížeč",
         "app_group_tile_aria": "%%, složka %% aplikací",
         "cancel": "Zrušit",
+        "center": "Na střed",
         "change": "Změnit",
         "app_group_ungroup": "Zrušit seskupení",
         "app_group_remove_from_folder": "Odebrat ze složky",
@@ -72,11 +77,15 @@ const cs = {
         "revalidate_flow_notice": "Až budete pokračovat, budete požádáni o přihlášení pomocí propojeného účtu.",
         "reauth_required_message": "Vaše relace byla z důvodu zabezpečení aktualizována – přihlaste se prosím znovu.",
         "close": "Zavřít",
+        "close_all_windows": "Zavřete všechna okna",
         "change_email": "Změnit e-mail",
         "revalidated": "Znovu ověřeno.",
         "color_depth": "Barevná hloubka",
         "revalidate_with_google": "Znovu ověřte pomocí Googlu",
+        "color": "Barva",
         "confirm": "Potvrdit",
+        "change_desktop_background": "Změnit pozadí plochy…",
+        "close_all_windows_confirm": "Opravdu chcete zavřít všechna okna?",
         "revalidate_sign_in_popup": "Ve vyskakovacím okně se přihlaste pomocí svého propojeného účtu.",
         "confirm_code_generic_try_again": "Zkuste to znovu",
         "confirm_code_generic_submit": "Odeslat kód",
@@ -101,6 +110,8 @@ const cs = {
         "confirm_revoke_all_other_sessions": "Zrušit všechny ostatní relace? Zde zůstanete přihlášeni.",
         "confirm_your_email_address": "Potvrďte svou e-mailovou adresu",
         "confirm_session_revoke": "Opravdu chcete tuto relaci zrušit?",
+        "contain": "Zobrazit celý",
+        "cover": "Vyplnit",
         "copy": "Kopírovat",
         "copy_link": "Kopírovat odkaz",
         "create_account": "Vytvořit účet",
@@ -122,6 +133,7 @@ const cs = {
         "copying": "Kopírování",
         "delete": "Vymazat",
         "delete_permanently": "Trvale smazat",
+        "default": "Výchozí",
         "delete_account": "Smazat účet",
         "desktop": "Plocha",
         "desktop_background_fit": "Přizpůsobit",
@@ -146,6 +158,7 @@ const cs = {
         "email_change_confirmation_sent": "Na novou e-mailovou adresu byl odeslán potvrzovací e-mail. Zkontrolujte doručenou poštu a dokončete postup podle pokynů.",
         "disk_storage": "Diskové úložiště",
         "email_invalid": "E-mail je neplatný.",
+        "disassociate_dir": "Odpojit adresář",
         "error_download_failed": "Stažení souboru se nezdařilo",
         "disable_2fa_instructions": "Pro deaktivaci 2FA zadejte své heslo.",
         "downloading_file": "Stahování %%",
@@ -156,19 +169,23 @@ const cs = {
         "enable_2fa": "Povolit 2FA",
         "end_hard": "Vynutit ukončení",
         "empty_trash_confirmation": "Opravdu chcete trvale smazat položky v koši?",
+        "end_process_force_confirm": "Opravdu chcete vynutit ukončení tohoto procesu?",
         "feedback": "Zpětná vazba",
         "favorites": "Oblíbené",
         "feedback_c2a": "Pomocí formuláře níže nám pošlete zpětnou vazbu, komentáře a hlášení o chybách.",
         "feedback_sent_confirmation": "Děkujeme, že jste nás kontaktovali. Pokud máte ke svému účtu přidružený e-mail, co nejdříve se vám ozveme.",
+        "fit": "Přizpůsobit",
         "folder": "Složka",
         "forgot_pass_c2a": "Zapomněli jste heslo?",
         "from": "Z",
         "general": "Obecné",
         "error_uploading_files": "Nahrání souborů se nezdařilo",
         "end_soft": "Ukončit běžným způsobem",
+        "force_quit": "Vynutit ukončení",
         "enlarged_qr_code": "Zvětšený QR kód",
         "home": "Domů",
         "hue": "Odstín",
+        "image": "Obrázek",
         "incorrect_password": "Nesprávné heslo",
         "get_a_copy_of_on_puter": "Získejte kopii '%%' na Puter.com!",
         "enter_password_to_confirm_delete_user": "Pro potvrzení smazání účtu zadejte své heslo",
@@ -186,15 +203,19 @@ const cs = {
         "keep_both": "Nechte si obojí",
         "html_document": "HTML dokument",
         "invite_link": "Odkaz na pozvánku",
+        "keep_in_taskbar": "Ponechat na hlavním panelu",
+        "hide_all_windows": "Skrýt všechna okna",
         "log_in": "Přihlásit se",
         "log_out": "Odhlásit se",
         "looks_good": "Vypadá to dobře!",
         "move": "Přesunout",
         "minimize": "Minimalizovat",
         "modified": "Upraveno",
+        "log_into_another_account_anyway": "Přesto se přihlaste k jinému účtu",
         "name": "Jméno",
         "logging_in_as": "Přihlašujete se jako <strong>{{identity}}</strong>",
         "name_cannot_be_empty": "Název nemůže být prázdný.",
+        "my_websites": "Moje webové stránky",
         "reload_app": "Znovu načíst aplikaci",
         "name_cannot_contain_period": "Název nesmí obsahovat znak „.“.",
         "moving_file": "Přesouvá se %%",
@@ -208,6 +229,7 @@ const cs = {
         "ok": "OK",
         "or": "nebo",
         "name_too_long": "Název nesmí být delší než %% znaků.",
+        "new_window": "Nové okno",
         "open": "Otevřít",
         "open_in_new_tab": "Otevřít na nové kartě",
         "open_in_new_window": "Otevřít v novém okně",
@@ -216,7 +238,9 @@ const cs = {
         "open_with_ai": "Otevřít pomocí AI",
         "os": "Operační systém",
         "name_must_be_string": "Název může být pouze řetězec.",
+        "no_dir_associated_with_site": "K této adrese není přidružen žádný adresář.",
         "oss_code_and_content": "Software a obsah s otevřeným zdrojovým kódem",
+        "no_websites_published": "Dosud jste nepublikovali žádné webové stránky. Začněte kliknutím pravým tlačítkem na složku.",
         "os_version": "Verze OS",
         "password": "Heslo",
         "password_changed": "Heslo bylo změněno.",
@@ -225,6 +249,7 @@ const cs = {
         "original_name": "Původní název",
         "password_required": "Heslo je povinné.",
         "open_with": "Otevřít pomocí",
+        "open_trash": "Otevřít koš",
         "path": "Cesta",
         "personalization": "Personalizace",
         "paste": "Vložit",
@@ -252,6 +277,7 @@ const cs = {
         "phone_invalid_code": "Neplatný ověřovací kód.",
         "phone_resend_in": "Znovu odeslat za %%",
         "phone_could_not_send": "Na toto číslo nelze odeslat kód.",
+        "picture": "Obrázek",
         "pictures": "Obrázky",
         "plural_suffix": "",
         "preparing": "Příprava...",
@@ -261,7 +287,12 @@ const cs = {
         "proceed_with_account_deletion": "Pokračujte ve smazání účtu",
         "pick_name_for_website": "Vyberte název pro svůj web:",
         "phone_code_sent_whatsapp": "Zadejte 6místný kód odeslaný přes WhatsApp na",
+        "pick_name_for_worker": "Vyberte jméno pro svého pracovníka:",
         "phone_code_sent_to": "Zadejte 6místný kód odeslaný na",
+        "process_status_running": "Běží",
+        "process_status_initializing": "Inicializace",
+        "process_type_ui": "UI",
+        "process_type_app": "Aplikace",
         "properties": "Vlastnosti",
         "publish": "Publikovat",
         "public": "Veřejné",
@@ -270,11 +301,16 @@ const cs = {
         "pixel_ratio": "Poměr pixelů",
         "proceed_to_login": "Pokračovat k přihlášení",
         "publish_as_website": "Publikovat jako web",
+        "process_type_init": "Inicializace",
+        "recent": "Nedávné",
+        "recommended": "Doporučeno",
         "refresh": "Obnovit",
         "puter_description": "Puter je osobní cloud zaměřený na ochranu soukromí, který uchovává všechny vaše soubory, aplikace a hry na jednom bezpečném místě, které jsou dostupné odkudkoli a kdykoli.",
         "rename": "Přejmenovat",
+        "repeat": "Opakovat",
         "replace": "Nahradit",
         "refer_friends_social_media_c2a": "Získejte 1 GB úložného prostoru zdarma na Puter.com!",
+        "release_address_confirmation": "Opravdu chcete uvolnit tuto adresu?",
         "reading": "Čtení %strong%",
         "writing": "Psaní %strong%",
         "Resources": "Zdroje",
@@ -284,11 +320,13 @@ const cs = {
         "replace_all": "Nahradit vše",
         "recover_password": "Obnovit heslo",
         "publish_as_serverless_worker": "Publikovat jako pracovník",
+        "remove_from_taskbar": "Odebrat z hlavního panelu",
         "save_session": "Uložit relaci",
         "save_account_to_get_copy_link": "Chcete-li pokračovat, vytvořte si účet.",
         "resend_confirmation_code": "Znovu odeslat potvrzovací kód",
         "scan_qr_2fa": "Naskenujte QR kód pomocí aplikace pro ověřování",
         "save_account_to_publish": "Chcete-li pokračovat, vytvořte si účet.",
+        "restart_puter_confirm": "Opravdu chcete restartovat Puter?",
         "seconds": "sekundy",
         "search": "Hledat",
         "save_session_c2a": "Vytvořte si účet pro uložení aktuální relace a vyhněte se ztrátě své práce.",
@@ -305,16 +343,19 @@ const cs = {
         "session_saved": "Děkujeme za vytvoření účtu. Tato relace byla uložena.",
         "send_password_recovery_email": "Odeslat e-mail pro obnovení hesla",
         "save_account": "Uložit účet",
+        "scan_qr_c2a": "Naskenujte níže uvedený kód\npro přihlášení do této relace z jiných zařízení",
         "keyboard_shortcuts_shortcut": "Zkratka",
         "keyboard_shortcuts_navigation": "Navigace",
         "keyboard_shortcuts_general": "Obecné",
         "keyboard_shortcuts_search": "Otevřít vyhledávání",
         "keyboard_shortcuts_select_all": "Vybrat všechny položky",
         "keyboard_shortcuts_intro": "Naučte se nejužitečnější zkratky pro rychlejší navigaci v Puteru.",
+        "scan_qr_generic": "Naskenujte tento QR kód pomocí telefonu nebo jiného zařízení",
         "keyboard_shortcuts_files": "Soubory a schránka",
         "keyboard_shortcuts_undo": "Vrátit zpět poslední akci",
         "keyboard_shortcuts_open_item": "Otevřít vybranou položku",
         "keyboard_shortcuts_close_window": "Zavřít aktivní okno",
+        "select_color": "Vyberte barvu…",
         "keyboard_shortcuts_arrow_navigation": "Procházet nabídky a výběry",
         "keyboard_shortcuts_type_to_select": "Zadat název položky a přejít na ni",
         "keyboard_shortcuts_open_help": "Otevřít tuto příručku klávesových zkratek",
@@ -375,6 +416,7 @@ const cs = {
         "blocked_none": "Nikoho jste nezablokovali.",
         "blocked_failed": "Seznam blokovaných se nepodařilo aktualizovat.",
         "shortcut_to": "Zkratka k",
+        "show_all_windows": "Zobrazit všechna okna",
         "share_with": "Sdílet s:",
         "share_inherited_via": "přes {{folder}}",
         "sign_in": "Přihlásit se",
@@ -382,20 +424,27 @@ const cs = {
         "signing_in": "Přihlašování…",
         "sign_up": "Vytvořit účet",
         "skip": "Přeskočit",
+        "start": "Spustit",
         "something_went_wrong": "Něco se pokazilo. Zkuste to prosím znovu.",
         "status": "Stav",
         "Storage": "Úložiště",
         "blocked_added": "Blokováno {{username}}",
+        "task_manager": "Správce úloh",
         "storage_puter_used": "používá Puter",
         "storage_usage": "Využití úložiště",
         "sign_in_with_puter": "Přihlásit se pomocí Puteru",
         "your_plan": "Váš plán",
         "show_hidden": "Zobrazit skryté",
         "sort_by": "Seřadit podle",
+        "taskmgr_header_name": "Jméno",
+        "taskmgr_header_status": "Stav",
         "terms": "Podmínky",
         "toolbar.enter_fullscreen": "Přejít na celou obrazovku",
+        "taskmgr_header_type": "Typ",
         "toolbar.github": "GitHub",
         "toolbar.refer": "Odkázat",
+        "toolbar.search": "Hledat",
+        "toolbar.qrcode": "QR kód",
         "transparency": "Průhlednost",
         "taking_longer_than_usual": "Trvá to trochu déle než obvykle. Čekejte prosím...",
         "trash": "Koš",
@@ -403,6 +452,7 @@ const cs = {
         "type_confirm_to_delete_account": "Chcete-li svůj účet smazat, zadejte „potvrdit“.",
         "two_factor": "Dvoufaktorové ověření",
         "toggle_view": "Přepnout zobrazení",
+        "toolbar.save_account": "Uložit účet",
         "two_factor_enabled": "2FA povoleno",
         "text_document": "Textový dokument",
         "two_factor_disabled": "2FA vypnuto",
@@ -443,6 +493,7 @@ const cs = {
         "videos": "Videa",
         "yes": "Ano",
         "versions": "Verze",
+        "yes_release_it": "Ano, uvolnit",
         "uptime": "Doba provozu",
         "upload_here": "Nahrát sem",
         "zip": "ZIP",
@@ -541,6 +592,11 @@ const cs = {
         "your_personal_internet_computer": "Váš osobní internetový počítač",
         "contact_support": "Kontaktujte prosím [email protected].",
         "account_suspended_message": "Tento účet je pozastaven.",
+        "welcome_title": "Vítejte ve svém osobním internetovém počítači",
+        "welcome_terms": "Podmínky",
+        "welcome_developers": "Vývojáři",
+        "welcome_get_started": "Začněte",
+        "welcome_privacy": "Soukromí",
         "alert_error_title": "Chyba!",
         "alert_warning_title": "Varování!",
         "alert_info_title": "Informace",
@@ -555,24 +611,34 @@ const cs = {
         "sign_up_with_google": "Zaregistrujte se u Google",
         "sign_in_with_apple": "Přihlaste se pomocí Apple",
         "sign_up_with_apple": "Zaregistrujte se u Apple",
+        "welcome_instant_login_title": "Okamžité přihlášení!",
         "sign_in_with_microsoft": "Přihlaste se pomocí Microsoftu",
         "sign_up_with_microsoft": "Zaregistrujte se u společnosti Microsoft",
+        "welcome_open_source": "Otevřený software",
         "login_password_required": "Je vyžadováno heslo",
         "window_title_open": "Otevřít",
         "window_title_change_password": "Změnit heslo",
         "login_email_username_required": "E-mail nebo uživatelské jméno je povinné",
         "sign_in_with_provider": "Přihlásit se pomocí %%",
         "sign_up_with_provider": "Zaregistrujte se pomocí %%",
+        "welcome_description": "Ukládejte soubory, hrajte hry, najděte úžasné aplikace a mnoho dalšího! Vše na jednom místě, dostupné odkudkoli a kdykoli.",
         "contact_support_with_code": "Kontaktujte prosím [email protected] a uveďte tento kód: {{id}}.",
         "window_title_set_new_password": "Nastavit nové heslo",
+        "window_title_instant_login": "Okamžité přihlášení!",
         "window_title_authenticating": "Ověřování...",
         "window_title_publish_worker": "Publikovat pracovníka",
+        "desktop_show_desktop": "Zobrazit plochu",
         "window_title_select_font": "Vybrat písmo…",
         "window_title_publish_website": "Publikovat webové stránky",
+        "desktop_show_open_windows": "Zobrazit otevřená okna",
         "sign_up_with_email": "Zaregistrujte se pomocí e-mailu",
         "window_title_refer_friend": "Doporučte příteli!",
         "window_title_session_list": "Seznam relací!",
+        "desktop_position_right": "Vpravo",
+        "desktop_position_left": "Vlevo",
+        "desktop_position_bottom": "Dole",
         "desktop_enter_full_screen": "Přejít na celou obrazovku",
+        "desktop_position": "Pozice",
         "item_shortcut": "Zkratka",
         "item_shared_by_you": "Tuto položku jste sdíleli s alespoň jedním dalším uživatelem.",
         "item_shared_with_you": "Tuto položku s vámi sdílí uživatel.",
@@ -584,11 +650,14 @@ const cs = {
         "item_associated_websites": "Přidružený web",
         "window_click_to_go_back": "Kliknutím se vrátíte zpět.",
         "desktop_exit_full_screen": "Ukončit režim celé obrazovky",
+        "manage_your_subdomains": "Spravujte své subdomény",
         "no_suitable_apps_found": "Nebyly nalezeny žádné vhodné aplikace",
         "window_title_puter": "Puter",
         "item_associated_websites_plural": "Přidružené webové stránky",
         "window_click_to_go_forward": "Kliknutím přejdete vpřed.",
+        "set_as_background": "Nastavit jako pozadí plochy",
         "perm_folder_pictures": "vaší složce Obrázky",
+        "open_containing_folder": "Otevřít obsahující složku",
         "perm_folder_documents": "vaší složce Dokumenty",
         "perm_folder_videos": "vaší složce Videa",
         "perm_apps_read": "zobrazit své aplikace",

src/gui/src/i18n/translations/da.js

@@ -29,17 +29,25 @@ const da = {
         add_another_account: 'Tilføj en anden konto',
         all_fields_required: 'Alle felter er påkrævede.',
         allow: 'Tillad',
+        apply: 'Anvend',
         ascending: 'Stigende',
         associated_websites: 'Tilknyttede websteder',
         auto_arrange: 'Auto Arrangere',
+        background: 'Baggrund',
+        browse: 'Gennemse',
         cancel: 'Annuller',
+        center: 'Center',
+        change_desktop_background: 'Ændre skrivebordsbaggrund…',
         change_email: 'Ændre e-mail',
         change_language: 'Ændre sprog',
         change_password: 'Ændre adgangskode',
         change_username: 'Ændre brugernavn',
         close: 'Luk',
+        close_all_windows: 'Luk alle vinduer',
+        close_all_windows_confirm: 'Er du sikker på, at du vil lukke alle vinduer?',
         close_all_windows_and_log_out: 'Luk vinduer og log ud',
         change_always_open_with: 'Vil du altid åbne denne filtype med',
+        color: 'Farve',
         confirm: 'Bekræft',
         confirm_2fa_setup: 'Jeg har tilføjet koden til min autentifikator-app',
         confirm_2fa_recovery: 'Jeg har gemt mine gendannelseskoder på et sikkert sted',
@@ -62,11 +70,13 @@ const da = {
         confirm_your_email_address: 'Bekræft din e-mailadresse',
         contact_us: 'Kontakt os',
         contact_us_verification_required: 'Du skal have en verificeret e-mailadresse for at bruge dette.',
+        contain: 'Indeholde',
         continue: 'Fortsæt',
         copy: 'Kopier',
         copy_link: 'Kopier link',
         copying: 'Kopierer',
         copying_file: 'Kopierer %%',
+        cover: 'Omslag',
         create_account: 'Opret konto',
         create_free_account: 'Opret gratis konto',
         create_shortcut: 'Opret genvej',
@@ -76,6 +86,7 @@ const da = {
         close_all: 'Luk alle',
         created: 'Oprettet',
         date_modified: 'Dato ændret',
+        default: 'Standard',
         delete: 'Slet',
         delete_account: 'Slet konto',
         delete_permanently: 'Slet permanent',
@@ -89,6 +100,7 @@ const da = {
         disable_2fa: 'Deaktiver 2FA',
         disable_2fa_confirm: 'Er du sikker på, at du vil deaktivere 2FA?',
         disable_2fa_instructions: 'Indtast din adgangskode for at deaktivere 2FA.',
+        disassociate_dir: 'Fjern tilknytning til mappe',
         documents: 'Dokumenter',
         dont_allow: 'Tillad ikke',
         download: 'Download',
@@ -104,6 +116,7 @@ const da = {
         emptying_trash: 'Tømmer papirkurv…',
         enable_2fa: 'Aktivér 2FA',
         end_hard: 'Afslut hårdt',
+        end_process_force_confirm: 'Er du sikker på, at du vil afslutte denne proces med tvang?',
         end_soft: 'Afslut blødt',
         enlarged_qr_code: 'Forstørret QR-kode',
         enter_password_to_confirm_delete_user: 'Indtast din adgangskode for at bekræfte sletning af konto',
@@ -114,32 +127,39 @@ const da = {
         feedback: 'Feedback',
         feedback_c2a: 'Brug venligst formularen nedenfor til at sende os din feedback, kommentarer og fejlrapporter.',
         feedback_sent_confirmation: 'Tak fordi du kontaktede os. Hvis du har en e-mail knyttet til din konto, vil du høre fra os så hurtigt som muligt.',
+        fit: 'Pas',
         folder: 'Mappe',
+        force_quit: 'Tving afslut',
         forgot_pass_c2a: 'Glemt adgangskode?',
         from: 'Fra',
         general: 'Generelt',
         get_a_copy_of_on_puter: 'Få en kopi af \'%%\' på Puter.com!',
         get_copy_link: 'Få kopi-link',
+        hide_all_windows: 'Skjul alle vinduer',
         home: 'Hjem',
         html_document: 'HTML-dokument',
         hue: 'Farvetone',
+        image: 'Billede',
         incorrect_password: 'Forkert adgangskode',
         invite_link: 'Inviter link',
         item: 'element',
         items_in_trash_cannot_be_renamed: 'Dette element kan ikke omdøbes, fordi det er i papirkurven. For at omdøbe dette element, skal du først trække det ud af papirkurven.',
         jpeg_image: 'JPEG-billede',
+        keep_in_taskbar: 'Behold i proceslinjen',
         language: 'Sprog',
         license: 'Licens',
         lightness: 'Lysstyrke',
         link_copied: 'Link kopieret',
         loading: 'Indlæser',
         log_in: 'Log ind',
+        log_into_another_account_anyway: 'Log ind på en anden konto alligevel',
         log_out: 'Log ud',
         looks_good: 'Ser godt ud!',
         manage_sessions: 'Administrer sessioner',
         modified: 'Ændret',
         move: 'Flyt',
         moving_file: 'Flytter %%',
+        my_websites: 'Mine websteder',
         name: 'Navn',
         name_cannot_be_empty: 'Navn kan ikke være tomt.',
         name_cannot_contain_double_period: "Navn kan ikke være '..' tegn.",
@@ -153,6 +173,8 @@ const da = {
         new_password: 'Ny adgangskode',
         new_username: 'Nyt brugernavn',
         no: 'Nej',
+        no_dir_associated_with_site: 'Ingen mappe tilknyttet denne adresse.',
+        no_websites_published: 'Du har ikke offentliggjort nogen websteder endnu. Højreklik på en mappe for at komme i gang.',
         ok: 'OK',
         open: 'Åbn',
         open_in_new_tab: 'Åbn i ny fane',
@@ -174,6 +196,7 @@ const da = {
         path: 'Sti',
         personalization: 'Personalisering',
         pick_name_for_website: 'Vælg et navn til dit websted:',
+        picture: 'Billede',
         pictures: 'Billeder',
         plural_suffix: 's',
         powered_by_puter_js: 'Udviklet af {{link=docs}}Puter.js{{/link}}',
@@ -183,20 +206,31 @@ const da = {
         privacy: 'Privatliv',
         proceed_to_login: 'Fortsæt til login',
         proceed_with_account_deletion: 'Fortsæt med sletning af konto',
+        process_status_initializing: 'Initialiserer',
+        process_status_running: 'Kører',
+        process_type_app: 'App',
+        process_type_init: 'Init',
+        process_type_ui: 'UI',
         properties: 'Egenskaber',
         public: 'Offentlig',
         publish: 'Offentliggør',
         publish_as_website: 'Offentliggør som websted',
         puter_description: 'Puter er en privatlivsorienteret personlig sky til at opbevare alle dine filer, apps og spil på ét sikkert sted, tilgængeligt fra hvor som helst, når som helst.',
         reading_file: 'Læser %strong%',
+        recent: 'Seneste',
+        recommended: 'Anbefalet',
         recover_password: 'Gendan adgangskode',
         refer_friends_c2a: 'Få 1 GB for hver ven, der opretter og bekræfter en konto på Puter. Din ven vil også få 1 GB!',
         refer_friends_social_media_c2a: 'Få 1 GB gratis lagerplads på Puter.com!',
         refresh: 'Opdater',
+        release_address_confirmation: 'Er du sikker på, at du vil frigive denne adresse?',
+        remove_from_taskbar: 'Fjern fra proceslinje',
         rename: 'Omdøb',
+        repeat: 'Gentag',
         replace: 'Erstat',
         replace_all: 'Erstat alle',
         resend_confirmation_code: 'Send bekræftelseskode igen',
+        restart_puter_confirm: 'Er du sikker på, at du vil genstarte Puter?',
         restore: 'Gendan',
         save: 'Gem',
         saturation: 'Mætning',
@@ -205,12 +239,15 @@ const da = {
         save_account_to_publish: 'Opret venligst en konto for at fortsætte.',
         save_session: 'Gem session',
         save_session_c2a: 'Opret en konto for at gemme din nuværende session og undgå at miste dit ændringer.',
+        scan_qr_c2a: 'Scan koden nedenfor\nfor at logge ind på denne session fra andre enheder',
         scan_qr_2fa: 'Scan QR-koden med din autentifikator-app',
+        scan_qr_generic: 'Scan denne QR-kode med din telefon eller en anden enhed',
         search: 'Søg',
         seconds: 'sekunder',
         security: 'Sikkerhed',
         select: 'Vælg',
         selected: 'valgt',
+        select_color: 'Vælg farve…',
         sessions: 'Sessioner',
         send: 'Send',
         send_password_recovery_email: 'Send e-mail til gendannelse af adgangskode',
@@ -219,7 +256,9 @@ const da = {
         set_new_password: 'Indstil ny adgangskode',
         share: 'Del',
         share_to: 'Del til',
+        share_with: 'Del med:',
         shortcut_to: 'Genvej til',
+        show_all_windows: 'Vis alle vinduer',
         show_hidden: 'Vis skjulte',
         sign_in_with_puter: 'Log ind med Puter',
         sign_up: 'Tilmeld dig',
@@ -228,10 +267,15 @@ const da = {
         skip: 'Spring over',
         something_went_wrong: 'Noget gik galt.',
         sort_by: 'Sorter efter',
+        start: 'Start',
         status: 'Status',
         storage_usage: 'Lagerforbrug',
         storage_puter_used: 'brugt af Puter',
         taking_longer_than_usual: 'Tager lidt længere tid end normalt. Vent venligst...',
+        task_manager: 'Opgavehåndtering',
+        taskmgr_header_name: 'Navn',
+        taskmgr_header_status: 'Status',
+        taskmgr_header_type: 'Type',
         terms: 'Vilkår',
         text_document: 'Tekstdokument',
         tos_fineprint: 'Ved at klikke på \'Opret gratis konto\' accepterer du Puters {{link=terms}}Brugsvilkår{{/link}} og {{link=privacy}}Privatlivspolitik{{/link}}.',
@@ -257,6 +301,7 @@ const da = {
         videos: 'Videoer',
         visibility: 'Synlighed',
         yes: 'Ja',
+        yes_release_it: 'Ja, frigiv det',
         you_have_been_referred_to_puter_by_a_friend: 'Du er blevet henvist til Puter af en ven!',
         zip: 'Zip',
         zipping_file: 'Zipper %strong%',
@@ -359,10 +404,16 @@ const da = {
         'create_shortcut_s': undefined, // In English: "Create Shortcuts"
         'minimize': undefined, // In English: "Minimize"
         'reload_app': undefined, // In English: "Reload App"
+        'new_window': undefined, // In English: "New Window"
+        'open_trash': undefined, // In English: "Open Trash"
+        'pick_name_for_worker': undefined, // In English: "Pick a name for your worker:"
         'publish_as_serverless_worker': undefined, // In English: "Publish as Worker"
         'toolbar.enter_fullscreen': undefined, // In English: "Enter Full Screen"
         'toolbar.github': undefined, // In English: "GitHub"
         'toolbar.refer': undefined, // In English: "Refer"
+        'toolbar.save_account': undefined, // In English: "Save Account"
+        'toolbar.search': undefined, // In English: "Search"
+        'toolbar.qrcode': undefined, // In English: "QR Code"
         'used_of': undefined, // In English: "{{used}} used of {{available}}"
         'worker': undefined, // In English: "Worker"
         'People with access': undefined, // In English: "People with access"
@@ -420,6 +471,14 @@ const da = {
         'too_many_attempts': undefined, // In English: "Too many attempts. Please try again later."
         'server_timeout': undefined, // In English: "The server took too long to respond. Please try again."
         'signup_error': undefined, // In English: "An error occurred during signup. Please try again."
+        'welcome_title': undefined, // In English: "Welcome to your Personal Internet Computer"
+        'welcome_description': undefined, // In English: "Store files, play games, find awesome apps, and much more! All in one place, accessible from anywhere at any time."
+        'welcome_get_started': undefined, // In English: "Get Started"
+        'welcome_terms': undefined, // In English: "Terms"
+        'welcome_privacy': undefined, // In English: "Privacy"
+        'welcome_developers': undefined, // In English: "Developers"
+        'welcome_open_source': undefined, // In English: "Open Source"
+        'welcome_instant_login_title': undefined, // In English: "Instant Login!"
         'alert_error_title': undefined, // In English: "Error!"
         'alert_warning_title': undefined, // In English: "Warning!"
         'alert_info_title': undefined, // In English: "Info"
@@ -437,12 +496,19 @@ const da = {
         'window_title_select_font': undefined, // In English: "Select font…"
         'window_title_session_list': undefined, // In English: "Session List!"
         'window_title_set_new_password': undefined, // In English: "Set New Password"
+        'window_title_instant_login': undefined, // In English: "Instant Login!"
         'window_title_publish_website': undefined, // In English: "Publish Website"
         'window_title_publish_worker': undefined, // In English: "Publish Worker"
         'window_title_authenticating': undefined, // In English: "Authenticating..."
         'window_title_refer_friend': undefined, // In English: "Refer a friend!"
+        'desktop_show_desktop': undefined, // In English: "Show Desktop"
+        'desktop_show_open_windows': undefined, // In English: "Show Open Windows"
         'desktop_exit_full_screen': undefined, // In English: "Exit Full Screen"
         'desktop_enter_full_screen': undefined, // In English: "Enter Full Screen"
+        'desktop_position': undefined, // In English: "Position"
+        'desktop_position_left': undefined, // In English: "Left"
+        'desktop_position_bottom': undefined, // In English: "Bottom"
+        'desktop_position_right': undefined, // In English: "Right"
         'item_shared_with_you': undefined, // In English: "A user has shared this item with you."
         'item_shared_by_you': undefined, // In English: "You have shared this item with at least one other user."
         'item_shortcut': undefined, // In English: "Shortcut"
@@ -457,6 +523,8 @@ const da = {
         'window_title_pictures': undefined, // In English: "Pictures"
         'window_title_puter': undefined, // In English: "Puter"
         'window_folder_empty': undefined, // In English: "This folder is empty"
+        'manage_your_subdomains': undefined, // In English: "Manage Your Subdomains"
+        'open_containing_folder': undefined, // In English: "Open Containing Folder"
 
     },
 };

src/gui/src/i18n/translations/de.js

@@ -29,17 +29,25 @@ const de = {
         add_another_account: 'Weiteres Konto hinzufügen',
         all_fields_required: 'Alle Felder sind erforderlich.',
         allow: 'Erlauben',
+        apply: 'Anwenden',
         ascending: 'Aufsteigend',
         associated_websites: 'Zugeordnete Webseiten',
         auto_arrange: 'Automatisch anordnen',
+        background: 'Hintergrund',
+        browse: 'Durchsuchen',
         cancel: 'Abbrechen',
+        center: 'Zentrieren',
+        change_desktop_background: 'Desktop-Hintergrund ändern…',
         change_email: 'E-Mail ändern',
         change_language: 'Sprache ändern',
         change_password: 'Passwort ändern',
         change_username: 'Benutzername ändern',
         close: 'Schließen',
+        close_all_windows: 'Alle Fenster schließen',
+        close_all_windows_confirm: 'Möchten Sie wirklich alle Fenster schließen?',
         close_all_windows_and_log_out: 'Fenster schließen und abmelden',
         change_always_open_with: 'Öffnen Sie diesen Dateityp immer mit',
+        color: 'Farbe',
         confirm_2fa_setup: 'Ich habe den Code in meine Authentifizierungs-App eingegeben',
         confirm_2fa_recovery: 'Ich habe meine Wiederherstellungscodes an einem sicheren Ort gespeichert',
         confirm_account_for_free_referral_storage_c2a: 'Erstellen Sie ein Konto und bestätigen Sie Ihre E-Mail-Adresse, um 1 GB kostenlosen Speicherplatz zu erhalten. Ihr Freund erhält ebenfalls 1 GB kostenlosen Speicherplatz.',
@@ -61,11 +69,13 @@ const de = {
         confirm_your_email_address: 'Bestätigen Sie Ihre E-Mail-Adresse',
         contact_us: 'Kontaktieren Sie uns',
         contact_us_verification_required: 'Sie müssen eine verifizierte E-Mail-Adresse haben, um dies zu verwenden.',
+        contain: 'Enthalten',
         continue: 'Weiter',
         copy: 'Kopieren',
         copy_link: 'Link kopieren',
         copying: 'Kopiere',
         copying_file: 'Kopieren von %%',
+        cover: 'Abdecken',
         create_account: 'Konto erstellen',
         create_free_account: 'Kostenloses Konto erstellen',
         create_shortcut: 'Verknüpfung erstellen',
@@ -75,6 +85,7 @@ const de = {
         close_all: 'Alle schließen',
         created: 'Erstellt',
         date_modified: 'Datum geändert',
+        default: 'Standard',
         delete: 'Löschen',
         delete_account: 'Konto löschen',
         delete_permanently: 'Dauerhaft löschen',
@@ -88,6 +99,7 @@ const de = {
         disable_2fa: '2FA deaktivieren',
         disable_2fa_confirm: 'Möchten Sie 2FA wirklich deaktivieren?',
         disable_2fa_instructions: 'Geben Sie Ihr Passwort ein, um 2FA zu deaktivieren.',
+        disassociate_dir: 'Verzeichnis trennen',
         documents: 'Dokumente',
         dont_allow: 'Nicht erlauben',
         download: 'Herunterladen',
@@ -103,6 +115,7 @@ const de = {
         emptying_trash: 'Papierkorb wird geleert…',
         enable_2fa: '2FA aktivieren',
         end_hard: 'Hart beenden',
+        end_process_force_confirm: 'Möchten Sie diesen Prozess wirklich beenden?',
         end_soft: 'Weich beenden',
         enlarged_qr_code: 'Vergrößerter QR-Code',
         enter_password_to_confirm_delete_user: 'Geben Sie Ihr Passwort ein, um die Löschung des Kontos zu bestätigen',
@@ -113,32 +126,39 @@ const de = {
         feedback: 'Rückmeldung',
         feedback_c2a: 'Bitte verwenden Sie das folgende Formular, um uns Ihre Rückmeldung, Kommentare und Fehlerberichte zu senden.',
         feedback_sent_confirmation: 'Danke, dass Sie uns kontaktiert haben. Wenn Sie eine E-Mail mit Ihrem Konto verknüpft haben, werden Sie so schnell wie möglich von uns hören.',
+        fit: 'Anpassen',
         folder: 'Ordner',
+        force_quit: 'Beenden erzwingen',
         forgot_pass_c2a: 'Passwort vergessen?',
         from: 'Von',
         general: 'Allgemein',
         get_a_copy_of_on_puter: 'Holen Sie sich eine Kopie von \'%%\' auf Puter.com!',
         get_copy_link: 'Kopierlink erhalten',
+        hide_all_windows: 'Alle Fenster verstecken',
         home: 'Startseite',
         html_document: 'HTML-Dokument',
         hue: 'Farbton',
+        image: 'Bild',
         incorrect_password: 'Falsches Passwort',
         invite_link: 'Einladungslink',
         item: 'Element',
         items_in_trash_cannot_be_renamed: 'Dieses Element kann nicht umbenannt werden, da es sich im Papierkorb befindet. Um dieses Element umzubenennen, ziehen Sie es zunächst aus dem Papierkorb.',
         jpeg_image: 'JPEG-Bild',
+        keep_in_taskbar: 'In Taskleiste behalten',
         language: 'Sprache',
         license: 'Lizenz',
         lightness: 'Helligkeit',
         link_copied: 'Link kopiert',
         loading: 'Laden',
         log_in: 'Anmelden',
+        log_into_another_account_anyway: 'Trotzdem bei einem anderen Konto anmelden',
         log_out: 'Abmelden',
         looks_good: 'Sieht gut aus!',
         manage_sessions: 'Sitzungen verwalten',
         modified: 'Geändert',
         move: 'Verschieben',
         moving_file: 'Verschiebe %%',
+        my_websites: 'Meine Webseiten',
         name: 'Name',
         name_cannot_be_empty: 'Name darf nicht leer sein.',
         name_cannot_contain_double_period: "Name darf nicht das Zeichen '..' enthalten.",
@@ -152,6 +172,8 @@ const de = {
         new_password: 'Neues Passwort',
         new_username: 'Neuer Benutzername',
         no: 'Nein',
+        no_dir_associated_with_site: 'Mit dieser Adresse ist kein Verzeichnis verknüpft.',
+        no_websites_published: 'Sie haben noch keine Webseite veröffentlicht.',
         ok: 'OK',
         open: 'Öffnen',
         open_in_new_tab: 'In neuem Tab öffnen',
@@ -173,6 +195,7 @@ const de = {
         path: 'Pfad',
         personalization: 'Personalisierung',
         pick_name_for_website: 'Wählen Sie einen Namen für Ihre Webseite:',
+        picture: 'Bild',
         pictures: 'Bilder',
         plural_suffix: 's',
         powered_by_puter_js: 'Betrieben von {{link=docs}}Puter.js{{/link}}',
@@ -182,20 +205,31 @@ const de = {
         privacy: 'Datenschutz',
         proceed_to_login: 'Zum Login fortfahren',
         proceed_with_account_deletion: 'Konto löschen',
+        process_status_initializing: 'Initialisierung',
+        process_status_running: 'Aktiv',
+        process_type_app: 'App',
+        process_type_init: 'Initialisierung',
+        process_type_ui: 'Benutzeroberfläche',
         properties: 'Eigenschaften',
         public: 'Öffentlich',
         publish: 'Veröffentlichen',
         publish_as_website: 'Als Webseite veröffentlichen',
         puter_description: 'Puter ist eine datenschutzorientierte persönliche Cloud, um alle Ihre Dateien, Apps und Spiele an einem sicheren Ort zu speichern, von überall und jederzeit zugänglich.',
         reading_file: 'Lesen von %strong%',
+        recent: 'Kürzlich',
+        recommended: 'Empfohlen',
         recover_password: 'Passwort wiederherstellen',
         refer_friends_c2a: 'Erhalten Sie 1 GB für jeden Freund, der ein Konto auf Puter erstellt und bestätigt. Ihr Freund erhält ebenfalls 1 GB!',
         refer_friends_social_media_c2a: 'Erhalten Sie 1 GB kostenlosen Speicherplatz auf Puter.com!',
         refresh: 'Aktualisieren',
+        release_address_confirmation: 'Möchten Sie diese Adresse wirklich freigeben?',
+        remove_from_taskbar: 'Von Taskleiste entfernen',
         rename: 'Umbenennen',
+        repeat: 'Wiederholen',
         replace: 'Ersetzen',
         replace_all: 'Alles ersetzen',
         resend_confirmation_code: 'Bestätigungscode erneut senden',
+        restart_puter_confirm: 'Möchten Sie Puter wirklich neu starten?',
         restore: 'Wiederherstellen',
         save: 'Speichern',
         saturation: 'Sättigung',
@@ -204,12 +238,15 @@ const de = {
         save_account_to_publish: 'Bitte erstellen Sie ein Konto, um fortzufahren.',
         save_session: 'Sitzung speichern',
         save_session_c2a: 'Erstellen Sie ein Konto, um Ihre aktuelle Sitzung zu speichern um den Verlust Ihrer Arbeit zu verhindern.',
+        scan_qr_c2a: 'Scannen Sie den folgenden Code, um sich von anderen Geräten in diese Sitzung einzuloggen',
         scan_qr_2fa: 'Scannen Sie den QR-Code mit Ihrer Authentifizierungs-App',
+        scan_qr_generic: 'Scannen Sie diesen QR-Code mit Ihrem Telefon oder einem anderen Gerät',
         search: 'Suchen',
         seconds: 'Sekunden',
         security: 'Sicherheit',
         select: 'Auswählen',
         selected: 'ausgewählt',
+        select_color: 'Farbe auswählen…',
         sessions: 'Sitzungen',
         send: 'Senden',
         send_password_recovery_email: 'Sende eine E-Mail, um Ihr Passwort wiederherzustellen',
@@ -218,7 +255,9 @@ const de = {
         set_new_password: 'Neues Passwort festlegen',
         share: 'Teilen',
         share_to: 'Teilen mit',
+        share_with: 'Teilen mit:',
         shortcut_to: 'Verknüpfung zu',
+        show_all_windows: 'Alle Fenster anzeigen',
         show_hidden: 'Zeige versteckte',
         sign_in_with_puter: 'Mit Puter anmelden',
         sign_up: 'Registrieren',
@@ -227,10 +266,15 @@ const de = {
         skip: 'Überspringen',
         something_went_wrong: 'Etwas ist schief gelaufen.',
         sort_by: 'Sortieren nach',
+        start: 'Starten',
         status: 'Status',
         storage_usage: 'Speichernutzung',
         storage_puter_used: 'Verwendet von Puter',
         taking_longer_than_usual: 'Es dauert etwas länger als gewöhnlich. Bitte warten...',
+        task_manager: 'Task-Manager',
+        taskmgr_header_name: 'Name',
+        taskmgr_header_status: 'Status',
+        taskmgr_header_type: 'Typ',
         terms: 'Bedingungen',
         text_document: 'Textdokument',
         tos_fineprint: 'Durch Klicken auf \'Kostenloses Konto erstellen\' stimmen Sie den {{link=terms}}Nutzungsbedingungen{{/link}} und den {{link=privacy}}Datenschutzrichtlinien{{/link}} von Puter zu.',
@@ -256,6 +300,7 @@ const de = {
         videos: 'Videos',
         visibility: 'Sichtbarkeit',
         yes: 'Ja',
+        yes_release_it: 'Ja, veröffentlichen',
         you_have_been_referred_to_puter_by_a_friend: 'Sie wurden von einem Freund an Puter verwiesen!',
         zip: 'Verpacken',
         zipping_file: 'Verpacken von %strong%',
@@ -357,16 +402,30 @@ const de = {
         'create_shortcut_s': 'Verknüpfungen erstellen', // In English: "Create Shortcuts"
         'minimize': 'Minimieren', // In English: "Minimize"
         'reload_app': 'App neu laden', // In English: "Reload App"
+        'new_window': 'Neues Fenster', // In English: "New Window"
+        'open_trash': 'Papierkorb öffnen', // In English: "Open Trash"
+        'pick_name_for_worker': 'Wählen Sie einen Namen für Ihren Mitarbeiter:', // In English: "Pick a name for your worker:"
         'publish_as_serverless_worker': 'Als Worker veröffentlichen', // In English: "Publish as Worker"
         'toolbar.enter_fullscreen': 'Vollbildmodus aktivieren', // In English: "Enter Full Screen"
         'toolbar.github': 'GitHub', // In English: "GitHub"
         'toolbar.refer': 'Empfehlen', // In English: "Refer"
+        'toolbar.save_account': 'Konto speichern', // In English: "Save Account"
+        'toolbar.search': 'Suchen', // In English: "Search"
+        'toolbar.qrcode': 'QR-Code', // In English: "QR Code"
         'used_of': '{{used}} verwendet von {{available}} ', // In English: "{{used}} used of {{available}}"
         'worker': 'Worker', // In English: "Worker"
         'billing.offering.basic': 'Basic', // In English: "Basic"
         'too_many_attempts': 'Zu viele Versuche. Bitte versuchen Sie es später erneut.', // In English: "Too many attempts. Please try again later."
         'server_timeout': 'Die Antwort des Servers hat zu lange gedauert. Bitte versuchen Sie es erneut.', // In English: "The server took too long to respond. Please try again."
         'signup_error': 'Bei der Anmeldung ist ein Fehler aufgetreten. Versuchen Sie es bitte noch einmal.', // In English: "An error occurred during signup. Please try again."
+        'welcome_title': 'Willkommen auf Ihrem persönlichen Internetcomputer', // In English: "Welcome to your Personal Internet Computer"
+        'welcome_description': 'Speichern Sie Dateien, spielen Sie Spiele, finden Sie tolle Apps und vieles mehr! Alles an einem Ort, jederzeit und überall zugänglich.', // In English: "Store files, play games, find awesome apps, and much more! All in one place, accessible from anywhere at any time."
+        'welcome_get_started': 'Erste Schritte', // In English: "Get Started"
+        'welcome_terms': 'Bedingungen', // In English: "Terms"
+        'welcome_privacy': 'Datenschutz', // In English: "Privacy"
+        'welcome_developers': 'Entwickler', // In English: "Developers"
+        'welcome_open_source': 'Open Source', // In English: "Open Source"
+        'welcome_instant_login_title': 'Sofortige Anmeldung!', // In English: "Instant Login!"
         'alert_error_title': 'Fehler', // In English: "Error!"
         'alert_warning_title': 'Warnung', // In English: "Warning!"
         'alert_info_title': 'Info', // In English: "Info"
@@ -384,12 +443,19 @@ const de = {
         'window_title_select_font': 'Schriftart auswählen…', // In English: "Select font…"
         'window_title_session_list': 'Sitzungsliste!', // In English: "Session List!"
         'window_title_set_new_password': 'Neues Passwort festlegen', // In English: "Set New Password"
+        'window_title_instant_login': 'Sofortige Anmeldung!', // In English: "Instant Login!"
         'window_title_publish_website': 'Website veröffentlichen', // In English: "Publish Website"
         'window_title_publish_worker': 'Veröffentlichungsmitarbeiter', // In English: "Publish Worker"
         'window_title_authenticating': 'Authentifizierung...', // In English: "Authenticating..."
         'window_title_refer_friend': 'Empfehlen Sie uns weiter!', // In English: "Refer a friend!"
+        'desktop_show_desktop': 'Desktop anzeigen', // In English: "Show Desktop"
+        'desktop_show_open_windows': 'Offene Fenster anzeigen', // In English: "Show Open Windows"
         'desktop_exit_full_screen': 'Vollbildmodus beenden', // In English: "Exit Full Screen"
         'desktop_enter_full_screen': 'Vollbildmodus aktivieren', // In English: "Enter Full Screen"
+        'desktop_position': 'Position', // In English: "Position"
+        'desktop_position_left': 'Links', // In English: "Left"
+        'desktop_position_bottom': 'Unten', // In English: "Bottom"
+        'desktop_position_right': 'Rechts', // In English: "Right"
         'item_shared_with_you': 'Ein Benutzer hat diesen Artikel mit Ihnen geteilt.', // In English: "A user has shared this item with you."
         'item_shared_by_you': 'Sie haben diesen Artikel mit mindestens einem anderen Benutzer geteilt.', // In English: "You have shared this item with at least one other user."
         'item_shortcut': 'Verknüpfung', // In English: "Shortcut"
@@ -404,6 +470,8 @@ const de = {
         'window_title_pictures': 'Bilder', // In English: "Pictures"
         'window_title_puter': 'Puter', // In English: "Puter"
         'window_folder_empty': 'Dieser Ordner ist leer', // In English: "This folder is empty"
+        'manage_your_subdomains': 'Verwalten Sie Ihre Subdomains', // In English: "Manage Your Subdomains"
+        'open_containing_folder': 'Enthaltenen Ordner öffnen', // In English: "Open Containing Folder"
     },
 };
 

src/gui/src/i18n/translations/emoji.js

@@ -25,23 +25,32 @@ const emoji = {
         access_granted_to: '🔓✅',
         add_another_account: '➕👤',
         all_fields_required: '📝🔒✅',
+        apply: '📋🔄',
         ascending: '🔼',
         auto_arrange: '🔄📂📄',
+        background: '🖼️',
+        browse: '🔍',
         cancel: '❌',
+        center: '🎯',
+        change_desktop_background: '🔄🖥️🖼️',
         change_language: '🔄🌐',
         change_password: '🔑🔄',
         change_username: '👤🔄',
+        close_all_windows: '🖼️❌🖼️',
         close_all_windows_and_log_out: '❌🔄🖼️🖼️🔚',
+        color: '🎨',
         confirm_account_for_free_referral_storage_c2a: '📧🆓👤📂📦🆓',
         confirm_delete_multiple_items: '❓❌📂❓', // folder emoji indicates plurality
         confirm_delete_single_item: '❓❌📄❓', // document emoji indicates singular
         confirm_open_apps_log_out: '❓📦🔄🔚',
         confirm_new_password: '🔑❓🔑',
         contact_us: '📞📧',
+        contain: '📦🔍',
         continue: '⏩',
         copy: '📋',
         copy_link: '🔗📋',
         copying: '📄📋➡️',
+        cover: '📚👀',
         create_account: '👤🆕',
         create_free_account: '👤🆓',
         create_shortcut: '📌🔄',
@@ -54,6 +63,7 @@ const emoji = {
         descending: '🔽',
         desktop_background_fit: '🖥️🖼️',
         dir_published_as_website: '📂📰🌐',
+        disassociate_dir: '📂🔁❌',
         download: '⬇️',
         download_file: '⬇️📄',
         downloading: '⬇️➡️',
@@ -70,16 +80,21 @@ const emoji = {
         general: '⚙️',
         get_a_copy_of_on_puter: '📩🔄📂',
         get_copy_link: '🔗🔄',
+        hide_all_windows: '🔚🔄🖼️🖼️',
         html_document: '📄🌐',
+        image: '🖼️',
         invite_link: '🔗📩',
         item: '📂',
         items_in_trash_cannot_be_renamed: '🗑️🆓❌',
         jpeg_image: '🖼️',
+        keep_in_taskbar: '📌📁',
         loading: '🔄',
         log_in: '👤🔓',
+        log_into_another_account_anyway: '👤🔁',
         log_out: '👤🔚',
         move: '➡️',
         moving_file: '📄➡️📂...',
+        my_websites: '🌐👤',
         name: '📛',
         name_cannot_be_empty: '📛⚠️',
         name_cannot_contain_double_period: '📛⚫⚫❌',
@@ -92,6 +107,8 @@ const emoji = {
         new_password: '🆕🔑',
         new_username: '🆕👤',
         no: '❌',
+        no_dir_associated_with_site: '📂❌🌐',
+        no_websites_published: '🌐❌',
         ok: '👌',
         open: '📂🔄',
         open_in_new_tab: '📂🔄🆕',
@@ -103,6 +120,7 @@ const emoji = {
         paste: '📋➡️',
         paste_into_folder: '📋➡️📂',
         pick_name_for_website: '🌐📛❓:',
+        picture: '🖼️',
         powered_by_puter_js: '⚙️🔌🔗',
         preparing: '🔄🔜',
         preparing_for_upload: '🔄🔜',
@@ -111,11 +129,15 @@ const emoji = {
         publish: '📰',
         publish_as_website: '🌐📰',
         plural_suffix: '🅰️',
+        recent: '🔙',
         recover_password: '📧🔑🔄', // Flow correction
         refer_friends_c2a: '👤📞📧👤',
         refer_friends_social_media_c2a: '📲👤🆓',
         refresh: '🔄🔄',
+        release_address_confirmation: '❓🆓',
+        remove_from_taskbar: '📌❌📁',
         rename: '🔄📛',
+        repeat: '🔂',
         replace: '🔄🔄',
         replace_all: '🔄🔄',
         resend_confirmation_code: '📧🔁',
@@ -125,13 +147,16 @@ const emoji = {
         save_account_to_publish: '💾👤📰',
         save_session: '💾📂',
         save_session_c2a: '💾👤🔄',
+        scan_qr_c2a: '📲🔍',
         select: '👉',
         selected: '✅',
+        select_color: '🎨👉',
         send: '📤',
         send_password_recovery_email: '📧🔑🔄',
         session_saved: '👤💾🔄',
         set_new_password: '🔑🆕',
         share_to: '🔁➡️',
+        show_all_windows: '🖼️🔓🖼️',
         show_hidden: '👁️🔄',
         sign_in_with_puter: '👤🆔',
         sign_up: '👤🆕',
@@ -139,6 +164,7 @@ const emoji = {
         size: '📏',
         skip: '⏩',
         sort_by: '🔢🔄',
+        start: '🚀',
         taking_longer_than_usual: '⏳🔄',
         text_document: '📄',
         tos_fineprint: '👤📝📄',
@@ -152,6 +178,7 @@ const emoji = {
         username_changed: '👤✅',
         versions: '🔄📃',
         yes: '✅',
+        yes_release_it: '✅⚡', // Action Oriented release
         you_have_been_referred_to_puter_by_a_friend: '👤👫🔁🆓',
         zip: '📂🔒',
     },

src/gui/src/i18n/translations/en.js

@@ -42,6 +42,7 @@ const en = {
         add_app_request_failed: "Couldn't send your request. Please try again.",
         add_app_request_placeholder: 'The app I wish Puter had is…',
         add_app_request_sent: 'Thanks — your request is with our team. If your account has an email, we may follow up on it.',
+        add_to_desktop: 'Add to Desktop',
         adjust_profile_picture: 'Adjust your photo',
         all_fields_required: 'All fields are required.',
         allow: 'Allow',
@@ -65,17 +66,22 @@ const en = {
         app_launch_failed_retry_unnamed: "Couldn't open this app. Please try again.",
         app_launch_no_access: "You don't have access to {{app}}.",
         app_launch_no_access_unnamed: "You don't have access to this app.",
+        apply: 'Apply',
         ascending: 'Ascending',
         associated_websites: 'Associated Websites',
         auto_arrange: 'Auto Arrange',
         back: 'Back',
+        background: 'Background',
         bio: 'Bio',
+        browse: 'Browse',
         browser: 'Browser',
         browser_version: 'Browser Version',
         captcha_required: 'Please complete the CAPTCHA verification',
         cancel: 'Cancel',
+        center: 'Center',
         change: 'Change',
         change_always_open_with: 'Do you want to always open this type of file with',
+        change_desktop_background: 'Change desktop background…',
         change_email: 'Change Email',
         change_language: 'Change Language',
         change_password: 'Change Password',
@@ -91,8 +97,11 @@ const en = {
         reauth_required_message: 'Your session was updated for security — please sign in again.',
         color_depth: 'Color Depth',
         close: 'Close',
+        close_all_windows: 'Close All Windows',
+        close_all_windows_confirm: 'Are you sure you want to close all windows?',
         close_all_windows_and_log_out: 'Close Windows and Log Out',
         close_menu: 'Close menu',
+        color: 'Color',
         collapse_sidebar: 'Collapse sidebar',
         confirm: 'Confirm',
         confirm_2fa_setup: 'I have added the code to my authenticator app',
@@ -136,6 +145,7 @@ const en = {
         contact_us_message_required: 'Please write a message before sending.',
         contact_us_rate_limited: 'You have sent a lot of messages recently. Please try again later.',
         contact_us_verification_required: 'You must have a verified email address to use this.',
+        contain: 'Contain',
         continue: 'Continue',
         copied: 'Copied',
         copy: 'Copy',
@@ -143,6 +153,7 @@ const en = {
         copying: 'Copying',
         copying_file: 'Copying %%',
         cost: 'Cost',
+        cover: 'Cover',
         cpu_cores: 'CPU Cores',
         cpu: 'CPU',
         create_account: 'Create Account',
@@ -206,6 +217,7 @@ const en = {
         close_all: 'Close All',
         created: 'Created',
         date_modified: 'Date modified',
+        default: 'Default',
         delete: 'Delete',
         delete_account: 'Delete Account',
         delete_permanently: 'Delete Permanently',
@@ -221,6 +233,7 @@ const en = {
         disable_2fa_confirm: 'Are you sure you want to disable 2FA?',
         disable_2fa_instructions: 'Confirm your identity and enter an authenticator code or an unused recovery code to disable 2FA.',
         disable_2fa_code_instruction: 'Enter a 6-digit authenticator code or an unused recovery code.',
+        disassociate_dir: 'Disassociate Directory',
         display_name: 'Display Name',
         directory: 'Directory',
         disassociate: 'disassociate',
@@ -246,6 +259,7 @@ const en = {
         expand_sidebar: 'Expand sidebar',
         enable_2fa: 'Enable 2FA',
         end_hard: 'End Hard',
+        end_process_force_confirm: 'Are you sure you want to force-quit this process?',
         end_soft: 'End Soft',
         enlarged_qr_code: 'Enlarged QR Code',
         enter_password_to_confirm_delete_user: 'Enter your password to confirm account deletion',
@@ -262,16 +276,20 @@ const en = {
         feedback: 'Feedback',
         feedback_c2a: 'Please use the form below to send us your feedback, comments, and bug reports.',
         feedback_sent_confirmation: 'Thank you for contacting us. If you have an email associated with your account, you will hear back from us as soon as possible.',
+        fit: 'Fit',
         folder: 'Folder',
+        force_quit: 'Force Quit',
         forgot_pass_c2a: 'Forgot password?',
         from: 'From',
         general: 'General',
         get_a_copy_of_on_puter: 'Get a copy of \'%%\' on Puter.com!',
         get_copy_link: 'Get Copy Link',
+        hide_all_windows: 'Hide All Windows',
         hide_password: 'Hide password',
         home: 'Home',
         html_document: 'HTML document',
         hue: 'Hue',
+        image: 'Image',
         incorrect_password: 'Incorrect password',
         invite_link: 'Invite Link',
         item: 'item',
@@ -291,13 +309,14 @@ const en = {
         items_in_trash_cannot_be_renamed: 'This item can\'t be renamed because it\'s in the trash. To rename this item, first drag it out of the Trash.',
         jpeg_image: 'JPEG image',
         keep_both: 'Keep Both',
+        keep_in_taskbar: 'Keep in Taskbar',
         language: 'Language',
-        language_save_failed: 'Your language could not be saved. Please try again.',
         license: 'License',
         lightness: 'Lightness',
         link_copied: 'Link copied',
         loading: 'Loading',
         log_in: 'Log In',
+        log_into_another_account_anyway: 'Log into another account anyway',
         log_out: 'Log Out',
         logging_in_as: 'Logging in as <strong>{{identity}}</strong>',
         looks_good: 'Looks good!',
@@ -311,6 +330,7 @@ const en = {
         monthly_credits_title: 'Monthly credits',
         move: 'Move',
         moving_file: 'Moving %%',
+        my_websites: 'My Websites',
         minimize: 'Minimize',
         reload_app: 'Reload App',
         name: 'Name',
@@ -327,6 +347,8 @@ const en = {
         new_password: 'New Password',
         new_username: 'New Username',
         no: 'No',
+        no_dir_associated_with_site: 'No directory associated with this address.',
+        no_websites_published: 'You have not published any websites yet. Right click on a folder to get started.',
         notification: 'Notification',
         notification_mark_read: 'Mark as read',
         notification_mark_read_named: 'Mark as read: {{title}}',
@@ -346,6 +368,7 @@ const en = {
         ok: 'OK',
         or: 'or',
         open: 'Open',
+        new_window: 'New Window',
         open_with_ai: 'Open with AI',
         open_in_new_tab: 'Open in New Tab',
         app_pages: 'App pages',
@@ -370,6 +393,7 @@ const en = {
         uninstall_named: 'Uninstall {{name}}',
         open_in_new_window: 'Open in New Window',
         open_menu: 'Open menu',
+        open_trash: 'Open Trash',
         open_with: 'Open With',
         original_name: 'Original Name',
         original_path: 'Original Path',
@@ -421,6 +445,8 @@ const en = {
         phone_card_fallback_note: "We only check that the card is valid \u2014 you won't be charged.",
         phone_card_fallback_unavailable: "Card verification isn't available right now. Please try your phone number again, or email [email protected] and we'll help you finish setting up your account.",
         pick_name_for_website: 'Pick a name for your website:',
+        pick_name_for_worker: 'Pick a name for your worker:',
+        picture: 'Picture',
         pictures: 'Pictures',
         pixel_ratio: 'Pixel Ratio',
         plural_suffix: 's',
@@ -431,6 +457,11 @@ const en = {
         privacy: 'Privacy',
         proceed_to_login: 'Proceed to login',
         proceed_with_account_deletion: 'Proceed with Account Deletion',
+        process_status_initializing: 'Initializing',
+        process_status_running: 'Running',
+        process_type_app: 'App',
+        process_type_init: 'Init',
+        process_type_ui: 'UI',
         profile: 'Profile',
         profile_empty: 'Add a display name and bio',
         profile_picture_adjust_hint: 'Drag to reposition. Scroll or use the slider to zoom.',
@@ -499,11 +530,16 @@ const en = {
         ram: 'RAM',
         reading: 'Reading %strong%',
         writing: 'Writing %strong%',
+        recent: 'Recent',
+        recommended: 'Recommended',
         recover_password: 'Recover Password',
         refer_friends_social_media_c2a: 'Get 1 GB of free storage on Puter.com!',
         refresh: 'Refresh',
+        release_address_confirmation: 'Are you sure you want to release this address?',
+        remove_from_taskbar: 'Remove from Taskbar',
         remove_profile_picture: 'Remove photo',
         rename: 'Rename',
+        repeat: 'Repeat',
         replace: 'Replace',
         replace_all: 'Replace All',
         email_code_sent_to: 'To continue, please enter the 6-digit confirmation code sent to',
@@ -511,6 +547,7 @@ const en = {
         resend_confirmation_code: 'Re-send Confirmation Code',
         resource: 'Resource',
         'Resources': 'Resources',
+        restart_puter_confirm: 'Are you sure you want to restart Puter?',
         restore: 'Restore',
         restore_location_unknown: '“{{name}}” can’t be restored because where it was deleted from isn’t known.',
         restore_only_trash_items: '“{{name}}” is inside a folder in the Trash. Restore that folder instead.',
@@ -523,13 +560,16 @@ const en = {
         save_account_to_publish: 'Please create an account to proceed.',
         save_session: 'Save session',
         save_session_c2a: 'Create an account to save your current session and avoid losing your work.',
+        scan_qr_c2a: 'Scan the code below\nto log into this session from other devices',
         scan_qr_2fa: 'Scan the QR code with your authenticator app',
+        scan_qr_generic: 'Scan this QR code using your phone or another device',
         screen_resolution: 'Screen Resolution',
         search: 'Search',
         seconds: 'seconds',
         security: 'Security',
         select: 'Select',
         selected: 'selected',
+        select_color: 'Select color…',
         sessions: 'Sessions',
         send: 'Send',
         send_password_recovery_email: 'Send Password Recovery Email',
@@ -657,8 +697,10 @@ const en = {
         blocked_failed: 'Could not update your blocked list.',
         share_you: 'you',
         share_inherited_via: 'via {{folder}}',
+        share_with: 'Share with:',
         share_team_note:
             'Everyone in the team gets access, including anyone added to it later.',
+        share_row_team: 'team',
         share_row_anyone: 'Anyone with the link',
         share_general_access: 'General access',
         share_link_restricted: 'Restricted',
@@ -688,6 +730,7 @@ const en = {
         share_copy_link: 'Copy link',
         share_link_copied: 'Link copied',
         shortcut_to: 'Shortcut to',
+        show_all_windows: 'Show All Windows',
         show_hidden: 'Show hidden',
         show_password: 'Show password',
         sign_in: 'Sign in',
@@ -698,6 +741,7 @@ const en = {
         skip: 'Skip',
         something_went_wrong: 'Something went wrong.',
         sort_by: 'Sort by',
+        start: 'Start',
         status: 'Status',
         'Storage': 'Storage',
         storage_usage: 'Storage Usage',
@@ -740,12 +784,19 @@ const en = {
         payment_still_processing: 'Payment received. Your plan can take a moment to appear — it is safe to close this.',
         previous: 'Previous',
         next: 'Next',
+        task_manager: 'Task Manager',
+        taskmgr_header_name: 'Name',
+        taskmgr_header_status: 'Status',
+        taskmgr_header_type: 'Type',
         terms: 'Terms',
         text_document: 'Text document',
         toggle_view: 'Toggle view',
         'toolbar.enter_fullscreen': 'Enter Full Screen',
         'toolbar.github': 'GitHub',
         'toolbar.refer': 'Refer',
+        'toolbar.save_account': 'Save Account',
+        'toolbar.search': 'Search',
+        'toolbar.qrcode': 'QR Code',
         tos_fineprint: 'By signing up, you agree to Puter\'s {{link=terms}}Terms of Service{{/link}} and {{link=privacy}}Privacy Policy{{/link}}.',
         transparency: 'Transparency',
         trash: 'Trash',
@@ -803,6 +854,7 @@ const en = {
         videos: 'Videos',
         visibility: 'Visibility',
         yes: 'Yes',
+        yes_release_it: 'Yes, Release It',
         you_have_been_referred_to_puter_by_a_friend: 'You have been referred to Puter by a friend!',
         zip: 'Zip',
         zoom: 'Zoom',
@@ -935,6 +987,14 @@ const en = {
         // Welcome Window
         'welcome': 'Welcome',
         'your_personal_internet_computer': 'To your personal internet computer',
+        'welcome_title': 'Welcome to your Personal Internet Computer',
+        'welcome_description': 'Store files, play games, find awesome apps, and much more! All in one place, accessible from anywhere at any time.',
+        'welcome_get_started': 'Get Started',
+        'welcome_terms': 'Terms',
+        'welcome_privacy': 'Privacy',
+        'welcome_developers': 'Developers',
+        'welcome_open_source': 'Open Source',
+        'welcome_instant_login_title': 'Instant Login!',
 
         // Alert Window
         'alert_error_title': 'Error!',
@@ -971,14 +1031,21 @@ const en = {
         'window_title_select_font': 'Select font…',
         'window_title_session_list': 'Session List!',
         'window_title_set_new_password': 'Set New Password',
+        'window_title_instant_login': 'Instant Login!',
         'window_title_publish_website': 'Publish Website',
         'window_title_publish_worker': 'Publish Worker',
         'window_title_authenticating': 'Authenticating...',
         'window_title_refer_friend': 'Refer a friend!',
 
         // Desktop UI
+        'desktop_show_desktop': 'Show Desktop',
+        'desktop_show_open_windows': 'Show Open Windows',
         'desktop_exit_full_screen': 'Exit Full Screen',
         'desktop_enter_full_screen': 'Enter Full Screen',
+        'desktop_position': 'Position',
+        'desktop_position_left': 'Left',
+        'desktop_position_bottom': 'Bottom',
+        'desktop_position_right': 'Right',
         // Item UI
         'item_shared_with_you': 'A user has shared this item with you.',
         'item_shared_by_you': 'You have shared this item with at least one other user.',
@@ -1004,6 +1071,13 @@ const en = {
         'window_title_puter': 'Puter',
         'window_folder_empty': 'This folder is empty',
 
+        // Website Management
+        'manage_your_subdomains': 'Manage Your Subdomains',
+
+        'open_containing_folder': 'Open Containing Folder',
+
+        'set_as_background': 'Set as Desktop Background',
+
         // Permission Descriptions
         'perm_fs_see': 'see that {{name}} exists in {{path}}',
         'perm_fs_dir_see': 'see that the folder {{name}} in {{path}} exists, and whether anything exists in it or its subfolders',

src/gui/src/i18n/translations/es.js

@@ -36,17 +36,26 @@ const es = {
         add_another_account: 'Añadir otra cuenta',
         all_fields_required: 'Todos los campos son obligatorios.',
         allow: 'Permitir',
+        apply: 'Aplicar',
         ascending: 'Ascendiente',
         associated_websites: 'Sitios Web Asociados',
         auto_arrange: 'Organización Automática',
+        background: 'Fondo',
+        browse: 'Buscar',
         cancel: 'Cancelar',
+        center: 'Centrar',
+        change_desktop_background: 'Cambiar el fondo de pantalla…',
         change_email: 'Cambiar Correo Electrónico',
         change_language: 'Cambiar Idioma',
         change_password: 'Cambiar Contraseña',
         change_username: 'Cambiar Nombre de Usuario',
         close: 'Cerrar',
+        close_all_windows: 'Cerrar todas las ventanas',
+        close_all_windows_confirm:
+      '¿Estás seguro de que quieres cerrar todas las ventanas?',
         close_all_windows_and_log_out: 'Cerrar ventanas y cerrar sesión',
         change_always_open_with: '¿Quieres abrir siempre este tipo de archivos con',
+        color: 'Color',
         confirm: 'Confirmar',
         confirm_2fa_setup: 'He añadido el código a mi aplicación de autenticación',
         confirm_2fa_recovery:
@@ -78,11 +87,13 @@ const es = {
         contact_us: 'Contáctanos',
         contact_us_verification_required:
       'Debes tener un correo electrónico verificado para usar esto.',
+        contain: 'Contiene',
         continue: 'Continuar',
         copy: 'Copiar',
         copy_link: 'Copiar Enlace',
         copying: 'Copiando',
         copying_file: 'Copiando %%',
+        cover: 'Cubrir',
         create_account: 'Crear una cuenta',
         create_free_account: 'Crear una cuenta gratuita',
         create_shortcut: 'Crear un acceso directo',
@@ -92,6 +103,7 @@ const es = {
         close_all: 'Cerrar todo',
         created: 'Creado',
         date_modified: 'Fecha de modificación',
+        default: 'Por defecto',
         delete: 'Borrar',
         delete_account: 'Borrar cuenta',
         delete_permanently: 'Borrar permanentemente',
@@ -105,6 +117,7 @@ const es = {
         disable_2fa: 'Deshabilitar 2FA',
         disable_2fa_confirm: '¿Estás seguro que quieres deshabilitar 2FA?',
         disable_2fa_instructions: 'Ingresa tu contraseña para deshabilitar 2FA.',
+        disassociate_dir: 'Desvincular directorio',
         documents: 'Documentos',
         dont_allow: 'No permitir',
         download: 'Descargar',
@@ -121,6 +134,8 @@ const es = {
         emptying_trash: 'Vaciando la papelera…',
         enable_2fa: 'Habilitar 2FA',
         end_hard: 'Finalizar abruptamente',
+        end_process_force_confirm:
+      '¿Estás seguro de que quieres forzar la salida de este proceso?',
         end_soft: 'Finalizar suavemente',
         enlarged_qr_code: 'Código QR ampliado',
         enter_password_to_confirm_delete_user:
@@ -134,32 +149,40 @@ const es = {
       'Por favor, usa el formulario para enviarnos tus sugerencias, comentarios y reporte de errores.',
         feedback_sent_confirmation:
       'Gracias por ponerte en contacto con nosotros. Si tienes un correo electrónico vinculado a esta cuenta, nos pondremos en contacto contigo tan pronto como podamos.',
+        fit: 'Ajustar',
         folder: 'Carpeta',
+        force_quit: 'Forzar cierre',
         forgot_pass_c2a: '¿Olvidaste tu contraseña?',
         from: 'De',
         general: 'General',
         get_a_copy_of_on_puter: '¡Consigue una copia de \'%%\' en Puter.com!',
         get_copy_link: 'Copiar el enlace',
+        hide_all_windows: 'Ocultar todas las ventanas',
         home: 'Inicio',
         html_document: 'Documento HTML',
         hue: 'Hue',
+        image: 'Imagen',
         incorrect_password: 'Contraseña incorrecta',
         invite_link: 'Enlace de invitación',
         item: 'elemento',
         items_in_trash_cannot_be_renamed: 'Este elemento no se puede renombrar porque está en la papelera. Para cambiar el nombre de este archivo, primero extráelo fuera de la misma.',
         jpeg_image: 'Imagen JPEG',
+        keep_in_taskbar: 'Mantener en la barra de tareas',
         language: 'Lenguage',
         license: 'Licencia',
         lightness: 'Claridad',
         link_copied: 'Enlace copiado',
         loading: 'Cargando',
         log_in: 'Iniciar sesión',
+        log_into_another_account_anyway:
+      'Iniciar sesión en otra cuenta de todos modos',
         log_out: 'Cerrar sesión',
         looks_good: 'Se ve bien!',
         manage_sessions: 'Administrar sesión',
         modified: 'Modified',
         move: 'Mover',
         moving_file: 'Moviendo %%',
+        my_websites: 'Mis páginas web',
         name: 'Nombre',
         name_cannot_be_empty: 'El nombre no puede estar vacío.',
         name_cannot_contain_double_period:
@@ -174,6 +197,10 @@ const es = {
         new_password: 'Nueva contraseña',
         new_username: 'Nuevo nombre de usuario',
         no: 'No',
+        no_dir_associated_with_site:
+      'No hay un directorio vinculado con esta dirección.',
+        no_websites_published:
+      'Aun no has publicado ningún sitio web. Haz click derecho en una carpeta para empezar',
         ok: 'OK',
         open: 'Abrir',
         open_in_new_tab: 'Abrir en una nueva pestaña',
@@ -200,6 +227,7 @@ const es = {
         path: 'Ruta',
         personalization: 'Personalización',
         pick_name_for_website: 'Escoge un nombre para tu página web:',
+        picture: 'Imagen',
         pictures: 'Imagenes',
         plural_suffix: 's',
         powered_by_puter_js: 'Creado por {{link=docs}}Puter.js{{/link}}',
@@ -209,21 +237,32 @@ const es = {
         privacy: 'Privacidad',
         proceed_to_login: 'Procede a iniciar sesión',
         proceed_with_account_deletion: 'Procede con la eliminación de la cuenta',
+        process_status_initializing: 'Inicializando',
+        process_status_running: 'El ejecución',
+        process_type_app: 'Aplicación',
+        process_type_init: 'Inicialización',
+        process_type_ui: 'Interfaz de usuario',
         properties: 'Propiedades',
         public: 'Publico',
         publish: 'Publicar',
         publish_as_website: 'Publicar como página web',
         puter_description: 'Puter es un servicio de nube personal enfocado en privacidad que mantiene tus archivos, aplicaciónes, y juegos en un solo lugar, accesible desde cualquier lugar en cualquier momento.',
         reading_file: 'Leyendo %strong%',
+        recent: 'Reciente',
+        recommended: 'Recomendado',
         recover_password: 'Recuperar Contraseña',
         refer_friends_c2a:
       'Consigue 1 GB por cada amigo que cree y confirme una cuenta en Puter ¡Tu amigo recibirá 1GB también!',
         refer_friends_social_media_c2a: '¡Consigue 1 GB de almacenamiento gratuito en Puter.com!',
         refresh: 'Refrescar',
+        release_address_confirmation: '¿Estás seguro de que quieres liberar esta dirección?',
+        remove_from_taskbar: 'Eliminar de la barra de tareas',
         rename: 'Renombrar',
+        repeat: 'Repetir',
         replace: 'Remplazar',
         replace_all: 'Replace All',
         resend_confirmation_code: 'Reenviar Código de Confirmación',
+        restart_puter_confirm: '¿Estás seguro que deseas reiniciar Puter?',
         restore: 'Restaurar',
         save: 'Guardar',
         saturation: 'Saturación',
@@ -233,12 +272,16 @@ const es = {
         save_session: 'Guardar sesión',
         save_session_c2a:
       'Crea una cuenta para guardar tu sesión actual y evitar así perder tu trabajo.',
+        scan_qr_c2a:
+      'Escanee el código a continuación para inicia sesión desde otros dispositivos',
         scan_qr_2fa: 'Escanee el codigo QR con su aplicación de autenticación',
+        scan_qr_generic: 'Scan this QR code using your phone or another device',
         search: 'Buscar',
         seconds: 'segundos',
         security: 'Seguridad',
         select: 'Seleccionar',
         selected: 'seleccionado',
+        select_color: 'Seleccionar color…',
         sessions: 'Sesión',
         send: 'Enviar',
         send_password_recovery_email:
@@ -248,7 +291,9 @@ const es = {
         settings: 'Opciones',
         share: 'Compartir',
         share_to: 'Compartir a',
+        share_with: 'Compartir con:',
         shortcut_to: 'Acceso directo a',
+        show_all_windows: 'Mostrar todas las ventanas',
         show_hidden: 'Mostrar ocultos',
         sign_in_with_puter: 'Inicia sesión con Puter',
         sign_up: 'Registrarse',
@@ -257,11 +302,16 @@ const es = {
         skip: 'Saltar',
         something_went_wrong: 'Algo salió mal.',
         sort_by: 'Ordenar Por',
+        start: 'Inicio',
         status: 'Estado',
         storage_usage: 'Uso del almacenamiento',
         storage_puter_used: 'Usado por Puter',
         taking_longer_than_usual:
       'Tardando un poco más de lo habitual. Por favor, espere...',
+        task_manager: 'Administrador de tareas',
+        taskmgr_header_name: 'Nombre',
+        taskmgr_header_status: 'Estado',
+        taskmgr_header_type: 'Tipo',
         terms: 'Terminos',
         text_document: 'Documento de Texto',
         tos_fineprint: 'Al hacer clic en \'Crear una cuenta gratuita\' aceptas los {{link=terms}}términos del servicio{{/link}} y {{link=privacy}}la política de privacidad{{/link}} de Puter.',
@@ -288,6 +338,7 @@ const es = {
         videos: 'Videos',
         visibility: 'Visibilidad',
         yes: 'Si',
+        yes_release_it: 'Sí, libéralo',
         you_have_been_referred_to_puter_by_a_friend:
       '¡Has sido invitado a Puter por un amigo!',
         zip: 'Zip',
@@ -405,16 +456,30 @@ const es = {
         'create_shortcut_s': 'Crear atajos', // In English: "Create Shortcuts"
         'minimize': 'Minimizar', // In English: "Minimize"
         'reload_app': 'Recargar la Aplicación', // In English: "Reload App"
+        'new_window': 'Nueva Ventana', // In English: "New Window"
+        'open_trash': 'Abrir Papelera', // In English: "Open Trash"
+        'pick_name_for_worker': 'Elige un nombre para tu Worker:', // In English: "Pick a name for your worker:"
         'publish_as_serverless_worker': 'Publicar como un Worker', // In English: "Publish as Worker"
         'toolbar.enter_fullscreen': 'Abrir pantalla completa', // In English: "Enter Full Screen"
         'toolbar.github': 'GitHub', // In English: "GitHub"
         'toolbar.refer': 'Invitar', // In English: "Refer"
+        'toolbar.save_account': 'Guardar cuenta', // In English: "Save Account"
+        'toolbar.search': 'Buscar', // In English: "Search"
+        'toolbar.qrcode': 'Código QR', // In English: "QR Code"
         'used_of': '{{used}} en uso. {{available}} disponible', // In English: "{{used}} used of {{available}}"
         'worker': 'Worker', // In English: "Worker"
         'billing.offering.basic': 'Básico', // In English: "Basic"
         'too_many_attempts': 'Demasiados intentos. Por favor, intenta más tarde', // In English: "Too many attempts. Please try again later."
         'server_timeout': 'El servidor ha tardado mucho en responder. Intenta nuevamente', // In English: "The server took too long to respond. Please try again."
         'signup_error': 'Ocurrió un error durante el registro. Intente nuevamente', // In English: "An error occurred during signup. Please try again."
+        'welcome_title': 'Bienvenido a tu Computadora Personal de Internet', // In English: "Welcome to your Personal Internet Computer"
+        'welcome_description': '¡Guarda archivos, juega, encuentra apps increíbles y mucho más! Todo en un solo lugar, accesible en cualquier momento, desde cualquier lugar', // In English: "Store files, play games, find awesome apps, and much more! All in one place, accessible from anywhere at any time."
+        'welcome_get_started': 'Empecemos', // In English: "Get Started"
+        'welcome_terms': 'Términos', // In English: "Terms"
+        'welcome_privacy': 'Privacidad', // In English: "Privacy"
+        'welcome_developers': 'Desarrolladores', // In English: "Developers"
+        'welcome_open_source': 'Código abierto', // In English: "Open Source"
+        'welcome_instant_login_title': 'Inicio de sesión instantáneo', // In English: "Instant Login!"
         'alert_error_title': '¡Error!', // In English: "Error!"
         'alert_warning_title': '¡Cuidado!', // In English: "Warning!"
         'alert_info_title': 'Información', // In English: "Info"
@@ -432,12 +497,19 @@ const es = {
         'window_title_select_font': 'Seleccionar fuente…', // In English: "Select font…"
         'window_title_session_list': '¡Lista de sesiones!', // In English: "Session List!"
         'window_title_set_new_password': 'Establecer nueva contraseña', // In English: "Set New Password"
+        'window_title_instant_login': 'Inicio de sesión instantáneo', // In English: "Instant Login!"
         'window_title_publish_website': 'Publicar sitio web', // In English: "Publish Website"
         'window_title_publish_worker': 'Publicar Worker', // In English: "Publish Worker"
         'window_title_authenticating': 'Autenticando...', // In English: "Authenticating..."
         'window_title_refer_friend': '¡Invitar a un amigo!', // In English: "Refer a friend!"
+        'desktop_show_desktop': 'Mostrar Escritorio', // In English: "Show Desktop"
+        'desktop_show_open_windows': 'Mostrar Ventanas Abiertas', // In English: "Show Open Windows"
         'desktop_exit_full_screen': 'Salir de Pantalla Completa', // In English: "Exit Full Screen"
         'desktop_enter_full_screen': 'Abrir Pantalla Completa', // In English: "Enter Full Screen"
+        'desktop_position': 'Posición', // In English: "Position"
+        'desktop_position_left': 'Izquierda', // In English: "Left"
+        'desktop_position_bottom': 'Parte inferior', // In English: "Bottom"
+        'desktop_position_right': 'Derecha', // In English: "Right"
         'item_shared_with_you': 'Un usuario compartió este elemento contigo.', // In English: "A user has shared this item with you."
         'item_shared_by_you': 'Has compartido este elemento con otro usuario', // In English: "You have shared this item with at least one other user."
         'item_shortcut': 'Atajo', // In English: "Shortcut"
@@ -452,6 +524,8 @@ const es = {
         'window_title_pictures': 'Imágenes', // In English: "Pictures"
         'window_title_puter': 'Puter', // In English: "Puter"
         'window_folder_empty': 'Esta carpeta está vacía', // In English: "This folder is empty"
+        'manage_your_subdomains': 'Administra tus sub dominios', // In English: "Manage Your Subdomains"
+        'open_containing_folder': 'Abrir carpeta que lo contiene', // In English: "Open Containing Folder"
     },
 };
 

src/gui/src/i18n/translations/fa.js

@@ -29,18 +29,26 @@ const fa = {
         add_another_account: 'افزودن حساب کاربری دیگر',
         all_fields_required: 'تمامی فیلدها الزامی هستند.',
         allow: 'اجازه دسترسی',
+        apply: 'اعمال',
         ascending: 'صعودی',
         associated_websites: 'وب سایت های مرتبط',
         auto_arrange: 'ترتیب خودکار',
+        background: 'پس زمینه',
+        browse: 'مرور',
         cancel: 'لغو',
+        center: 'مرکز',
         change: 'تغییر',
         change_always_open_with: 'آیا می‌خواهید همیشه این نوع فایل را با ... باز کنید؟',
+        change_desktop_background: 'تغییر پس زمینه دسکتاپ…',
         change_email: 'تغییر ایمیل',
         change_language: 'تغییر زبان',
         change_password: 'تغییر رمز عبور',
         change_username: 'تغییر نام کاربری',
         close: 'بستن',
+        close_all_windows: 'بستن همه پنجره ها',
+        close_all_windows_confirm: 'آیا مطمئن هستید که می‌خواهید همه پنجره‌ها را ببندید؟',
         close_all_windows_and_log_out: 'بستن پنجره‌ها و خروج',
+        color: 'رنگ',
         confirm: 'تایید',
         confirm_2fa_setup: 'کد را به برنامه تأیید هویت خود اضافه کرده‌ام',
         confirm_2fa_recovery: 'کدهای بازیابی خود را در یک مکان امن ذخیره کرده‌ام',
@@ -71,11 +79,13 @@ const fa = {
         contact_us: 'تماس با ما',
         contact_us_verification_required:
       'شما باید یک آدرس ایمیل تأیید شده داشته باشید تا بتوانید از این استفاده کنید ',
+        contain: 'شامل',
         continue: 'ادامه',
         copy: 'کپی',
         copy_link: 'کپی لینک',
         copying: 'کپی',
         copying_file: 'درحال کپی کردن %%',
+        cover: 'جلد',
         create_account: 'ایجاد حساب کاربری',
         create_free_account: 'ایجاد حساب کاربری رایگان',
         create_shortcut: 'ایجاد میانبر',
@@ -85,6 +95,7 @@ const fa = {
         close_all: 'بستن همه',
         created: 'ایجاد شده',
         date_modified: 'تاریخ تغییر',
+        default: 'پیش فرض',
         delete: 'حذف',
         delete_account: 'حذف حساب کاربری',
         delete_permanently: 'حذف دائمی',
@@ -100,6 +111,7 @@ const fa = {
       'آیا مطمئن هستید که می‌خواهید احراز هویت دو مرحله ای را غیرفعال کنید؟',
         disable_2fa_instructions:
       'برای غیرفعال کردن احراز هویت دو مرحله ای ،رمز عبور خود را وارد کنید',
+        disassociate_dir: 'قطع ارتباط دایرکتوری',
         documents: 'اسناد',
         dont_allow: 'عدم اجازه',
         download: 'دانلود',
@@ -116,6 +128,8 @@ const fa = {
         emptying_trash: 'خالی کردن سطل زباله…',
         enable_2fa: 'فعال کردن احراز هویت دو مرحله ای',
         end_hard: 'پایان دادن سخت',
+        end_process_force_confirm:
+      'آیا مطمئن هستید که می‌خواهید این فرآیند را به اجبار متوقف کنید؟',
         end_soft: 'پایان دادن نرم',
         enlarged_qr_code: 'بارکد بزرگ شده',
         enter_password_to_confirm_delete_user:
@@ -129,32 +143,39 @@ const fa = {
       'لطفا از فرم زیر برای ارسال بازخورد، نظرات و گزارش خطا استفاده کنید.',
         feedback_sent_confirmation:
       'با تشکر از تماس شما. اگر ایمیلی به حساب کاربری شما متصل است، در اسرع وقت پاسخ خواهیم داد.',
+        fit: 'اندازه‌گذاری',
         folder: 'پوشه',
+        force_quit: 'خروج اجباری',
         forgot_pass_c2a: 'رمز عبور را فراموش کرده اید؟',
         from: 'از',
         general: 'عمومی',
         get_a_copy_of_on_puter: 'یک نسخه از \'%%\' را در Puter.com بگیرید!',
         get_copy_link: 'گرفتن لینک کپی',
+        hide_all_windows: 'پنهان کردن همه پنجره ها',
         home: 'خانه',
         html_document: 'سند HTML',
         hue: 'رنگ',
+        image: 'تصویر',
         incorrect_password: 'رمز عبور نادرست است',
         invite_link: 'لینک دعوت',
         item: 'مورد',
         items_in_trash_cannot_be_renamed: 'این مورد نمی تواند تغییر نام دهد زیرا در سطل زباله است. برای تغییر نام این مورد، ابتدا آن را از سطل زباله بیرون بکشید.',
         jpeg_image: 'تصویر JPEG',
+        keep_in_taskbar: 'در نوار وظایف نگه دارید',
         language: 'زبان',
         license: 'مجوز',
         lightness: 'روشنایی',
         link_copied: 'لینک کپی شد',
         loading: 'در حال بارگذاری',
         log_in: 'ورود',
+        log_into_another_account_anyway: 'به هر حال وارد حساب دیگری شوید',
         log_out: 'خروج',
         looks_good: 'خوب به نظر می‌رسد!',
         manage_sessions: 'مدیریت نشست‌ها',
         modified: 'تغییر داده شده',
         move: 'انتقال',
         moving_file: 'انتقال %%',
+        my_websites: 'وبسایت های من',
         name: 'نام',
         name_cannot_be_empty: 'نام نمی تواند خالی باشد.',
         name_cannot_contain_double_period: "نام نمی تواند شامل '..' باشد.",
@@ -168,6 +189,8 @@ const fa = {
         new_password: 'رمز عبور جدید',
         new_username: 'نام کاربری جدید',
         no: 'خیر',
+        no_dir_associated_with_site: 'هیچ دایرکتوری مرتبط با این آدرس وجود ندارد.',
+        no_websites_published: 'هنوز هیچ وبسایتی منتشر نکرده اید.',
         ok: 'خوب',
         open: 'باز کردن',
         open_in_new_tab: 'در تب جدید باز کن',
@@ -194,6 +217,7 @@ const fa = {
         path: 'مسیر',
         personalization: 'شخصی سازی',
         pick_name_for_website: 'یک نام برای وبسایت خود انتخاب کنید:',
+        picture: 'تصویر',
         pictures: 'تصاویر',
         plural_suffix: 'ها',
         powered_by_puter_js: 'پشتیبانی شده توسط {{link=docs}}Puter.js{{/link}}',
@@ -203,6 +227,11 @@ const fa = {
         privacy: 'حریم خصوصی',
         proceed_to_login: 'ادامه به ورود',
         proceed_with_account_deletion: 'ادامه به حذف حساب کاربری',
+        process_status_initializing: 'در حال راه‌اندازی',
+        process_status_running: 'در حال اجرا',
+        process_type_app: 'برنامه',
+        process_type_init: 'راه اندازی',
+        process_type_ui: 'رابط کاربری',
         properties: 'ویژگی ها',
         public: 'عمومی',
         publish: 'انتشار',
@@ -211,15 +240,22 @@ const fa = {
       'پیوتر یک کلاود با اولویت حفظ حریم خصوصی است که همه فایل‌ها، برنامه‌ها و بازی‌های شما را در یک فضای امن نگه می‌دارد که از هر جا و هر زمان قابل دسترسی است',
         reading: '%strong%درحال خواندن',
         writing: '%strong%درحال نوشتن',
+        recent: 'اخیر',
+        recommended: 'پیشنهاد',
         recover_password: 'بازیابی رمز عبور',
         refer_friends_c2a:
       'برای هر دوستی که حساب کاربری Puter ایجاد و تأیید کند، 1 گیگابایت دریافت کنید. دوست شما هم 1 گیگابایت دریافت خواهد کرد!',
         refer_friends_social_media_c2a: '1 گیگابایت فضای ذخیره سازی رایگان را در Puter.com بگیرید!',
         refresh: 'تازه کردن',
+        release_address_confirmation: 'آیا مطمئن هستید که می خواهید این آدرس را آزاد کنید؟',
+        remove_from_taskbar: 'از نوار وظایف حذف کن',
         rename: 'تغییر نام',
+        repeat: 'تکرار',
         replace: 'جایگزین کردن',
         replace_all: 'جایگزینی همه',
         resend_confirmation_code: 'ارسال مجدد کد تأیید',
+        restart_puter_confirm:
+      'آیا مطمئن هستید که می‌خواهید پیوتر را مجددا راه اندازی کنید',
         restore: 'بازیابی',
         save: 'ذخیره',
         saturation: 'اشباع رنگ',
@@ -229,12 +265,16 @@ const fa = {
         save_session: 'ذخیره نشست', // TN:better to use session instead of نشست
         save_session_c2a:
       'برای ذخیره جلسه فعلی و جلوگیری از از دست دادن کار خود یک حساب کاربری ایجاد کنید.',
+        scan_qr_c2a:
+      'کد زیر را از دستگاه های دیگر اسکن کنید تا به این جلسه وارد شوید',
         scan_qr_2fa: ' بارکد را با برنامه تایید هویت خود اسکن کنید',
+        scan_qr_generic: ' این بارکد را با گوشی همراه خود یا وسیله دیگری اسکن کنید',
         search: 'جستجو',
         seconds: 'ثانیه',
         security: 'امنیت',
         select: 'انتخاب',
         selected: 'انتخاب شده',
+        select_color: 'انتخاب رنگ…',
         sessions: 'نشست ها',
         send: 'ارسال',
         send_password_recovery_email: 'ارسال ایمیل بازیابی رمز عبور',
@@ -243,7 +283,9 @@ const fa = {
         set_new_password: 'تنظیم رمز عبور جدید',
         share: 'به اشتراک گذاری',
         share_to: 'اشتراک گذاری به',
+        share_with: 'اشتراک با',
         shortcut_to: 'میانبر به',
+        show_all_windows: 'نمایش همه پنجره ها',
         show_hidden: 'نمایش مخفی',
         sign_in_with_puter: 'ورود با Puter',
         sign_up: 'ثبت نام',
@@ -252,10 +294,15 @@ const fa = {
         skip: 'رد کردن',
         something_went_wrong: 'مشکلی پیش آمد',
         sort_by: 'مرتب سازی بر اساس',
+        start: 'شروع',
         status: 'وضعیت',
         storage_usage: 'میزان استفاده شده از فضای ذخیره سازی',
         storage_puter_used: 'استفاده شده توسط Puter',
         taking_longer_than_usual: 'کمی بیشتر از معمول طول می کشد. لطفا صبر کنید...',
+        task_manager: 'مدیر وظایف',
+        taskmgr_header_name: 'نام',
+        taskmgr_header_status: 'وضعیت',
+        taskmgr_header_type: 'نوع',
         terms: 'شرایط',
         text_document: 'سند متنی',
         tos_fineprint: 'با کلیک بر روی \'ایجاد حساب کاربری رایگان\' شما با {{link=terms}}شرایط خدمات{{/link}} و {{link=privacy}}سیاست حفظ حریم خصوصی{{/link}} Puter موافقت می کنید.',
@@ -283,6 +330,7 @@ const fa = {
         videos: 'ویدیو ها',
         visibility: 'قابلیت دیده شدن',
         yes: 'بله',
+        yes_release_it: 'بله، آن را آزاد کن',
         you_have_been_referred_to_puter_by_a_friend:
       'شما توسط یک دوست به Puter معرفی شده اید!',
         zip: 'فشرده سازی',
@@ -379,16 +427,30 @@ const fa = {
         'create_shortcut_s': 'ایجاد میانبرها',
         'minimize': 'کوچک‌کردن',
         'reload_app': 'بارگذاری دوباره برنامه',
+        'new_window': 'پنجره جدید',
+        'open_trash': 'باز کردن سطل زباله',
+        'pick_name_for_worker': 'یک نام برای کارگر خود انتخاب کنید:',
         'publish_as_serverless_worker': 'انتشار به‌عنوان کارگر',
         'toolbar.enter_fullscreen': 'ورود به تمام‌صفحه',
         'toolbar.github': 'گیت‌هاب',
         'toolbar.refer': 'معرفی',
+        'toolbar.save_account': 'ذخیره حساب',
+        'toolbar.search': 'جستجو',
+        'toolbar.qrcode': 'کد QR',
         'used_of': '{{used}} استفاده شده از {{available}}',
         'worker': 'کارگر',
         'billing.offering.basic': 'پایه',
         'too_many_attempts': 'تعداد تلاش‌ها بیش از حد است. لطفاً بعداً دوباره امتحان کنید.',
         'server_timeout': 'پاسخ سرور بیش از حد طول کشید. لطفاً دوباره امتحان کنید.',
         'signup_error': 'خطایی هنگام ثبت‌نام رخ داد. لطفاً دوباره امتحان کنید.',
+        'welcome_title': 'به کامپیوتر اینترنت شخصی خود خوش آمدید',
+        'welcome_description': 'فایل‌ها را ذخیره کنید، بازی کنید، برنامه‌های عالی پیدا کنید و خیلی چیزهای دیگر! همه در یک مکان، در هر زمان و از هر کجا در دسترس.',
+        'welcome_get_started': 'شروع کنید',
+        'welcome_terms': 'شرایط',
+        'welcome_privacy': 'حریم خصوصی',
+        'welcome_developers': 'توسعه‌دهندگان',
+        'welcome_open_source': 'متن‌باز',
+        'welcome_instant_login_title': 'ورود فوری!',
         'alert_error_title': 'خطا!',
         'alert_warning_title': 'هشدار!',
         'alert_info_title': 'اطلاعات',
@@ -406,12 +468,19 @@ const fa = {
         'window_title_select_font': 'انتخاب فونت…',
         'window_title_session_list': 'لیست نشست‌ها!',
         'window_title_set_new_password': 'تنظیم رمز عبور جدید',
+        'window_title_instant_login': 'ورود فوری!',
         'window_title_publish_website': 'انتشار وب‌سایت',
         'window_title_publish_worker': 'انتشار کارگر',
         'window_title_authenticating': 'در حال احراز هویت...',
         'window_title_refer_friend': 'معرفی یک دوست!',
+        'desktop_show_desktop': 'نمایش دسکتاپ',
+        'desktop_show_open_windows': 'نمایش پنجره‌های باز',
         'desktop_exit_full_screen': 'خروج از تمام‌صفحه',
         'desktop_enter_full_screen': 'ورود به تمام‌صفحه',
+        'desktop_position': 'موقعیت',
+        'desktop_position_left': 'چپ',
+        'desktop_position_bottom': 'پایین',
+        'desktop_position_right': 'راست',
         'item_shared_with_you': 'یک کاربر این مورد را با شما به اشتراک گذاشته است.',
         'item_shared_by_you': 'شما این مورد را با حداقل یک کاربر دیگر به اشتراک گذاشته‌اید.',
         'item_shortcut': 'میانبر',
@@ -426,6 +495,8 @@ const fa = {
         'window_title_pictures': 'تصاویر',
         'window_title_puter': 'Puter',
         'window_folder_empty': 'این پوشه خالی است',
+        'manage_your_subdomains': 'زیر دامنه‌های خود را مدیریت کنید',
+        'open_containing_folder': 'باز کردن پوشه شامل',
     },
 };
 

src/gui/src/i18n/translations/fi.js

@@ -29,6 +29,7 @@ const fi = {
         add_another_account: 'Lisää toinen tili',
         all_fields_required: 'Kaikki kentät on täytettävä.',
         allow: 'Salli',
+        apply: 'Käytä', // TODO: Ambiguous meaning
         // To apply(a principle) => "Sovella" or
         // Apply for(a job) "Hae" or
         // Apply as(an engineer) => "Hakeudu" or
@@ -38,15 +39,22 @@ const fi = {
         ascending: 'Nouseva',
         associated_websites: 'Tähän liittyvät verkkosivustot',
         auto_arrange: 'Järjestä automaattisesti',
+        background: 'Tausta',
+        browse: 'Selaa',
         cancel: 'Peruuta',
+        center: 'Keskitä',
+        change_desktop_background: 'Vaihda työpöydän taustakuvaa…',
         change_email: 'Vaihda sähköpostiosoite',
         change_language: 'Vaihda kieli',
         change_password: 'Vaihda salasana',
         change_username: 'Vaihda käyttäjänimi',
         close: 'Sulje',
+        close_all_windows: 'Sulje kaikki ikkunat',
+        close_all_windows_confirm: 'Haluatko varmasti sulkea kaikki ikkunat?',
         close_all_windows_and_log_out: 'Sulje ikkunat ja kirjaudu ulos',
         change_always_open_with:
       'Haluatko aina avata tämän tyyppisen tiedoston sovelluksella',
+        color: 'Väri',
         confirm: 'Vahvista',
         confirm_2fa_setup: 'Olen lisännyt koodin todennussovellukseeni',
         confirm_2fa_recovery:
@@ -77,6 +85,7 @@ const fi = {
         contact_us: 'Ota yhteyttä',
         contact_us_verification_required:
       'Sinulla on oltava vahvistettu sähköpostiosoite, jotta voit käyttää tätä.',
+        contain: 'Sisällytä', // TODO: Ambiguous meaning
         // "inside(a house)" => "Sisällä" - probably more appropriate
         // "contain within" => "Sisältää"
 
@@ -89,6 +98,7 @@ const fi = {
         copy_link: 'Kopioi linkki',
         copying: 'Kopioidaan',
         copying_file: 'Kopioidaan %%',
+        cover: 'Kansi', // TODO: Lexical categories
         // Noun (shelter) => 'Suoja' or
         // Noun (lid) => 'Kansi' or
         // Intransitive Verb (To occlude something) => 'Peitä' or
@@ -103,6 +113,7 @@ const fi = {
         close_all: 'Sulje kaikki',
         created: 'Luotu',
         date_modified: 'Muokkauspäivämäärä',
+        default: 'Oletus',
         delete: 'Poista',
         delete_account: 'Poista tilisi',
         delete_permanently: 'Poista pysyvästi',
@@ -118,6 +129,7 @@ const fi = {
       'Haluatko varmasti poistaa kaksivaiheisen tunnistautumisen käytöstä?',
         disable_2fa_instructions:
       'Syötä salasanasi poistaaksesi kaksivaihesen tunnistautumisen käytöstä.',
+        disassociate_dir: 'Irrota hakemisto',
         documents: 'Dokumentit',
         dont_allow: 'Älä salli',
         download: 'Lataa',
@@ -134,6 +146,8 @@ const fi = {
         emptying_trash: 'Tyhjennetään roskakoria...',
         enable_2fa: 'Ota käyttöön kaksivaiheinen tunnistautuminen',
         end_hard: 'Pakotettu lopetus',
+        end_process_force_confirm:
+      'Haluatko varmasti pakottaa prosessin lopetuksen?',
         end_soft: 'Pehmeä lopetus',
         enlarged_qr_code: 'Suurennettu QR-koodi',
         enter_password_to_confirm_delete_user:
@@ -147,7 +161,9 @@ const fi = {
       'Käytä alla olevaa lomaketta lähettääksesi meille palautetta, kommentteja ja vikailmoituksia.',
         feedback_sent_confirmation:
       'Kiitos yhteydenotostasi. Jos tiliisi on liitetty sähköpostiosoite, saat meiltä vastauksen mahdollisimman pian.',
+        fit: 'Sovita',
         folder: 'Kansio',
+        force_quit: 'Pakota lopetus',
         forgot_pass_c2a: 'Unohditko salasanasi?',
 
         from: 'Henkilöltä', // TODO: Context dependent, examples
@@ -166,26 +182,32 @@ const fi = {
         // 'get a copy of a link' => 'Ota Kopio Linkkiin' or
         // 'get a link to the copy' => 'Ota Linkki Kopioon' - More probable, just want to be sure
 
+        hide_all_windows: 'Piilota kaikki ikkunat',
         home: 'Koti',
         html_document: 'HTML-dokumentti',
         hue: 'Sävy',
+        image: 'Kuva',
         incorrect_password: 'Väärä salasana',
         invite_link: 'Kutsulinkki',
         item: 'kohde',
         items_in_trash_cannot_be_renamed: 'Tätä kohdetta ei voi nimetä uudelleen, koska se on roskakorissa. Jos haluat nimetä kohteen uudelleen, palauta se ensin roskakorista.',
         jpeg_image: 'JPEG-kuva',
+        keep_in_taskbar: 'Pidä tehtäväpalkissa',
         language: 'Kieli',
         license: 'Lisenssi',
         lightness: 'Valoisuus',
         link_copied: 'Linkki kopioitu',
         loading: 'Ladataan',
         log_in: 'Kirjaudu Sisään',
+        log_into_another_account_anyway:
+      'Kirjaudu joka tapauksessa toiselle tilille',
         log_out: 'Kirjaudu ulos',
         looks_good: 'Näyttää hyvältä!',
         manage_sessions: 'Hallitse istuntoja',
         modified: 'Muokattu',
         move: 'Siirrä',
         moving_file: 'Siirretään %%',
+        my_websites: 'Sivustoni',
         name: 'Nimi',
         name_cannot_be_empty: 'Nimi ei voi olla tyhjä.',
 
@@ -206,6 +228,10 @@ const fi = {
         new_password: 'Uusi salasana',
         new_username: 'Uusi käyttäjänimi',
         no: 'Ei',
+        no_dir_associated_with_site:
+      'Tähän osoitteeseen ei ole liitetty hakemistoa.',
+        no_websites_published:
+      'Et ole vielä julkaissut yhtään verkkosivustoa. Napsauta kansiota hiiren kakkospainikkeella aloittaaksesi.',
         ok: 'OK',
         open: 'Avaa',
         open_in_new_tab: 'Avaa uudessa välilehdessä',
@@ -236,6 +262,7 @@ const fi = {
         path: 'Polku',
         personalization: 'Personointi',
         pick_name_for_website: 'Valitse nimi verkkosivustollesi:',
+        picture: 'Kuva',
         pictures: 'Kuvat',
         plural_suffix: 't',
         powered_by_puter_js: 'Palvelun tarjoaa {{link=docs}}Puter.js{{/link}}',
@@ -245,25 +272,36 @@ const fi = {
         privacy: 'Yksityisyys',
         proceed_to_login: 'Jatka sisäänkirjautumiseen',
         proceed_with_account_deletion: 'Jatka tilin poistamista',
+        process_status_initializing: 'Alustetaan',
+        process_status_running: 'Käynnissä',
+        process_type_app: 'Sovellus',
+        process_type_init: 'Alustava',
+        process_type_ui: 'Käyttöliittymä',
         properties: 'Ominaisuudet',
         public: 'Julkinen',
         publish: 'Julkaise',
         publish_as_website: 'Julkaise verkkosivustona',
         puter_description: 'Puter on yksityisyyttä korostava henkilökohtainen pilvipalvelu, jossa voit säilyttää kaikki tiedostosi, sovelluksesi ja pelisi yhdessä turvallisessa paikassa, ja jotka ovat saatavilla mistä tahansa milloin tahansa.',
         reading_file: 'Luetaan %strong%',
+        recent: 'Viimeisimmät',
+        recommended: 'Suositellut',
         recover_password: 'Palauta salasanasi',
         refer_friends_c2a:
       'Saat 1 Gt ilmaista tallennustilaa jokaisesta ystävästä, joka luo ja vahvistaa tilin Puterissa. Myös ystäväsi saa 1 Gt:n ilmaista tallennustilaa!',
         refer_friends_social_media_c2a: 'Hanki 1 Gt ilmaista tallennustilaa Puter.comista!',
         refresh: 'Päivitä',
 
+        release_address_confirmation: 'Haluatko varmasti julkaista tämän osoitteen?', // TODO: Slight ambiguity between the meaning of "release"
         // "get rid of" => "Oletko varma, että haluat luovuttaa tämän osoitteen?" or
         // "publish" => "Oletko varma, että haluat julkaista tämän osoitteen?"
 
+        remove_from_taskbar: 'Poista tehtäväpalkista',
         rename: 'Nimeä uudelleen',
+        repeat: 'Toista',
         replace: 'Replace',
         replace_all: 'Korvaa kaikki',
         resend_confirmation_code: 'Lähetä vahvistuskoodi Uudelleen',
+        restart_puter_confirm: 'Haluatko varmasti käynnistää Puterin uudelleen?',
         restore: 'Palauta',
         save: 'Tallenna',
         saturation: 'Kylläisyys',
@@ -273,12 +311,17 @@ const fi = {
         save_session: 'Tallenna istunto',
         save_session_c2a:
       'Luo tili tallentaaksesi nykyisen istuntosi ja välttääksesi työsi menettämisen.',
+        scan_qr_c2a:
+      'Skannaa alla oleva koodi kirjautuaksesi tähän istuntoon muilla laitteilla.',
         scan_qr_2fa: 'Skannaa QR-koodi todennussovelluksellasi',
+        scan_qr_generic:
+      'Skannaa tämä QR-koodi puhelimellasi tai toisella laitteella.',
         search: 'Etsi',
         seconds: 'sekuntia',
         security: 'Turvallisuus',
         select: 'Valitse',
         selected: 'valitut',
+        select_color: 'Valitse väri…',
         sessions: 'Istunnot',
         send: 'Lähetä',
         send_password_recovery_email: 'Lähetä salasanan palautussähköposti',
@@ -291,7 +334,9 @@ const fi = {
         // The base form of "Share" is "Jaa". So maybe "Jaa..." is appropriate?
         // If "share to" is followed by the name of a user, it will not make any sense, as the name can be suffixed by for example "Jaa %%lle".
 
+        share_with: 'Jaa:',
         shortcut_to: 'Pikakuvake',
+        show_all_windows: 'Näytä kaikki ikkunat',
         show_hidden: 'Näytä piilotetut',
         sign_in_with_puter: 'Kirjaudu sisään Puterilla',
         sign_up: 'Rekisteröidy',
@@ -300,11 +345,16 @@ const fi = {
         skip: 'Ohita',
         something_went_wrong: 'Jokin meni pieleen.',
         sort_by: 'Lajittele',
+        start: 'Käynnistä',
         status: 'Tila',
         storage_usage: 'Tallennustilan käyttö',
         storage_puter_used: 'Puterin käyttämä',
         taking_longer_than_usual:
       'Kestää hieman tavallista kauemmin. Ole hyvä ja odota...',
+        task_manager: 'Tehtävienhallinta',
+        taskmgr_header_name: 'Nimi',
+        taskmgr_header_status: 'Tila',
+        taskmgr_header_type: 'Tyyppi',
         terms: 'Ehdot',
         text_document: 'Tekstiasiakirja',
         tos_fineprint: 'Klikkaamalla \'Luo ilmainen tili\' hyväksyt Puterin {{link=terms}}käyttöehdot{{/link}} ja {{link=privacy}}tietosuojakäytännön{{/link}}.',
@@ -338,6 +388,7 @@ const fi = {
         videos: 'Videot',
         visibility: 'Näkyvyys',
         yes: 'Kyllä',
+        yes_release_it: 'Kyllä, julkaise se',
         you_have_been_referred_to_puter_by_a_friend:
       'Kaverisi on kutsunut sinut Puteriin!',
         zip: 'Zip',
@@ -445,16 +496,30 @@ const fi = {
         'create_shortcut_s': 'Luo pikakuvakkeita',
         'minimize': 'Pienennä',
         'reload_app': 'Lataa sovellus uudelleen',
+        'new_window': 'Uusi ikkuna',
+        'open_trash': 'Avaa roskakori',
+        'pick_name_for_worker': 'Valitse nimi työntekijälle:',
         'publish_as_serverless_worker': 'Julkaise työntekijänä',
         'toolbar.enter_fullscreen': 'Koko näyttöön',
         'toolbar.github': 'GitHub',
         'toolbar.refer': 'Suosittele',
+        'toolbar.save_account': 'Tallenna tili',
+        'toolbar.search': 'Haku',
+        'toolbar.qrcode': 'QR-koodi',
         'used_of': '{{used}} käytetty {{available}}:sta',
         'worker': 'Työntekijä',
         'billing.offering.basic': 'Perus',
         'too_many_attempts': 'Liian monta yritystä. Yritä myöhemmin uudelleen.',
         'server_timeout': 'Palvelimen vastaus kesti liian kauan. Yritä uudelleen.',
         'signup_error': 'Rekisteröitymisen aikana tapahtui virhe. Yritä uudelleen.',
+        'welcome_title': 'Tervetuloa henkilökohtaiseen Internet-tietokoneeseesi',
+        'welcome_description': 'Tallenna tiedostoja, pelaa pelejä, löydä upeita sovelluksia ja paljon muuta! Kaikki yhdessä paikassa, käytettävissä mistä tahansa ja milloin tahansa.',
+        'welcome_get_started': 'Aloita',
+        'welcome_terms': 'Ehdot',
+        'welcome_privacy': 'Tietosuoja',
+        'welcome_developers': 'Kehittäjät',
+        'welcome_open_source': 'Avoin lähdekoodi',
+        'welcome_instant_login_title': 'Välitön kirjautuminen!',
         'alert_error_title': 'Virhe!',
         'alert_warning_title': 'Varoitus!',
         'alert_info_title': 'Info',
@@ -472,12 +537,19 @@ const fi = {
         'window_title_select_font': 'Valitse fontti…',
         'window_title_session_list': 'Istuntolista',
         'window_title_set_new_password': 'Aseta uusi salasana',
+        'window_title_instant_login': 'Välitön kirjautuminen!',
         'window_title_publish_website': 'Julkaise verkkosivusto',
         'window_title_publish_worker': 'Julkaise työntekijä',
         'window_title_authenticating': 'Todennetaan...',
         'window_title_refer_friend': 'Suosittele ystävälle!',
+        'desktop_show_desktop': 'Näytä työpöytä',
+        'desktop_show_open_windows': 'Näytä avoimet ikkunat',
         'desktop_exit_full_screen': 'Poistu koko näytöstä',
         'desktop_enter_full_screen': 'Koko näyttöön',
+        'desktop_position': 'Sijainti',
+        'desktop_position_left': 'Vasen',
+        'desktop_position_bottom': 'Ala',
+        'desktop_position_right': 'Oikea',
         'item_shared_with_you': 'Käyttäjä on jakanut tämän kohteen kanssasi.',
         'item_shared_by_you': 'Olet jakanut tämän kohteen ainakin yhden muun käyttäjän kanssa.',
         'item_shortcut': 'Pikakuvake',
@@ -492,6 +564,8 @@ const fi = {
         'window_title_pictures': 'Kuvat',
         'window_title_puter': 'Puter',
         'window_folder_empty': 'Tämä kansio on tyhjä',
+        'manage_your_subdomains': 'Hallitse aliverkkotunnuksiasi',
+        'open_containing_folder': 'Avaa sisältävä kansio',
     },
 };
 

src/gui/src/i18n/translations/fil.js

@@ -29,17 +29,25 @@ const fil = {
         add_another_account: 'Magdagdag ng ibang account',
         all_fields_required: 'Kailangan ang lahat ng field.',
         allow: 'Payagan',
+        apply: 'Ilapat',
         ascending: 'Pataas',
         associated_websites: 'Mga kaugnay na website',
         auto_arrange: 'Ayusin nang awtomatiko',
+        background: 'Background',
+        browse: 'Mag-browse',
         cancel: 'Kanselahin',
+        center: 'Gitna',
+        change_desktop_background: 'Baguhin ang background ng desktop…',
         change_email: 'Baguhin ang email',
         change_language: 'Baguhin ang wika',
         change_password: 'Baguhin ang password',
         change_username: 'Baguhin ang username',
         close: 'Isara',
+        close_all_windows: 'Isara ang lahat ng window',
+        close_all_windows_confirm: 'Isasara mo ba ang lahat ng window?',
         close_all_windows_and_log_out: 'Isara ang mga window at mag-log out',
         change_always_open_with: 'Gusto mo bang laging buksan ang ganitong file gamit ang',
+        color: 'Kulay',
         confirm: 'Kumpirmahin',
         confirm_2fa_setup: 'Naidagdag ko na ang code sa authenticator app ko',
         confirm_2fa_recovery: 'Naitago ko na ang mga recovery code sa ligtas na lugar',
@@ -67,11 +75,13 @@ const fil = {
         contact_us: 'Makipag-ugnayan',
         contact_us_verification_required:
       'Kailangan ng naberipikang email para magamit ito.',
+        contain: 'I-contain',
         continue: 'Magpatuloy',
         copy: 'Kopyahin',
         copy_link: 'Kopyahin ang link',
         copying: 'Kinokopya',
         copying_file: 'Kinokopya ang %%',
+        cover: 'Cover',
         create_account: 'Gumawa ng account',
         create_free_account: 'Gumawa ng libreng account',
         create_shortcut: 'Gumawa ng shortcut',
@@ -81,6 +91,7 @@ const fil = {
         close_all: 'Isara lahat',
         created: 'Ginawa',
         date_modified: 'Petsa ng pagbabago',
+        default: 'Default',
         delete: 'Tanggalin',
         delete_account: 'Burahin ang account',
         delete_permanently: 'Permanenteng tanggalin',
@@ -94,6 +105,7 @@ const fil = {
         disable_2fa: 'I-disable ang 2FA',
         disable_2fa_confirm: 'I-disable mo ba ang 2FA?',
         disable_2fa_instructions: 'Ilagay ang password mo para i-disable ang 2FA.',
+        disassociate_dir: 'I-unlink ang directory',
         documents: 'Mga dokumento',
         dont_allow: 'Huwag payagan',
         download: 'I-download',
@@ -110,6 +122,7 @@ const fil = {
         emptying_trash: 'Ine-empty ang Trash…',
         enable_2fa: 'I-enable ang 2FA',
         end_hard: 'Piliting itigil',
+        end_process_force_confirm: 'Piliting ititigil mo ba ang process na ito?',
         end_soft: 'Itigil',
         enlarged_qr_code: 'Pinalaking QR code',
         enter_password_to_confirm_delete_user:
@@ -123,32 +136,39 @@ const fil = {
       'Gamitin ang form sa ibaba para magpadala ng feedback, komento, at bug report.',
         feedback_sent_confirmation:
       'Salamat sa pakikipag-ugnayan. Kung may email na naka-link sa account mo, sasagot kami sa lalong madaling panahon.',
+        fit: 'I-fit',
         folder: 'Folder',
+        force_quit: 'Piliting isara',
         forgot_pass_c2a: 'Nakalimutan ang password?',
         from: 'Mula kay',
         general: 'Pangkalahatan',
         get_a_copy_of_on_puter: 'Kumuha ng kopya ng \'%%\' sa Puter.com!',
         get_copy_link: 'Kunin ang copy link',
+        hide_all_windows: 'Itago ang lahat ng window',
         home: 'Home',
         html_document: 'HTML na dokumento',
         hue: 'Hue',
+        image: 'Larawan',
         incorrect_password: 'Maling password',
         invite_link: 'Invite link',
         item: 'item',
         items_in_trash_cannot_be_renamed: 'Hindi mapalitan ang pangalan ng item na ito dahil nasa Trash. Ilabas muna ito sa Trash.',
         jpeg_image: 'JPEG na larawan',
+        keep_in_taskbar: 'Panatilihin sa taskbar',
         language: 'Wika',
         license: 'Lisensya',
         lightness: 'Liwanag',
         link_copied: 'Nakopya ang link',
         loading: 'Naglo-load',
         log_in: 'Mag-log in',
+        log_into_another_account_anyway: 'Mag-log in pa rin sa ibang account',
         log_out: 'Mag-log out',
         looks_good: 'Ayos na!',
         manage_sessions: 'Pamahalaan ang mga session',
         modified: 'Binago',
         move: 'Ilipat',
         moving_file: 'Inililipat ang %%',
+        my_websites: 'Mga website ko',
         name: 'Pangalan',
         name_cannot_be_empty: 'Hindi puwedeng walang laman ang pangalan.',
         name_cannot_contain_double_period: "Hindi puwedeng may '..' ang pangalan.",
@@ -162,6 +182,9 @@ const fil = {
         new_password: 'Bagong password',
         new_username: 'Bagong username',
         no: 'Hindi',
+        no_dir_associated_with_site: 'Walang directory na naka-link sa address na ito.',
+        no_websites_published:
+      'Wala ka pang na-publish na website. I-right click ang isang folder para magsimula.',
         ok: 'OK',
         open: 'Buksan',
         open_in_new_tab: 'Buksan sa bagong tab',
@@ -187,6 +210,7 @@ const fil = {
         path: 'Lokasyon',
         personalization: 'Personalization',
         pick_name_for_website: 'Pumili ng pangalan para sa website mo:',
+        picture: 'Larawan',
         pictures: 'Mga larawan',
         plural_suffix: '',
         powered_by_puter_js: 'Pinapagana ng {{link=docs}}Puter.js{{/link}}',
@@ -196,18 +220,29 @@ const fil = {
         privacy: 'Privacy',
         proceed_to_login: 'Magpatuloy sa pag-log in',
         proceed_with_account_deletion: 'Ituloy ang pagbura ng account',
+        process_status_initializing: 'Nagsisimula',
+        process_status_running: 'Tumatakbo',
+        process_type_app: 'App',
+        process_type_init: 'Init',
+        process_type_ui: 'UI',
         properties: 'Mga katangian',
         public: 'Pampubliko',
         publish: 'I-publish',
         publish_as_website: 'I-publish bilang website',
         puter_description: 'Ang Puter ay isang privacy-first na personal cloud para sa mga file, app, at laro mo, sa isang ligtas na lugar, kahit saan at kahit kailan.',
+        recent: 'Kamakailan',
+        recommended: 'Inirerekomenda',
         recover_password: 'I-recover ang password',
         refer_friends_social_media_c2a: 'Makakuha ng 1 GB na libreng storage sa Puter.com!',
         refresh: 'I-refresh',
+        release_address_confirmation: 'Bibitawan mo ba ang address na ito?',
+        remove_from_taskbar: 'Alisin sa taskbar',
         rename: 'Palitan ang pangalan',
+        repeat: 'Ulitin',
         replace: 'Palitan',
         replace_all: 'Palitan lahat',
         resend_confirmation_code: 'Ipadala ulit ang confirmation code',
+        restart_puter_confirm: 'Ire-restart mo ba ang Puter?',
         restore: 'I-restore',
         save: 'I-save',
         saturation: 'Saturation',
@@ -217,12 +252,15 @@ const fil = {
         save_session: 'I-save ang session',
         save_session_c2a:
       'Gumawa ng account para ma-save ang session na ito at hindi mawala ang ginagawa mo.',
+        scan_qr_c2a: 'I-scan ang code sa ibaba\npara makapasok sa session na ito mula sa ibang device',
         scan_qr_2fa: 'I-scan ang QR code gamit ang authenticator app mo',
+        scan_qr_generic: 'I-scan ang QR code na ito gamit ang phone mo o ibang device',
         search: 'Hanapin',
         seconds: 'segundo',
         security: 'Seguridad',
         select: 'Piliin',
         selected: 'napili',
+        select_color: 'Pumili ng kulay…',
         sessions: 'Mga session',
         send: 'Ipadala',
         send_password_recovery_email: 'Ipadala ang email sa pag-recover ng password',
@@ -231,7 +269,9 @@ const fil = {
         set_new_password: 'Magtakda ng bagong password',
         share: 'Ibahagi',
         share_to: 'Ibahagi kay',
+        share_with: 'Ibahagi kay:',
         shortcut_to: 'Shortcut papunta sa',
+        show_all_windows: 'Ipakita ang lahat ng window',
         show_hidden: 'Ipakita ang nakatago',
         sign_in_with_puter: 'Mag-sign in gamit ang Puter',
         sign_up: 'Mag-sign up',
@@ -240,11 +280,16 @@ const fil = {
         skip: 'Laktawan',
         something_went_wrong: 'May nangyaring mali.',
         sort_by: 'Ayusin ayon sa',
+        start: 'Simula',
         status: 'Status',
         storage_usage: 'Gamit na storage',
         storage_puter_used: 'ginagamit ng Puter',
         taking_longer_than_usual:
       'Medyo mas matagal kaysa karaniwan. Maghintay...',
+        task_manager: 'Task Manager',
+        taskmgr_header_name: 'Pangalan',
+        taskmgr_header_status: 'Status',
+        taskmgr_header_type: 'Uri',
         terms: 'Mga tuntunin',
         text_document: 'Text na dokumento',
         tos_fineprint: 'Sa pag-click ng \'Gumawa ng libreng account\', sumasang-ayon ka sa {{link=terms}}Mga Tuntunin ng Serbisyo{{/link}} at {{link=privacy}}Patakaran sa Privacy{{/link}} ng Puter.',
@@ -270,6 +315,7 @@ const fil = {
         videos: 'Mga video',
         visibility: 'Visibility',
         yes: 'Oo',
+        yes_release_it: 'Oo, bitawan',
         you_have_been_referred_to_puter_by_a_friend:
       'Ni-refer ka ng isang kaibigan sa Puter!',
         zip: 'I-zip',
@@ -372,16 +418,30 @@ const fil = {
         'create_shortcut_s': 'Gumawa ng mga shortcut',
         'minimize': 'I-minimize',
         'reload_app': 'I-reload ang app',
+        'new_window': 'Bagong window',
+        'open_trash': 'Buksan ang Trash',
+        'pick_name_for_worker': 'Pumili ng pangalan para sa worker mo:',
         'publish_as_serverless_worker': 'I-publish bilang worker',
         'toolbar.enter_fullscreen': 'Pumunta sa full screen',
         'toolbar.github': 'GitHub',
         'toolbar.refer': 'Mag-refer',
+        'toolbar.save_account': 'I-save ang account',
+        'toolbar.search': 'Hanapin',
+        'toolbar.qrcode': 'QR code',
         'used_of': '{{used}} ang nagamit sa {{available}}',
         'worker': 'Worker',
         'billing.offering.basic': 'Basic',
         'too_many_attempts': 'Sobrang daming pagsubok. Subukan ulit mamaya.',
         'server_timeout': 'Matagal sumagot ang server. Subukan ulit.',
         'signup_error': 'May error habang nag-sign up. Subukan ulit.',
+        'welcome_title': 'Welcome sa Personal Internet Computer mo',
+        'welcome_description': 'Mag-imbak ng file, maglaro, maghanap ng app, at marami pang iba. Lahat sa isang lugar, kahit saan at kahit kailan.',
+        'welcome_get_started': 'Magsimula',
+        'welcome_terms': 'Mga tuntunin',
+        'welcome_privacy': 'Privacy',
+        'welcome_developers': 'Mga developer',
+        'welcome_open_source': 'Open source',
+        'welcome_instant_login_title': 'Instant na pag-log in!',
         'alert_error_title': 'Error!',
         'alert_warning_title': 'Babala!',
         'alert_info_title': 'Impormasyon',
@@ -399,12 +459,19 @@ const fil = {
         'window_title_select_font': 'Pumili ng font…',
         'window_title_session_list': 'Listahan ng session',
         'window_title_set_new_password': 'Magtakda ng bagong password',
+        'window_title_instant_login': 'Instant na pag-log in!',
         'window_title_publish_website': 'I-publish ang website',
         'window_title_publish_worker': 'I-publish ang worker',
         'window_title_authenticating': 'Nag-a-authenticate...',
         'window_title_refer_friend': 'Mag-refer ng kaibigan!',
+        'desktop_show_desktop': 'Ipakita ang desktop',
+        'desktop_show_open_windows': 'Ipakita ang mga bukas na window',
         'desktop_exit_full_screen': 'Lumabas sa full screen',
         'desktop_enter_full_screen': 'Pumunta sa full screen',
+        'desktop_position': 'Posisyon',
+        'desktop_position_left': 'Kaliwa',
+        'desktop_position_bottom': 'Ibaba',
+        'desktop_position_right': 'Kanan',
         'item_shared_with_you': 'May user na nagbahagi ng item na ito sa iyo.',
         'item_shared_by_you': 'Ibinahagi mo ang item na ito sa kahit isang ibang user.',
         'item_shortcut': 'Shortcut',
@@ -419,6 +486,8 @@ const fil = {
         'window_title_pictures': 'Mga larawan',
         'window_title_puter': 'Puter',
         'window_folder_empty': 'Walang laman ang folder na ito',
+        'manage_your_subdomains': 'Pamahalaan ang mga subdomain mo',
+        'open_containing_folder': 'Buksan ang kinalalagyan na folder',
     },
 };
 

src/gui/src/i18n/translations/fr.js

@@ -29,22 +29,30 @@ const fr = {
         add_another_account: 'Ajouter un autre compte',
         all_fields_required: 'Tous les champs sont requis.',
         allow: 'Autoriser',
+        apply: 'Appliquer',
         ascending: 'Ascendant',
         associated_websites: 'Sites associés',
         auto_arrange: 'Organisation automatique',
+        background: 'Arrière-plan',
+        browse: 'Parcourir',
         browser: 'Navigateur',
         browser_version: 'Version du navigateur',
         captcha_required: 'Veuillez compléter la vérification CAPTCHA',
         cancel: 'Annuler',
+        center: 'Centrer',
         change: 'Changer',
         change_always_open_with: 'Voulez-vous toujours ouvrir ce type de fichier avec',
+        change_desktop_background: 'Changer l’arrière-plan du bureau…',
         change_email: "Changer l'e-mail",
         change_language: 'Changer de langue',
         change_password: 'Changer le mot de passe',
         change_username: "Changer le nom d'utilisateur",
         color_depth: 'Profondeur de couleur',
         close: 'Fermer',
+        close_all_windows: 'Fermer toutes les fenêtres',
+        close_all_windows_confirm: 'Êtes-vous sûr de vouloir fermer toutes les fenêtres ?',
         close_all_windows_and_log_out: 'Fermer les fenêtres et se déconnecter',
+        color: 'Couleur',
         confirm: 'Confirmer',
         confirm_2fa_setup: "J'ai ajouté le code à mon application d'authentification",
         confirm_2fa_recovery: "J'ai enregistré mes codes de récupération dans un emplacement sécurisé",
@@ -68,11 +76,13 @@ const fr = {
         choose_publishing_option: 'Choisissez comment vous voulez publier votre site web:',
         contact_us: 'Nous contacter',
         contact_us_verification_required: "Vous devez disposer d'une adresse e-mail vérifiée pour pouvoir utiliser ceci.",
+        contain: 'Contenir',
         continue: 'Continuer',
         copy: 'Copier',
         copy_link: 'Copier le lien',
         copying: 'Copie...',
         copying_file: 'Copie de %%...',
+        cover: 'Couverture',
         cpu_cores: 'Cœurs CPU',
         cpu: 'CPU',
         create_account: 'Créer un compte',
@@ -88,6 +98,7 @@ const fr = {
         close_all: 'Fermer tout',
         created: 'Créé',
         date_modified: 'Date de modification',
+        default: 'Par défaut',
         delete: 'Supprimer',
         delete_account: 'Supprimer le compte',
         delete_permanently: 'Supprimer définitivement',
@@ -101,6 +112,7 @@ const fr = {
         disable_2fa: "Désactiver l'A2F",
         disable_2fa_confirm: "Êtes-vous sûr de vouloir désactiver l'A2F ?",
         disable_2fa_instructions: "Entrez votre mot de passe pour désactiver l'A2F.",
+        disassociate_dir: 'Dissocier le répertoire',
         disk_storage: 'Stockage disque',
         documents: 'Documents',
         dont_allow: 'Ne pas autoriser',
@@ -120,6 +132,7 @@ const fr = {
         emptying_trash: 'Vidage de la corbeille...',
         enable_2fa: 'Activer l\'A2F',
         end_hard: "Forcer l'ârret",
+        end_process_force_confirm: "Êtes-vous sûr de vouloir forcer l'arrêt de ce processus ?",
         end_soft: 'Quitter',
         enlarged_qr_code: 'Code QR agrandi',
         enter_password_to_confirm_delete_user: 'Entrez votre mot passe pour confirmer la supression du compte',
@@ -130,32 +143,39 @@ const fr = {
         feedback: 'Commentaires',
         feedback_c2a: 'Veuillez utiliser le formulaire ci-dessous pour nous envoyer vos retours, commentaires et rapports de bugs.',
         feedback_sent_confirmation: 'Merci de nous contacter. Si vous avez un e-mail associé à votre compte, vous recevrez une réponse de notre part dans les plus brefs délais.',
+        fit: 'Ajuster',
         folder: 'Dossier',
+        force_quit: 'Forcer l\'arrêt',
         forgot_pass_c2a: 'Mot de passe oublié ?',
         from: 'Depuis',
         general: 'Général',
         get_a_copy_of_on_puter: 'Obtenez une copie de \'%%\' sur Puter.com !',
         get_copy_link: 'Obtenir le lien de copie',
+        hide_all_windows: 'Masquer toutes les fenêtres',
         home: 'Accueil',
         html_document: 'Document HTML',
         hue: 'Teinte',
+        image: 'Image',
         incorrect_password: 'Mot de passe incorrect',
         invite_link: "Lien d'invitation",
         item: 'élément',
         items_in_trash_cannot_be_renamed: 'Cet élément ne peut pas être renommé car il se trouve dans la corbeille. Pour renommer cet élément, faites-le d\'abord glisser hors de la corbeille.',
         jpeg_image: 'Image JPEG',
+        keep_in_taskbar: 'Garder dans la barre des tâches',
         language: 'Langue',
         license: 'Licence',
         lightness: 'Luminosité',
         link_copied: 'Lien copié',
         loading: 'Chargement',
         log_in: 'Se connecter',
+        log_into_another_account_anyway: 'Se connecter à un autre compte quand même',
         log_out: 'Se déconnecter',
         looks_good: "Ça a l'air bien !",
         manage_sessions: 'Gérer les sessions',
         modified: 'Modifié',
         move: 'Déplacer',
         moving_file: 'Déplacement de %%',
+        my_websites: 'Mes sites internet',
         minimize: 'Minimiser',
         reload_app: "Recharger l'application",
         name: 'Nom',
@@ -171,11 +191,15 @@ const fr = {
         new_password: 'Nouveau mot de passe',
         new_username: "Nouveau nom d'utilisateur",
         no: 'Non',
+        no_dir_associated_with_site: 'Aucun répertoire associé à cette adresse.',
+        no_websites_published: "Vous n'avez pas encore publié de sites internet. Faites un clic droit sur un dossier pour commencer.",
         ok: 'OK',
         open: 'Ouvrir',
+        new_window: 'Nouvelle fenêtre',
         open_with_ai: 'Ouvrir avec l\'IA',
         open_in_new_tab: 'Ouvrir dans un nouvel onglet',
         open_in_new_window: 'Ouvrir dans une nouvelle fenêtre',
+        open_trash: 'Ouvrir la corbeille',
         open_with: 'Ouvrir avec',
         original_name: "Nom d'origine",
         original_path: "Chemin d'origine",
@@ -195,6 +219,8 @@ const fr = {
         path: 'Chemin',
         personalization: 'Personnalisation',
         pick_name_for_website: 'Choisissez un nom pour votre site internet :',
+        pick_name_for_worker: 'Choisissez un nom pour votre worker :',
+        picture: 'Image',
         pictures: 'Images',
         pixel_ratio: 'Ratio de pixels',
         plural_suffix: 's',
@@ -205,6 +231,11 @@ const fr = {
         privacy: 'Confidentialité',
         proceed_to_login: 'Procéder à la connexion',
         proceed_with_account_deletion: 'Procéder à la suppression du compte',
+        process_status_initializing: 'Initialisation',
+        process_status_running: 'En cours',
+        process_type_app: 'Application',
+        process_type_init: 'Init',
+        process_type_ui: 'IU',
         properties: 'Propriétés',
         public: 'Publique',
         publish: 'Publier',
@@ -214,15 +245,21 @@ const fr = {
         ram: 'RAM',
         reading: 'lecture de %strong%',
         writing: 'écriture de %strong%',
+        recent: 'Récent',
+        recommended: 'Recommandé',
         recover_password: 'Récupérer le mot de passe',
         refer_friends_c2a: 'Obtenez 1 Go pour chaque ami qui crée et confirme un compte sur Puter. Votre ami recevra également 1 Go !',
         refer_friends_social_media_c2a: 'Obtenez 1 Go de stockage gratuit sur Puter.com !',
         refresh: 'Actualiser',
+        release_address_confirmation: 'Etes-vous sûr de vouloir libérer cette adresse ?',
+        remove_from_taskbar: 'Retirer de la barre des tâches',
         rename: 'Renommer',
+        repeat: 'Répéter',
         replace: 'Remplacer',
         replace_all: 'Tout remplacer',
         resend_confirmation_code: 'Renvoyer le code de confirmation',
         'Resources': 'Ressources',
+        restart_puter_confirm: 'Êtes-vous sûr de vouloir redémarrer Puter ?',
         restore: 'Restaurer',
         save: 'Sauvegarder',
         saturation: 'Saturation',
@@ -231,13 +268,16 @@ const fr = {
         save_account_to_publish: 'Veuillez créer un compte pour continuer.',
         save_session: 'Sauvegarder la session',
         save_session_c2a: 'Créez un compte pour enregistrer votre session actuelle et éviter de perdre votre travail.',
+        scan_qr_c2a: 'Scannez le code ci-dessous\npour vous connecter à cette session depuis d\'autres appareils',
         scan_qr_2fa: 'Scannez le code QR avec votre application d\'authentification',
+        scan_qr_generic: 'Scannez ce code QR à l\'aide de votre téléphone ou d\'un autre appareil',
         screen_resolution: 'Résolution d\'écran',
         search: 'Rechercher',
         seconds: 'secondes',
         security: 'Sécurité',
         select: 'Sélectionner',
         selected: 'sélectionné',
+        select_color: 'Sélectionnez la couleur…',
         sessions: 'Sessions',
         send: 'Envoyer',
         send_password_recovery_email: 'Envoyer un e-mail de récupération de mot de passe',
@@ -247,7 +287,9 @@ const fr = {
         set_new_password: 'Definir un nouveau mot de passe',
         share: 'Partager',
         share_to: 'Partager à',
+        share_with: 'Partager avec :',
         shortcut_to: 'Raccourci vers',
+        show_all_windows: 'Afficher toutes les fenêtres',
         show_hidden: 'Afficher les fichiers cachés',
         sign_in_with_puter: 'Se connecter avec Puter',
         sign_up: "S'inscrire",
@@ -256,17 +298,25 @@ const fr = {
         skip: 'Passer',
         something_went_wrong: "Quelque chose s'est mal passé.",
         sort_by: 'Trier par',
+        start: 'Démarrer',
         status: 'Statut',
         'Storage': 'Stockage',
         storage_usage: 'Utilisation du stockage',
         storage_puter_used: 'utilisé par Puter',
         'your_plan': 'Votre plan',
         taking_longer_than_usual: "Cela prend un peu plus de temps que d'habitude. Veuillez patienter...",
+        task_manager: 'Gestionnaire des tâches',
+        taskmgr_header_name: 'Nom',
+        taskmgr_header_status: 'Statut',
+        taskmgr_header_type: 'Type',
         terms: 'Termes',
         text_document: 'Document texte',
         'toolbar.enter_fullscreen': 'Passer en plein écran',
         'toolbar.github': 'GitHub',
         'toolbar.refer': 'Parrainer',
+        'toolbar.save_account': 'Sauvegarder le compte',
+        'toolbar.search': 'Rechercher',
+        'toolbar.qrcode': 'Code QR',
         tos_fineprint: 'En cliquant sur "Créer un compte gratuit", vous acceptez les {{link=terms}}Conditions d\'utilisation{{/link}} et la {{link=privacy}}Politique de confidentialité{{/link}} de Puter.',
         transparency: 'Transparence',
         trash: 'Corbeille',
@@ -297,6 +347,7 @@ const fr = {
         videos: 'Vidéos',
         visibility: 'Visibilité',
         yes: 'Oui',
+        yes_release_it: 'Oui, libérez-la',
         you_have_been_referred_to_puter_by_a_friend: 'Vous avez été recommandé à Puter par un ami !',
         zip: 'Compresser',
         tar: 'Tar',
@@ -398,6 +449,14 @@ const fr = {
         'signup_error': 'Une erreur est survenue lors de l\'inscription. Veuillez réessayer.',
 
         // Welcome Window
+        'welcome_title': 'Bienvenue sur votre ordinateur personnel Internet',
+        'welcome_description': 'Stockez des fichiers, jouez à des jeux, trouvez des applications géniales, et bien plus encore ! Tout en un seul endroit, accessible partout et à tout moment.',
+        'welcome_get_started': 'Commencer',
+        'welcome_terms': 'Conditions',
+        'welcome_privacy': 'Confidentialité',
+        'welcome_developers': 'Développeurs',
+        'welcome_open_source': 'Open Source',
+        'welcome_instant_login_title': 'Connexion instantanée !',
 
         // Alert Window
         'alert_error_title': 'Erreur !',
@@ -423,14 +482,21 @@ const fr = {
         'window_title_select_font': 'Sélectionner la police…',
         'window_title_session_list': 'Liste des sessions !',
         'window_title_set_new_password': 'Définir un nouveau mot de passe',
+        'window_title_instant_login': 'Connexion instantanée !',
         'window_title_publish_website': 'Publier le site web',
         'window_title_publish_worker': 'Publier le worker',
         'window_title_authenticating': 'Authentification en cours...',
         'window_title_refer_friend': 'Parrainer un ami !',
 
         // Desktop UI
+        'desktop_show_desktop': 'Afficher le bureau',
+        'desktop_show_open_windows': 'Afficher les fenêtres ouvertes',
         'desktop_exit_full_screen': 'Quitter le mode plein écran',
         'desktop_enter_full_screen': 'Passer en plein écran',
+        'desktop_position': 'Position',
+        'desktop_position_left': 'Gauche',
+        'desktop_position_bottom': 'Bas',
+        'desktop_position_right': 'Droite',
 
         // Item UI
         'item_shared_with_you': 'Un utilisateur a partagé cet élément avec vous.',
@@ -450,6 +516,12 @@ const fr = {
         'window_title_puter': 'Puter',
         'window_folder_empty': 'Ce dossier est vide',
 
+        // Website Management
+        'manage_your_subdomains': 'Gérer vos sous-domaines',
+        'open_containing_folder': 'Ouvrir le dossier conteneur',
+
+        'set_as_background': 'Définir comme arrière-plan',
+
         // Permission Descriptions
         'perm_email_read': 'voir votre adresse e-mail',
         'perm_folder_desktop': 'votre dossier Bureau',