@fde-desktop/fde-core 0.3.8 → 0.4.2

package/dist/UploaderApp-EYFC36PM.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkQB72BLCJ_cjs = require('./chunk-QB72BLCJ.cjs');
+require('./chunk-657BJOY5.cjs');
+require('./chunk-4OH5RPSQ.cjs');
+require('./chunk-2PSTHGTD.cjs');
+require('./chunk-BDO6B7MZ.cjs');
+require('./chunk-ABIAPZ6S.cjs');
+require('./chunk-6QOUYSEE.cjs');
+require('./chunk-Z5YGWL65.cjs');
+require('./chunk-7Y7HB7FB.cjs');
+require('./chunk-E55VXNLK.cjs');
+
+
+
+module.exports = chunkQB72BLCJ_cjs.UploaderApp_default;

package/dist/chunk-2FO445RM.cjs

@@ -0,0 +1,449 @@
+'use strict';
+
+var chunkRQ6OZRUW_cjs = require('./chunk-RQ6OZRUW.cjs');
+var chunkYSOLW4FS_cjs = require('./chunk-YSOLW4FS.cjs');
+var chunkZBGWYTCU_cjs = require('./chunk-ZBGWYTCU.cjs');
+var chunkBDO6B7MZ_cjs = require('./chunk-BDO6B7MZ.cjs');
+var chunk6QOUYSEE_cjs = require('./chunk-6QOUYSEE.cjs');
+var react = require('react');
+var react$1 = require('@tiptap/react');
+var StarterKit = require('@tiptap/starter-kit');
+var markdown = require('@tiptap/markdown');
+var core = require('@tiptap/core');
+var reactI18next = require('react-i18next');
+var zustand = require('zustand');
+var middleware = require('zustand/middleware');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var StarterKit__default = /*#__PURE__*/_interopDefault(StarterKit);
+
+var useAppTempMemoryStore = zustand.create()(
+  middleware.persist(
+    (set, get) => ({
+      snapshots: {},
+      setSnapshot: (appId, snapshot) => set((state) => ({ snapshots: { ...state.snapshots, [appId]: snapshot } })),
+      getSnapshot: (appId) => {
+        const { snapshots } = get();
+        return snapshots[appId] ?? null;
+      },
+      clearSnapshot: (appId) => set((state) => {
+        const rest = { ...state.snapshots };
+        delete rest[appId];
+        return { snapshots: rest };
+      })
+    }),
+    {
+      name: "fde-desktop:appTempMemory",
+      storage: middleware.createJSONStorage(() => localStorage)
+    }
+  )
+);
+
+// src/components/Apps/NotesApp/NotesApp.module.css
+var NotesApp_default = {};
+var ACCEPTED_MD_TYPES = [...chunk6QOUYSEE_cjs.TEXT_MIME_TYPES];
+var ClearMarksOnEnter = core.Extension.create({
+  name: "clearMarksOnEnter",
+  addKeyboardShortcuts() {
+    return {
+      Enter: ({ editor }) => {
+        const { state, dispatch } = editor.view;
+        const { selection, schema } = state;
+        const { $from, empty } = selection;
+        if (!empty || $from.parent.type !== schema.nodes.paragraph) return false;
+        const tr = state.tr.split($from.pos).setStoredMarks([]);
+        dispatch(tr);
+        return true;
+      }
+    };
+  }
+});
+var WELCOME_URL = "Desktop/NotesAppWelcome.md";
+var NotesApp = ({ window, notifyReady }) => {
+  const { t } = reactI18next.useTranslation("notes");
+  const win = window;
+  const windowId = win?.id;
+  const appId = windowId ? `notesApp-${windowId}` : "notesApp";
+  const contentData = win?.contentData;
+  const [fileName, setFileName] = react.useState(contentData?.initialName ?? t("untitled"));
+  const [saveModalOpen, setSaveModalOpen] = react.useState(false);
+  const pendingSaveMode = react.useRef("save");
+  const [fileId, setFileId] = react.useState(contentData?.fileId ?? null);
+  const contentSnapshotRef = react.useRef(contentData?.initialContent ?? "");
+  const [isDirty, setIsDirty] = react.useState(false);
+  const contentLoaded = chunkRQ6OZRUW_cjs.useNotesStore((s) => s.states[windowId ?? ""]?.contentLoaded ?? false);
+  const setContentLoaded = chunkRQ6OZRUW_cjs.useNotesStore((s) => s.setContentLoaded);
+  react.useEffect(() => {
+    if (!windowId) return;
+    chunkRQ6OZRUW_cjs.useNotesStore.getState().reset(windowId);
+  }, [windowId]);
+  react.useEffect(() => {
+    if (!windowId) return;
+    chunkRQ6OZRUW_cjs.useNotesStore.getState().setIsDirty(windowId, isDirty);
+  }, [windowId, isDirty]);
+  const createFile = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.createFile);
+  const updateFile = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.updateFile);
+  const fsNodes = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.fsNodes);
+  const editor = react$1.useEditor({
+    extensions: [StarterKit__default.default, markdown.Markdown, ClearMarksOnEnter],
+    content: contentData?.initialContent ?? "",
+    contentType: "markdown",
+    shouldRerenderOnTransaction: false,
+    onCreate: () => {
+      const initial = editor?.getMarkdown() ?? "";
+      contentSnapshotRef.current = initial;
+      if (appId) {
+        useAppTempMemoryStore.getState().setSnapshot(appId, initial);
+      }
+    },
+    onUpdate: () => {
+      const current = editor?.getMarkdown() ?? "";
+      const dirty = current !== (contentSnapshotRef.current ?? "");
+      setIsDirty(dirty);
+      if (!dirty && appId) {
+        useAppTempMemoryStore.getState().setSnapshot(appId, current);
+      }
+    }
+  });
+  react.useEffect(() => {
+    if (!fileId || !editor || contentLoaded) return;
+    const node = fsNodes.find((n) => n.id === fileId);
+    if (!node || node.type !== "file") return;
+    const fileNode = node;
+    if (fileNode.content && fileNode.content !== (contentSnapshotRef.current ?? "")) {
+      contentSnapshotRef.current = fileNode.content;
+      if (appId) {
+        useAppTempMemoryStore.getState().setSnapshot(appId, fileNode.content);
+      }
+      editor.commands.setContent(fileNode.content, { emitUpdate: false, contentType: "markdown" });
+      setContentLoaded(windowId, true);
+    }
+  }, [fileId, editor, appId, fsNodes, contentLoaded, windowId, setContentLoaded]);
+  react.useEffect(() => {
+    if (!editor || !windowId || contentLoaded) return;
+    let cancelled = false;
+    const abortController = new AbortController();
+    const loadContent = async () => {
+      try {
+        if (contentData?.initialContent) {
+          if (!cancelled) {
+            editor.commands.setContent(contentData.initialContent, {
+              emitUpdate: false,
+              contentType: "markdown"
+            });
+            setContentLoaded(windowId, true);
+          }
+          return;
+        }
+        if (contentData?.url) {
+          const content = await chunk6QOUYSEE_cjs.resolveFileUrl(contentData.url, abortController.signal);
+          if (!cancelled && content) {
+            editor.commands.setContent(content, { emitUpdate: false, contentType: "markdown" });
+            setContentLoaded(windowId, true);
+          }
+          return;
+        }
+        if (contentData?.fileId) {
+          return;
+        }
+        const base = undefined.BASE_URL;
+        const response = await fetch(`${base}${WELCOME_URL}`, { signal: abortController.signal });
+        if (!cancelled && response.ok) {
+          const content = await response.text();
+          editor.commands.setContent(content, { emitUpdate: false, contentType: "markdown" });
+          setContentLoaded(windowId, true);
+        }
+      } catch (error) {
+        if (!cancelled && error instanceof Error && error.name !== "AbortError") {
+          console.warn("Failed to load content:", error);
+        }
+      }
+    };
+    loadContent();
+    return () => {
+      cancelled = true;
+      abortController.abort();
+    };
+  }, [editor, contentData, windowId, contentLoaded, setContentLoaded]);
+  const getMarkdown = react.useCallback(() => {
+    if (!editor) return "";
+    return editor.getMarkdown();
+  }, [editor]);
+  const handleNew = react.useCallback(() => {
+    editor?.commands.setContent("", { emitUpdate: false, contentType: "markdown" });
+    setFileId(null);
+    setFileName("untitled.md");
+    contentSnapshotRef.current = "";
+    setIsDirty(false);
+    if (windowId) {
+      setContentLoaded(windowId, true);
+    }
+  }, [editor, windowId, setContentLoaded]);
+  const handleSave = react.useCallback(() => {
+    if (!editor) return;
+    if (fileId) {
+      updateFile(fileId, getMarkdown());
+      contentSnapshotRef.current = getMarkdown();
+      setIsDirty(false);
+    } else {
+      pendingSaveMode.current = "save";
+      setSaveModalOpen(true);
+    }
+  }, [editor, getMarkdown, updateFile, fileId]);
+  const handleSaveAs = react.useCallback(() => {
+    if (!editor) return;
+    pendingSaveMode.current = "saveAs";
+    setSaveModalOpen(true);
+  }, [editor]);
+  const handleSaveConfirm = react.useCallback(
+    async ({ parentId, name }) => {
+      if (!editor) return;
+      const content = getMarkdown();
+      if (pendingSaveMode.current === "saveAs" || !fileId) {
+        const file = await createFile(name, content, parentId);
+        setFileId(file.id);
+        setFileName(file.name);
+      } else {
+        await updateFile(fileId, content);
+      }
+      contentSnapshotRef.current = content;
+      setIsDirty(false);
+      setSaveModalOpen(false);
+    },
+    [editor, getMarkdown, createFile, updateFile, fileId]
+  );
+  const [pickerOpen, setPickerOpen] = react.useState(false);
+  const handleFileSelected = react.useCallback(
+    (node) => {
+      setFileId(node.id);
+      setFileName(node.name);
+      contentSnapshotRef.current = node.content ?? "";
+      setIsDirty(false);
+      setPickerOpen(false);
+      const url = node.url;
+      if (url) {
+        chunk6QOUYSEE_cjs.resolveFileUrl(url).then((md) => {
+          if (md) {
+            editor?.commands.setContent(md, { emitUpdate: false, contentType: "markdown" });
+            if (windowId) setContentLoaded(windowId, true);
+          }
+        });
+      } else if (node.content) {
+        editor?.commands.setContent(node.content, { emitUpdate: false, contentType: "markdown" });
+        if (windowId) setContentLoaded(windowId, true);
+      }
+    },
+    [editor, windowId, setContentLoaded]
+  );
+  const setPickerOpenCallback = react.useCallback(() => setPickerOpen(true), []);
+  react.useEffect(() => {
+    const actions = { new: handleNew, save: handleSave, saveAs: handleSaveAs };
+    notifyReady?.({
+      ...win?.contentData ?? {},
+      actions,
+      setPickerOpen: setPickerOpenCallback,
+      isDirty
+    });
+  }, [handleNew, handleSave, handleSaveAs, win, notifyReady, setPickerOpenCallback, isDirty]);
+  const isDirtyGetter = react.useCallback(() => {
+    const current = editor?.getMarkdown() ?? "";
+    return current !== (contentSnapshotRef.current ?? "");
+  }, [editor]);
+  chunkZBGWYTCU_cjs.useCloseInterceptor({
+    isDirtyGetter,
+    windowId,
+    onDiscard: () => {
+      if (!editor) return;
+      const snapshot = contentSnapshotRef.current ?? "";
+      editor.commands.setContent(snapshot, { emitUpdate: false, contentType: "markdown" });
+      setIsDirty(false);
+    },
+    onSave: handleSave
+  });
+  const editorState = react$1.useEditorState({
+    editor,
+    selector: (ctx) => ({
+      canUndo: ctx.editor?.can().undo() ?? false,
+      canRedo: ctx.editor?.can().redo() ?? false,
+      isBold: ctx.editor?.isActive("bold") ?? false,
+      isItalic: ctx.editor?.isActive("italic") ?? false,
+      isStrike: ctx.editor?.isActive("strike") ?? false,
+      isCode: ctx.editor?.isActive("code") ?? false,
+      isH1: ctx.editor?.isActive("heading", { level: 1 }) ?? false,
+      isH2: ctx.editor?.isActive("heading", { level: 2 }) ?? false,
+      isBulletList: ctx.editor?.isActive("bulletList") ?? false,
+      isOrderedList: ctx.editor?.isActive("orderedList") ?? false,
+      isBlockquote: ctx.editor?.isActive("blockquote") ?? false,
+      isCodeBlock: ctx.editor?.isActive("codeBlock") ?? false
+    })
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: NotesApp_default.container, "data-windowid": win?.id, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: NotesApp_default.toolbar, role: "toolbar", "aria-label": t("toolbar.formatting"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${NotesApp_default.toolbarBtn} ${editorState?.isBold ? NotesApp_default.active : ""}`,
+          onClick: () => editor?.chain().focus().toggleBold().run(),
+          disabled: !editor?.can().chain().focus().toggleBold().run(),
+          title: t("toolbar.bold"),
+          "aria-label": t("toolbar.bold"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscBold" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${NotesApp_default.toolbarBtn} ${editorState?.isItalic ? NotesApp_default.active : ""}`,
+          onClick: () => editor?.chain().focus().toggleItalic().run(),
+          disabled: !editor?.can().chain().focus().toggleItalic().run(),
+          title: t("toolbar.italic"),
+          "aria-label": t("toolbar.italic"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscItalic" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${NotesApp_default.toolbarBtn} ${editorState?.isStrike ? NotesApp_default.active : ""}`,
+          onClick: () => editor?.chain().focus().toggleStrike().run(),
+          disabled: !editor?.can().chain().focus().toggleStrike().run(),
+          title: t("toolbar.strikethrough"),
+          "aria-label": t("toolbar.strikethrough"),
+          children: /* @__PURE__ */ jsxRuntime.jsx("s", { children: "S" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${NotesApp_default.toolbarBtn} ${editorState?.isCode ? NotesApp_default.active : ""}`,
+          onClick: () => editor?.chain().focus().toggleCode().run(),
+          disabled: !editor?.can().chain().focus().toggleCode().run(),
+          title: t("toolbar.inlineCode"),
+          "aria-label": t("toolbar.inlineCode"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscCode" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: NotesApp_default.separator }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${NotesApp_default.toolbarBtn} ${editorState?.isH1 ? NotesApp_default.active : ""}`,
+          onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(),
+          title: t("toolbar.heading1"),
+          "aria-label": t("toolbar.heading1"),
+          children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "H1" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${NotesApp_default.toolbarBtn} ${editorState?.isH2 ? NotesApp_default.active : ""}`,
+          onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(),
+          title: t("toolbar.heading2"),
+          "aria-label": t("toolbar.heading2"),
+          children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "H2" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: NotesApp_default.separator }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${NotesApp_default.toolbarBtn} ${editorState?.isBulletList ? NotesApp_default.active : ""}`,
+          onClick: () => editor?.chain().focus().toggleBulletList().run(),
+          title: t("toolbar.bulletList"),
+          "aria-label": t("toolbar.bulletList"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscListUnordered" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${NotesApp_default.toolbarBtn} ${editorState?.isOrderedList ? NotesApp_default.active : ""}`,
+          onClick: () => editor?.chain().focus().toggleOrderedList().run(),
+          title: t("toolbar.orderedList"),
+          "aria-label": t("toolbar.orderedList"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscListOrdered" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: NotesApp_default.separator }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${NotesApp_default.toolbarBtn} ${editorState?.isBlockquote ? NotesApp_default.active : ""}`,
+          onClick: () => editor?.chain().focus().toggleBlockquote().run(),
+          title: t("toolbar.blockquote"),
+          "aria-label": t("toolbar.blockquote"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscQuote" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: `${NotesApp_default.toolbarBtn} ${editorState?.isCodeBlock ? NotesApp_default.active : ""}`,
+          onClick: () => editor?.chain().focus().toggleCodeBlock().run(),
+          title: t("toolbar.codeBlock"),
+          "aria-label": t("toolbar.codeBlock"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscTerminal" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: NotesApp_default.toolbarBtn,
+          onClick: () => editor?.chain().focus().setHorizontalRule().run(),
+          title: t("toolbar.horizontalRule"),
+          "aria-label": t("toolbar.horizontalRule"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscHorizontalRule" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: NotesApp_default.separator }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: NotesApp_default.toolbarBtn,
+          onClick: () => editor?.chain().focus().undo().run(),
+          disabled: !editorState?.canUndo,
+          title: t("common:actions.undo"),
+          "aria-label": t("common:actions.undo"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscDiscard" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: NotesApp_default.toolbarBtn,
+          onClick: () => editor?.chain().focus().redo().run(),
+          disabled: !editorState?.canRedo,
+          title: t("common:actions.redo"),
+          "aria-label": t("common:actions.redo"),
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name: "VscRedo" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(react$1.EditorContent, { editor, className: NotesApp_default.editorContent }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkBDO6B7MZ_cjs.FilePickerModal,
+      {
+        opened: pickerOpen,
+        acceptedMimeTypes: ACCEPTED_MD_TYPES,
+        onConfirm: handleFileSelected,
+        onCancel: () => setPickerOpen(false)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkBDO6B7MZ_cjs.FileSaveModal,
+      {
+        opened: saveModalOpen,
+        initialName: fileName,
+        onConfirm: handleSaveConfirm,
+        onCancel: () => setSaveModalOpen(false)
+      }
+    )
+  ] });
+};
+var NotesApp_default2 = NotesApp;
+
+exports.NotesApp_default = NotesApp_default2;
+exports.useAppTempMemoryStore = useAppTempMemoryStore;

package/dist/chunk-2PSTHGTD.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var chunk7Y7HB7FB_cjs = require('./chunk-7Y7HB7FB.cjs');
+var chunkE55VXNLK_cjs = require('./chunk-E55VXNLK.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Shared/DownloadProgress/DownloadProgress.module.css
+var DownloadProgress_default = {};
+var formatKb = (bytes) => (bytes / 1024).toFixed(1);
+var DownloadProgress = ({
+  state,
+  ariaLabel = "Download progress",
+  minDisplayTime = 1e3
+}) => {
+  const { status, loaded, total } = state;
+  const processIcon = chunk7Y7HB7FB_cjs.useFcIconElement("FcProcess", { size: 24 });
+  const [doneTimestamp, setDoneTimestamp] = react.useState(null);
+  react.useEffect(() => {
+    if (status !== "done" && status !== "error") return;
+    const ts = Date.now();
+    const timer = setTimeout(() => {
+      setDoneTimestamp(ts);
+    }, minDisplayTime);
+    return () => clearTimeout(timer);
+  }, [status, minDisplayTime]);
+  if (status === "idle") return null;
+  const label = total !== null ? `${formatKb(loaded)} / ${formatKb(total)} KB` : `${formatKb(loaded)} KB`;
+  if (!doneTimestamp) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Group, { gap: "sm", align: "center", justify: "center", style: { minHeight: 40 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Box, { className: DownloadProgress_default.spinner, "data-testid": "process-icon", children: processIcon }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "sm", children: label })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Progress, { value: 100, size: "sm", "aria-label": ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Progress.Label, { children: [
+    formatKb(loaded),
+    " KB"
+  ] }) });
+};
+var DownloadProgress_default2 = DownloadProgress;
+
+exports.DownloadProgress_default = DownloadProgress_default2;

package/dist/chunk-2RQX7QBP.cjs

@@ -0,0 +1,148 @@
+'use strict';
+
+var chunk5C6IQE42_cjs = require('./chunk-5C6IQE42.cjs');
+var chunkSBE4SZAN_cjs = require('./chunk-SBE4SZAN.cjs');
+var react = require('react');
+var reactI18next = require('react-i18next');
+var jsxRuntime = require('react/jsx-runtime');
+
+var SHELL_OPTIONS = [
+  { value: "/bin/sh", label: "sh" },
+  { value: "/bin/zsh", label: "zsh" }
+];
+function useTerminalMenuBarElements(options) {
+  const {
+    windowId,
+    onExit,
+    clear,
+    reset,
+    copy,
+    paste,
+    reconnect,
+    connectionStatus = "idle"
+  } = options;
+  const { t } = reactI18next.useTranslation("common");
+  const { t: tApps } = reactI18next.useTranslation("apps");
+  const scrollback = chunk5C6IQE42_cjs.useScrollback(windowId);
+  const shell = chunk5C6IQE42_cjs.useShell(windowId);
+  const setScrollback = chunk5C6IQE42_cjs.useTerminalStore((s) => s.setScrollback);
+  const setShell = chunk5C6IQE42_cjs.useTerminalStore((s) => s.setShell);
+  const handleScrollbackChange = react.useCallback(
+    (value) => setScrollback(windowId, value),
+    [windowId, setScrollback]
+  );
+  const handleShellChange = react.useCallback(
+    (value) => setShell(windowId, value),
+    [windowId, setShell]
+  );
+  const isConnected = connectionStatus === "connected";
+  return react.useMemo(() => {
+    const menuItems = [
+      {
+        type: "item",
+        label: tApps("terminal.menu.copy"),
+        icon: "FcCopy",
+        onClick: copy ?? (() => {
+        }),
+        disabled: !isConnected
+      },
+      {
+        type: "item",
+        label: tApps("terminal.menu.paste"),
+        icon: "FcPaste",
+        onClick: paste ?? (() => {
+        }),
+        disabled: !isConnected
+      },
+      { type: "divider" },
+      {
+        type: "item",
+        label: tApps("terminal.menu.clear"),
+        icon: "FcClear",
+        onClick: clear ?? (() => {
+        }),
+        disabled: !isConnected
+      },
+      {
+        type: "item",
+        label: tApps("terminal.menu.reset"),
+        icon: "FcSynchronize",
+        onClick: reset ?? (() => {
+        }),
+        disabled: !isConnected
+      }
+    ];
+    if (!isConnected && reconnect) {
+      menuItems.push({ type: "divider" });
+      menuItems.push({
+        type: "item",
+        label: tApps("terminal.menu.reconnect"),
+        icon: "FcSynchronize",
+        onClick: reconnect
+      });
+    }
+    menuItems.push({ type: "divider" });
+    menuItems.push({
+      type: "item",
+      label: t("actions.exit"),
+      icon: "FcLeave",
+      onClick: onExit
+    });
+    return [
+      {
+        type: "menu",
+        label: t("menu.edit"),
+        items: menuItems
+      },
+      {
+        type: "number-input",
+        label: tApps("terminal.scrollback"),
+        value: scrollback,
+        onChange: handleScrollbackChange,
+        min: 100,
+        max: 5e4,
+        step: 100,
+        placeholder: "5000"
+      },
+      {
+        type: "select",
+        label: tApps("terminal.shell"),
+        options: SHELL_OPTIONS,
+        value: shell,
+        onChange: handleShellChange
+      }
+    ];
+  }, [
+    t,
+    tApps,
+    onExit,
+    clear,
+    reset,
+    copy,
+    paste,
+    reconnect,
+    isConnected,
+    scrollback,
+    shell,
+    handleScrollbackChange,
+    handleShellChange
+  ]);
+}
+var TerminalMenuBar = react.memo(
+  ({ windowId, contentData, onExit }) => {
+    const elements = useTerminalMenuBarElements({
+      windowId,
+      onExit,
+      clear: contentData?.clear,
+      reset: contentData?.reset,
+      copy: contentData?.copy,
+      paste: contentData?.paste,
+      reconnect: contentData?.reconnect,
+      connectionStatus: contentData?.connectionStatus
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkSBE4SZAN_cjs.AppMenuBar_default, { elements });
+  }
+);
+TerminalMenuBar.displayName = "TerminalMenuBar";
+
+exports.TerminalMenuBar = TerminalMenuBar;