@moraby/app-launcher 2.0.1 → 2.0.3

package/dist/index.js

@@ -1,775 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  AppLauncher: () => AppLauncher,
-  AppSettings: () => AppSettings,
-  LocalAppLauncher: () => LocalAppLauncher,
-  default: () => AppLauncher,
-  getIcon: () => getIcon,
-  iconMap: () => iconMap
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/AppLauncher.tsx
-var import_react = require("react");
-var import_io52 = require("react-icons/io5");
-
-// src/icons.ts
-var import_fa = require("react-icons/fa");
-var import_fa6 = require("react-icons/fa6");
-var import_gr = require("react-icons/gr");
-var import_io5 = require("react-icons/io5");
-var import_md = require("react-icons/md");
-var import_si = require("react-icons/si");
-var import_ai = require("react-icons/ai");
-var iconMap = {
-  // Business & Work
-  FaBriefcase: import_fa.FaBriefcase,
-  IoBusinessSharp: import_io5.IoBusinessSharp,
-  MdWork: import_md.MdWork,
-  FaGraduationCap: import_fa.FaGraduationCap,
-  // Security
-  MdOutlineSecurity: import_md.MdOutlineSecurity,
-  FaLock: import_fa.FaLock,
-  FaKey: import_fa.FaKey,
-  AiOutlineSecurityScan: import_ai.AiOutlineSecurityScan,
-  // Communication
-  FaEnvelope: import_fa.FaEnvelope,
-  MdEmail: import_md.MdEmail,
-  FaBell: import_fa.FaBell,
-  // Media
-  FaYoutube: import_fa.FaYoutube,
-  FaMusic: import_fa.FaMusic,
-  FaCamera: import_fa.FaCamera,
-  FaImage: import_fa.FaImage,
-  FaGamepad: import_fa.FaGamepad,
-  // Productivity
-  FaCalendarAlt: import_fa.FaCalendarAlt,
-  FaClipboard: import_fa.FaClipboard,
-  FaCalculator: import_fa.FaCalculator,
-  FaFolder: import_fa.FaFolder,
-  FaFile: import_fa.FaFile,
-  FaBookmark: import_fa.FaBookmark,
-  FaTable: import_fa.FaTable,
-  FaNewspaper: import_fa.FaNewspaper,
-  // Navigation
-  FaMapMarkerAlt: import_fa.FaMapMarkerAlt,
-  FaGlobe: import_fa.FaGlobe,
-  FaHome: import_fa.FaHome,
-  // Google
-  FaGoogle: import_fa.FaGoogle,
-  SiGoogledrive: import_si.SiGoogledrive,
-  SiGooglemeet: import_si.SiGooglemeet,
-  // Development
-  FaCode: import_fa.FaCode,
-  FaTerminal: import_fa.FaTerminal,
-  FaDatabase: import_fa.FaDatabase,
-  FaPuzzlePiece: import_fa.FaPuzzlePiece,
-  // Analytics
-  FaChartBar: import_fa.FaChartBar,
-  MdDashboard: import_md.MdDashboard,
-  MdAnalytics: import_md.MdAnalytics,
-  // Shopping
-  FaShoppingCart: import_fa.FaShoppingCart,
-  FaGift: import_fa.FaGift,
-  FaTicketSimple: import_fa6.FaTicketSimple,
-  // Travel
-  FaPlane: import_fa.FaPlane,
-  FaCar: import_fa.FaCar,
-  FaBicycle: import_fa.FaBicycle,
-  GrDeliver: import_gr.GrDeliver,
-  // Food
-  FaUtensils: import_fa.FaUtensils,
-  FaCoffee: import_fa.FaCoffee,
-  // General
-  FaRocket: import_fa.FaRocket,
-  FaUser: import_fa.FaUser,
-  FaCog: import_fa.FaCog,
-  FaHeart: import_fa.FaHeart,
-  FaStar: import_fa.FaStar,
-  IoApps: import_io5.IoApps
-};
-function getIcon(name) {
-  return iconMap[name] || import_fa.FaRocket;
-}
-
-// src/AppLauncher.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function AppLauncher({
-  configUrl,
-  apps: propApps,
-  className,
-  onAppClick,
-  renderFooter
-}) {
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const [apps, setApps] = (0, import_react.useState)([]);
-  const [loading, setLoading] = (0, import_react.useState)(false);
-  const [error, setError] = (0, import_react.useState)(null);
-  const containerRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    if (propApps) {
-      setApps(propApps.map(resolveApp));
-      return;
-    }
-    if (configUrl) {
-      setLoading(true);
-      setError(null);
-      fetch(configUrl).then((res) => {
-        if (!res.ok) throw new Error(`Failed to fetch: ${res.status}`);
-        return res.json();
-      }).then((config) => {
-        setApps(config.apps.map(resolveApp));
-      }).catch((err) => {
-        setError(err.message);
-        console.error("AppLauncher: Failed to load config", err);
-      }).finally(() => setLoading(false));
-    }
-  }, [configUrl, propApps]);
-  (0, import_react.useEffect)(() => {
-    function handleClickOutside(event) {
-      if (containerRef.current && !containerRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    }
-    if (isOpen) {
-      document.addEventListener("mousedown", handleClickOutside);
-    }
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [isOpen]);
-  (0, import_react.useEffect)(() => {
-    function handleEscape(event) {
-      if (event.key === "Escape") setIsOpen(false);
-    }
-    if (isOpen) {
-      document.addEventListener("keydown", handleEscape);
-    }
-    return () => document.removeEventListener("keydown", handleEscape);
-  }, [isOpen]);
-  function isCustomIconUrl(icon) {
-    return icon.startsWith("/") || icon.startsWith("http");
-  }
-  function resolveApp(app) {
-    const isCustom = isCustomIconUrl(app.icon);
-    return {
-      id: app.id,
-      name: app.name,
-      url: app.url,
-      icon: isCustom ? null : getIcon(app.icon),
-      customIconUrl: isCustom ? app.icon : null,
-      color: app.color,
-      description: app.description
-    };
-  }
-  function handleAppClick(app) {
-    if (onAppClick) {
-      onAppClick({
-        id: app.id,
-        name: app.name,
-        url: app.url,
-        icon: app.customIconUrl || (app.icon?.name ?? "FaRocket"),
-        color: app.color,
-        description: app.description
-      });
-    } else {
-      window.open(app.url, "_blank", "noopener,noreferrer");
-    }
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `app-launcher ${className || ""}`, ref: containerRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "button",
-      {
-        className: "app-launcher__trigger",
-        onClick: () => setIsOpen(!isOpen),
-        "aria-label": "Open app launcher",
-        "aria-expanded": isOpen,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_io52.IoApps, { className: "app-launcher__trigger-icon" })
-      }
-    ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "app-launcher__dropdown", children: [
-      loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "app-launcher__loading", children: "Loading..." }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "app-launcher__error", children: error }),
-      !loading && !error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "app-launcher__grid", children: apps.map((app) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "button",
-        {
-          className: "app-launcher__item",
-          onClick: () => handleAppClick(app),
-          title: app.description || app.name,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "app-launcher__icon-wrapper", children: app.customIconUrl ? (
-              // Check if it's an SVG - use mask-image for color support
-              app.customIconUrl.endsWith(".svg") ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                "div",
-                {
-                  className: "app-launcher__icon app-launcher__icon--svg",
-                  style: {
-                    maskImage: `url(${app.customIconUrl})`,
-                    WebkitMaskImage: `url(${app.customIconUrl})`,
-                    backgroundColor: app.color === "transparent" ? "#5f6368" : app.color
-                  },
-                  "aria-label": app.name
-                }
-              ) : (
-                // Regular image for PNG, JPG, etc.
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "img",
-                  {
-                    src: app.customIconUrl,
-                    alt: app.name,
-                    className: "app-launcher__icon app-launcher__icon--custom"
-                  }
-                )
-              )
-            ) : app.icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(app.icon, { className: "app-launcher__icon", style: { color: app.color } }) : null }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "app-launcher__name", children: app.name })
-          ]
-        },
-        app.id
-      )) }),
-      renderFooter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "app-launcher__footer", children: renderFooter() })
-    ] })
-  ] });
-}
-
-// src/AppSettings.tsx
-var import_react4 = require("react");
-var import_fa2 = require("react-icons/fa");
-
-// src/AddAppForm.tsx
-var import_react3 = require("react");
-
-// src/IconPicker.tsx
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var allIcons = Object.keys(iconMap);
-function IconPicker({ selectedIcon, onSelect }) {
-  const [searchTerm, setSearchTerm] = (0, import_react2.useState)("");
-  const filteredIcons = allIcons.filter(
-    (name) => name.toLowerCase().includes(searchTerm.toLowerCase())
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "app-launcher-icon-picker", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "input",
-      {
-        type: "text",
-        placeholder: "Search icons...",
-        value: searchTerm,
-        onChange: (e) => setSearchTerm(e.target.value),
-        className: "app-launcher-icon-picker__search"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "app-launcher-icon-picker__grid", children: filteredIcons.map((iconName) => {
-      const Icon = iconMap[iconName];
-      const isSelected = selectedIcon === iconName;
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "button",
-        {
-          className: `app-launcher-icon-picker__button ${isSelected ? "app-launcher-icon-picker__button--selected" : ""}`,
-          onClick: () => onSelect(iconName),
-          title: iconName,
-          type: "button",
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { className: "app-launcher-icon-picker__icon" })
-        },
-        iconName
-      );
-    }) }),
-    filteredIcons.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "app-launcher-icon-picker__empty", children: "No icons found" })
-  ] });
-}
-
-// src/AddAppForm.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var presetColors = [
-  "#4285F4",
-  // Blue
-  "#EA4335",
-  // Red
-  "#FBBC04",
-  // Yellow
-  "#34A853",
-  // Green
-  "#FF6D01",
-  // Orange
-  "#46BDC6",
-  // Teal
-  "#7B1FA2",
-  // Purple
-  "#E91E63",
-  // Pink
-  "#607D8B",
-  // Gray
-  "#795548"
-  // Brown
-];
-function AddAppForm({
-  initialData,
-  onSubmit,
-  onCancel,
-  submitLabel = "Add App"
-}) {
-  const [name, setName] = (0, import_react3.useState)(initialData?.name || "");
-  const [url, setUrl] = (0, import_react3.useState)(initialData?.url || "");
-  const initialIcon = initialData?.icon || "FaRocket";
-  const isInitialCustom = initialIcon.startsWith("/") || initialIcon.startsWith("http");
-  const [iconName, setIconName] = (0, import_react3.useState)(isInitialCustom ? "FaRocket" : initialIcon);
-  const [customIconUrl, setCustomIconUrl] = (0, import_react3.useState)(isInitialCustom ? initialIcon : "");
-  const [iconMode, setIconMode] = (0, import_react3.useState)(isInitialCustom ? "custom" : "picker");
-  const [color, setColor] = (0, import_react3.useState)(initialData?.color || "#4285F4");
-  const [description, setDescription] = (0, import_react3.useState)(initialData?.description || "");
-  const [errors, setErrors] = (0, import_react3.useState)({});
-  const SelectedIcon = iconMap[iconName] || iconMap["FaRocket"];
-  const validate = () => {
-    const newErrors = {};
-    if (!name.trim()) {
-      newErrors.name = "Name is required";
-    }
-    if (!url.trim()) {
-      newErrors.url = "URL is required";
-    } else if (!url.startsWith("http://") && !url.startsWith("https://") && !url.startsWith("/")) {
-      newErrors.url = "URL must start with http://, https://, or /";
-    }
-    if (iconMode === "custom" && customIconUrl.trim()) {
-      if (!customIconUrl.startsWith("http://") && !customIconUrl.startsWith("https://") && !customIconUrl.startsWith("/")) {
-        newErrors.customIconUrl = "Icon URL must start with http://, https://, or /";
-      }
-    }
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    if (!validate()) return;
-    const finalIcon = iconMode === "custom" && customIconUrl.trim() ? customIconUrl.trim() : iconName;
-    onSubmit({
-      name: name.trim(),
-      url: url.trim(),
-      icon: finalIcon,
-      color,
-      description: description.trim() || void 0
-    });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("form", { onSubmit: handleSubmit, className: "app-launcher-form", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__preview", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "app-launcher-form__preview-icon", style: { backgroundColor: color + "20" }, children: iconMode === "custom" && customIconUrl ? customIconUrl.endsWith(".svg") ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "div",
-        {
-          className: "app-launcher-form__preview-svg",
-          style: {
-            maskImage: `url(${customIconUrl})`,
-            WebkitMaskImage: `url(${customIconUrl})`,
-            backgroundColor: color === "transparent" ? "#5f6368" : color
-          }
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "img",
-        {
-          src: customIconUrl,
-          alt: "Icon preview",
-          className: "app-launcher-form__preview-img"
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SelectedIcon, { style: { color, fontSize: 32 } }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "app-launcher-form__preview-name", children: name || "App Name" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: "app-name", className: "app-launcher-form__label", children: "Name *" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "input",
-        {
-          id: "app-name",
-          type: "text",
-          value: name,
-          onChange: (e) => setName(e.target.value),
-          placeholder: "My App",
-          className: `app-launcher-form__input ${errors.name ? "app-launcher-form__input--error" : ""}`
-        }
-      ),
-      errors.name && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "app-launcher-form__error", children: errors.name })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: "app-url", className: "app-launcher-form__label", children: "URL *" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "input",
-        {
-          id: "app-url",
-          type: "text",
-          value: url,
-          onChange: (e) => setUrl(e.target.value),
-          placeholder: "https://myapp.com or /dashboard",
-          className: `app-launcher-form__input ${errors.url ? "app-launcher-form__input--error" : ""}`
-        }
-      ),
-      errors.url && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "app-launcher-form__error", children: errors.url })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: "app-description", className: "app-launcher-form__label", children: "Description" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "input",
-        {
-          id: "app-description",
-          type: "text",
-          value: description,
-          onChange: (e) => setDescription(e.target.value),
-          placeholder: "Optional description (shown on hover)",
-          className: "app-launcher-form__input"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { className: "app-launcher-form__label", children: "Color" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__color-picker", children: [
-        presetColors.map((presetColor) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "button",
-          {
-            type: "button",
-            className: `app-launcher-form__color-button ${color === presetColor ? "app-launcher-form__color-button--selected" : ""}`,
-            style: { backgroundColor: presetColor },
-            onClick: () => setColor(presetColor),
-            title: presetColor
-          },
-          presetColor
-        )),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "input",
-          {
-            type: "color",
-            value: color,
-            onChange: (e) => setColor(e.target.value),
-            className: "app-launcher-form__color-input",
-            title: "Custom color"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__field", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { className: "app-launcher-form__label", children: "Icon" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__icon-mode", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "button",
-          {
-            type: "button",
-            className: `app-launcher-form__mode-button ${iconMode === "picker" ? "app-launcher-form__mode-button--active" : ""}`,
-            onClick: () => setIconMode("picker"),
-            children: "Icon Picker"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "button",
-          {
-            type: "button",
-            className: `app-launcher-form__mode-button ${iconMode === "custom" ? "app-launcher-form__mode-button--active" : ""}`,
-            onClick: () => setIconMode("custom"),
-            children: "Custom URL"
-          }
-        )
-      ] }),
-      iconMode === "picker" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(IconPicker, { selectedIcon: iconName, onSelect: setIconName }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__custom-icon", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "input",
-          {
-            id: "app-custom-icon",
-            type: "text",
-            value: customIconUrl,
-            onChange: (e) => setCustomIconUrl(e.target.value),
-            placeholder: "/icons/my-icon.svg or https://cdn.example.com/icon.svg",
-            className: `app-launcher-form__input ${errors.customIconUrl ? "app-launcher-form__input--error" : ""}`
-          }
-        ),
-        errors.customIconUrl && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "app-launcher-form__error", children: errors.customIconUrl }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "app-launcher-form__hint", children: "Enter a path from your public folder (e.g., /icons/logo.svg) or a full URL" })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "app-launcher-form__actions", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: onCancel,
-          className: "app-launcher-form__button app-launcher-form__button--cancel",
-          children: "Cancel"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "button",
-        {
-          type: "submit",
-          className: "app-launcher-form__button app-launcher-form__button--submit",
-          children: submitLabel
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/AppSettings.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function AppSettings({
-  isOpen,
-  onClose,
-  apps,
-  defaultApps = [],
-  onAdd,
-  onUpdate,
-  onDelete
-}) {
-  const [showAddForm, setShowAddForm] = (0, import_react4.useState)(false);
-  const [editingApp, setEditingApp] = (0, import_react4.useState)(null);
-  if (!isOpen) return null;
-  const handleAddSubmit = (data) => {
-    onAdd(data);
-    setShowAddForm(false);
-  };
-  const handleEditSubmit = (data) => {
-    if (editingApp) {
-      onUpdate(editingApp.id, data);
-      setEditingApp(null);
-    }
-  };
-  const handleDelete = (id) => {
-    if (confirm("Are you sure you want to delete this app?")) {
-      onDelete(id);
-    }
-  };
-  const handleExportConfig = () => {
-    const exportedApps = [
-      // User apps first (they appear at top)
-      ...apps,
-      // Then default apps
-      ...defaultApps.filter((da) => !apps.some((ua) => ua.id === da.id))
-      // Avoid duplicates if any
-    ];
-    const config = {
-      version: "1.0",
-      exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
-      apps: exportedApps
-    };
-    const blob = new Blob([JSON.stringify(config, null, 2)], { type: "application/json" });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = "app-launcher-config.json";
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-    URL.revokeObjectURL(url);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "app-settings__overlay", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__modal", onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "app-settings__title", children: showAddForm ? "Add New App" : editingApp ? "Edit App" : "Settings" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "app-settings__close-button", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fa2.FaTimes, {}) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "app-settings__content", children: showAddForm ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      AddAppForm,
-      {
-        onSubmit: handleAddSubmit,
-        onCancel: () => setShowAddForm(false),
-        submitLabel: "Add App"
-      }
-    ) : editingApp ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      AddAppForm,
-      {
-        initialData: editingApp,
-        onSubmit: handleEditSubmit,
-        onCancel: () => setEditingApp(null),
-        submitLabel: "Save Changes"
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: "app-settings__add-button", onClick: () => setShowAddForm(true), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fa2.FaPlus, { className: "app-settings__add-icon" }),
-        "Add New App"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__list", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: "app-settings__section-title", children: "My Custom Apps" }),
-        apps.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "app-settings__empty-message", children: 'No custom apps yet. Click "Add New App" to get started.' }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "app-settings__grid", children: apps.map((app) => {
-          const isCustom = app.icon.startsWith("/") || app.icon.startsWith("http");
-          const Icon = !isCustom ? iconMap[app.icon] || iconMap["FaRocket"] : null;
-          return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__card", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__card-info", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                "div",
-                {
-                  className: "app-settings__card-icon",
-                  style: { backgroundColor: app.color + "20" },
-                  children: isCustom ? app.icon.endsWith(".svg") ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                    "div",
-                    {
-                      style: {
-                        width: 20,
-                        height: 20,
-                        maskImage: `url(${app.icon})`,
-                        WebkitMaskImage: `url(${app.icon})`,
-                        maskSize: "contain",
-                        maskRepeat: "no-repeat",
-                        maskPosition: "center",
-                        WebkitMaskSize: "contain",
-                        WebkitMaskRepeat: "no-repeat",
-                        WebkitMaskPosition: "center",
-                        backgroundColor: app.color === "transparent" ? "#5f6368" : app.color
-                      }
-                    }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                    "img",
-                    {
-                      src: app.icon,
-                      alt: app.name,
-                      style: { width: 20, height: 20, objectFit: "contain" }
-                    }
-                  ) : Icon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { style: { color: app.color } })
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__card-details", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "app-settings__card-name", children: app.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "app-settings__card-url", children: app.url })
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "app-settings__card-actions", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                "button",
-                {
-                  className: "app-settings__action-button",
-                  onClick: () => setEditingApp(app),
-                  title: "Edit",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fa2.FaEdit, {})
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                "button",
-                {
-                  className: "app-settings__action-button app-settings__action-button--delete",
-                  onClick: () => handleDelete(app.id),
-                  title: "Delete",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fa2.FaTrash, {})
-                }
-              )
-            ] })
-          ] }, app.id);
-        }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: "app-settings__export-button", onClick: handleExportConfig, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_fa2.FaDownload, { className: "app-settings__export-icon" }),
-        "Export Configuration"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "app-settings__info", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: 'Custom apps are saved in your browser. Use "Export Configuration" to share with other apps.' }) })
-    ] }) })
-  ] }) });
-}
-
-// src/LocalAppLauncher.tsx
-var import_react5 = require("react");
-var import_fa3 = require("react-icons/fa");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var STORAGE_KEY = "app-launcher-user-apps";
-function LocalAppLauncher({
-  defaultApps = [],
-  className,
-  mergeDefaultApps = true
-}) {
-  const [showSettings, setShowSettings] = (0, import_react5.useState)(false);
-  const [userApps, setUserApps] = (0, import_react5.useState)([]);
-  const [isLoaded, setIsLoaded] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
-    if (typeof window !== "undefined") {
-      try {
-        const stored = localStorage.getItem(STORAGE_KEY);
-        if (stored) {
-          setUserApps(JSON.parse(stored));
-        }
-      } catch (e) {
-        console.error("Failed to load apps from localStorage", e);
-      }
-      setIsLoaded(true);
-    }
-  }, []);
-  const saveApps = (apps) => {
-    setUserApps(apps);
-    if (typeof window !== "undefined") {
-      localStorage.setItem(STORAGE_KEY, JSON.stringify(apps));
-    }
-  };
-  const handleAddApp = (data) => {
-    const newApp = {
-      ...data,
-      id: `custom-${Date.now()}`
-    };
-    saveApps([...userApps, newApp]);
-  };
-  const handleUpdateApp = (id, updates) => {
-    saveApps(userApps.map((app) => app.id === id ? { ...app, ...updates } : app));
-  };
-  const handleDeleteApp = (id) => {
-    saveApps(userApps.filter((app) => app.id !== id));
-  };
-  const displayApps = isLoaded ? mergeDefaultApps ? [...userApps, ...defaultApps.filter((da) => !userApps.some((ua) => ua.id === da.id))] : userApps.length > 0 ? userApps : defaultApps : [];
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      AppLauncher,
-      {
-        apps: displayApps,
-        className,
-        renderFooter: () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-          "button",
-          {
-            className: "app-launcher__footer-button",
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "8px",
-              width: "100%",
-              justifyContent: "center",
-              border: "none",
-              background: "transparent",
-              cursor: "pointer",
-              color: "var(--al-text-secondary)",
-              fontSize: "14px",
-              fontWeight: 500
-            },
-            onClick: () => setShowSettings(true),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_fa3.FaCog, { style: { fontSize: "16px" } }),
-              "Settings"
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      AppSettings,
-      {
-        isOpen: showSettings,
-        onClose: () => setShowSettings(false),
-        apps: userApps,
-        defaultApps,
-        onAdd: handleAddApp,
-        onUpdate: handleUpdateApp,
-        onDelete: handleDeleteApp
-      }
-    )
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AppLauncher,
-  AppSettings,
-  LocalAppLauncher,
-  getIcon,
-  iconMap
-});
-//# sourceMappingURL=index.js.map
+"use strict";var D=Object.defineProperty;var ae=Object.getOwnPropertyDescriptor;var re=Object.getOwnPropertyNames;var te=Object.prototype.hasOwnProperty;var oe=(i,l)=>{for(var u in l)D(i,u,{get:l[u],enumerable:!0})},ne=(i,l,u,b)=>{if(l&&typeof l=="object"||typeof l=="function")for(let c of re(l))!te.call(i,c)&&c!==u&&D(i,c,{get:()=>l[c],enumerable:!(b=ae(l,c))||b.enumerable});return i};var ie=i=>ne(D({},"__esModule",{value:!0}),i);var le={};oe(le,{AppLauncher:()=>P,AppSettings:()=>W,LocalAppLauncher:()=>Q,default:()=>P,getIcon:()=>O,iconMap:()=>k});module.exports=ie(le);var w=require("react"),Y=require("react-icons/io5");var e=require("react-icons/fa"),$=require("react-icons/fa6"),G=require("react-icons/gr"),M=require("react-icons/io5"),A=require("react-icons/md"),U=require("react-icons/si"),q=require("react-icons/ai"),k={FaBriefcase:e.FaBriefcase,IoBusinessSharp:M.IoBusinessSharp,MdWork:A.MdWork,FaGraduationCap:e.FaGraduationCap,MdOutlineSecurity:A.MdOutlineSecurity,FaLock:e.FaLock,FaKey:e.FaKey,AiOutlineSecurityScan:q.AiOutlineSecurityScan,FaEnvelope:e.FaEnvelope,MdEmail:A.MdEmail,FaBell:e.FaBell,FaYoutube:e.FaYoutube,FaMusic:e.FaMusic,FaCamera:e.FaCamera,FaImage:e.FaImage,FaGamepad:e.FaGamepad,FaCalendarAlt:e.FaCalendarAlt,FaClipboard:e.FaClipboard,FaCalculator:e.FaCalculator,FaFolder:e.FaFolder,FaFile:e.FaFile,FaBookmark:e.FaBookmark,FaTable:e.FaTable,FaNewspaper:e.FaNewspaper,FaMapMarkerAlt:e.FaMapMarkerAlt,FaGlobe:e.FaGlobe,FaHome:e.FaHome,FaGoogle:e.FaGoogle,SiGoogledrive:U.SiGoogledrive,SiGooglemeet:U.SiGooglemeet,FaCode:e.FaCode,FaTerminal:e.FaTerminal,FaDatabase:e.FaDatabase,FaPuzzlePiece:e.FaPuzzlePiece,FaChartBar:e.FaChartBar,MdDashboard:A.MdDashboard,MdAnalytics:A.MdAnalytics,FaShoppingCart:e.FaShoppingCart,FaGift:e.FaGift,FaTicketSimple:$.FaTicketSimple,FaPlane:e.FaPlane,FaCar:e.FaCar,FaBicycle:e.FaBicycle,GrDeliver:G.GrDeliver,FaUtensils:e.FaUtensils,FaCoffee:e.FaCoffee,FaRocket:e.FaRocket,FaUser:e.FaUser,FaCog:e.FaCog,FaHeart:e.FaHeart,FaStar:e.FaStar,IoApps:M.IoApps};function O(i){return k[i]||e.FaRocket}var f=require("react/jsx-runtime");function P({configUrl:i,apps:l,className:u,onAppClick:b,renderFooter:c}){let[n,g]=(0,w.useState)(!1),[I,_]=(0,w.useState)([]),[h,x]=(0,w.useState)(!1),[F,d]=(0,w.useState)(null),C=(0,w.useRef)(null);(0,w.useEffect)(()=>{if(l){_(l.map(r));return}i&&(x(!0),d(null),fetch(i).then(a=>{if(!a.ok)throw new Error(`Failed to fetch: ${a.status}`);return a.json()}).then(a=>{_(a.apps.map(r))}).catch(a=>{d(a.message),console.error("AppLauncher: Failed to load config",a)}).finally(()=>x(!1)))},[i,l]),(0,w.useEffect)(()=>{function a(v){C.current&&!C.current.contains(v.target)&&g(!1)}return n&&document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[n]),(0,w.useEffect)(()=>{function a(v){v.key==="Escape"&&g(!1)}return n&&document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[n]);function p(a){return a.startsWith("/")||a.startsWith("http")}function r(a){let v=p(a.icon);return{id:a.id,name:a.name,url:a.url,icon:v?null:O(a.icon),customIconUrl:v?a.icon:null,color:a.color,description:a.description}}function m(a){b?b({id:a.id,name:a.name,url:a.url,icon:a.customIconUrl||(a.icon?.name??"FaRocket"),color:a.color,description:a.description}):window.open(a.url,"_blank","noopener,noreferrer")}return(0,f.jsxs)("div",{className:`app-launcher ${u||""}`,ref:C,children:[(0,f.jsx)("button",{className:"app-launcher__trigger",onClick:()=>g(!n),"aria-label":"Open app launcher","aria-expanded":n,children:(0,f.jsx)(Y.IoApps,{className:"app-launcher__trigger-icon"})}),n&&(0,f.jsxs)("div",{className:"app-launcher__dropdown",children:[h&&(0,f.jsx)("div",{className:"app-launcher__loading",children:"Loading..."}),F&&(0,f.jsx)("div",{className:"app-launcher__error",children:F}),!h&&!F&&(0,f.jsx)("div",{className:"app-launcher__grid",children:I.map(a=>(0,f.jsxs)("button",{className:"app-launcher__item",onClick:()=>m(a),title:a.description||a.name,children:[(0,f.jsx)("div",{className:"app-launcher__icon-wrapper",children:a.customIconUrl?a.customIconUrl.endsWith(".svg")?(0,f.jsx)("div",{className:"app-launcher__icon app-launcher__icon--svg",style:{maskImage:`url(${a.customIconUrl})`,WebkitMaskImage:`url(${a.customIconUrl})`,backgroundColor:a.color==="transparent"?"#5f6368":a.color},"aria-label":a.name}):(0,f.jsx)("img",{src:a.customIconUrl,alt:a.name,className:"app-launcher__icon app-launcher__icon--custom"}):a.icon?(0,f.jsx)(a.icon,{className:"app-launcher__icon",style:{color:a.color}}):null}),(0,f.jsx)("span",{className:"app-launcher__name",children:a.name})]},a.id))}),c&&(0,f.jsx)("div",{className:"app-launcher__footer",children:c()})]})]})}var B=require("react"),N=require("react-icons/fa");var S=require("react");var H=require("react");var z=require("react/jsx-runtime"),pe=Object.keys(k);function J({selectedIcon:i,onSelect:l}){let[u,b]=(0,H.useState)(""),c=pe.filter(n=>n.toLowerCase().includes(u.toLowerCase()));return(0,z.jsxs)("div",{className:"app-launcher-icon-picker",children:[(0,z.jsx)("input",{type:"text",placeholder:"Search icons...",value:u,onChange:n=>b(n.target.value),className:"app-launcher-icon-picker__search"}),(0,z.jsx)("div",{className:"app-launcher-icon-picker__grid",children:c.map(n=>{let g=k[n];return(0,z.jsx)("button",{className:`app-launcher-icon-picker__button ${i===n?"app-launcher-icon-picker__button--selected":""}`,onClick:()=>l(n),title:n,type:"button",children:(0,z.jsx)(g,{className:"app-launcher-icon-picker__icon"})},n)})}),c.length===0&&(0,z.jsx)("div",{className:"app-launcher-icon-picker__empty",children:"No icons found"})]})}var t=require("react/jsx-runtime"),se=["#4285F4","#EA4335","#FBBC04","#34A853","#FF6D01","#46BDC6","#7B1FA2","#E91E63","#607D8B","#795548"];function T({initialData:i,onSubmit:l,onCancel:u,submitLabel:b="Add App"}){let[c,n]=(0,S.useState)(i?.name||""),[g,I]=(0,S.useState)(i?.url||""),_=i?.icon||"FaRocket",h=_.startsWith("/")||_.startsWith("http"),[x,F]=(0,S.useState)(h?"FaRocket":_),[d,C]=(0,S.useState)(h?_:""),[p,r]=(0,S.useState)(h?"custom":"picker"),[m,a]=(0,S.useState)(i?.color||"#4285F4"),[v,R]=(0,S.useState)(i?.description||""),[y,j]=(0,S.useState)({}),X=k[x]||k.FaRocket,Z=()=>{let s={};return c.trim()||(s.name="Name is required"),g.trim()?!g.startsWith("http://")&&!g.startsWith("https://")&&!g.startsWith("/")&&(s.url="URL must start with http://, https://, or /"):s.url="URL is required",p==="custom"&&d.trim()&&!d.startsWith("http://")&&!d.startsWith("https://")&&!d.startsWith("/")&&(s.customIconUrl="Icon URL must start with http://, https://, or /"),j(s),Object.keys(s).length===0};return(0,t.jsxs)("form",{onSubmit:s=>{if(s.preventDefault(),!Z())return;let ee=p==="custom"&&d.trim()?d.trim():x;l({name:c.trim(),url:g.trim(),icon:ee,color:m,description:v.trim()||void 0})},className:"app-launcher-form",children:[(0,t.jsxs)("div",{className:"app-launcher-form__preview",children:[(0,t.jsx)("div",{className:"app-launcher-form__preview-icon",style:{backgroundColor:m+"20"},children:p==="custom"&&d?d.endsWith(".svg")?(0,t.jsx)("div",{className:"app-launcher-form__preview-svg",style:{maskImage:`url(${d})`,WebkitMaskImage:`url(${d})`,backgroundColor:m==="transparent"?"#5f6368":m}}):(0,t.jsx)("img",{src:d,alt:"Icon preview",className:"app-launcher-form__preview-img"}):(0,t.jsx)(X,{style:{color:m,fontSize:32}})}),(0,t.jsx)("span",{className:"app-launcher-form__preview-name",children:c||"App Name"})]}),(0,t.jsxs)("div",{className:"app-launcher-form__field",children:[(0,t.jsx)("label",{htmlFor:"app-name",className:"app-launcher-form__label",children:"Name *"}),(0,t.jsx)("input",{id:"app-name",type:"text",value:c,onChange:s=>n(s.target.value),placeholder:"My App",className:`app-launcher-form__input ${y.name?"app-launcher-form__input--error":""}`}),y.name&&(0,t.jsx)("span",{className:"app-launcher-form__error",children:y.name})]}),(0,t.jsxs)("div",{className:"app-launcher-form__field",children:[(0,t.jsx)("label",{htmlFor:"app-url",className:"app-launcher-form__label",children:"URL *"}),(0,t.jsx)("input",{id:"app-url",type:"text",value:g,onChange:s=>I(s.target.value),placeholder:"https://myapp.com or /dashboard",className:`app-launcher-form__input ${y.url?"app-launcher-form__input--error":""}`}),y.url&&(0,t.jsx)("span",{className:"app-launcher-form__error",children:y.url})]}),(0,t.jsxs)("div",{className:"app-launcher-form__field",children:[(0,t.jsx)("label",{htmlFor:"app-description",className:"app-launcher-form__label",children:"Description"}),(0,t.jsx)("input",{id:"app-description",type:"text",value:v,onChange:s=>R(s.target.value),placeholder:"Optional description (shown on hover)",className:"app-launcher-form__input"})]}),(0,t.jsxs)("div",{className:"app-launcher-form__field",children:[(0,t.jsx)("label",{className:"app-launcher-form__label",children:"Color"}),(0,t.jsxs)("div",{className:"app-launcher-form__color-picker",children:[se.map(s=>(0,t.jsx)("button",{type:"button",className:`app-launcher-form__color-button ${m===s?"app-launcher-form__color-button--selected":""}`,style:{backgroundColor:s},onClick:()=>a(s),title:s},s)),(0,t.jsx)("input",{type:"color",value:m,onChange:s=>a(s.target.value),className:"app-launcher-form__color-input",title:"Custom color"})]})]}),(0,t.jsxs)("div",{className:"app-launcher-form__field",children:[(0,t.jsx)("label",{className:"app-launcher-form__label",children:"Icon"}),(0,t.jsxs)("div",{className:"app-launcher-form__icon-mode",children:[(0,t.jsx)("button",{type:"button",className:`app-launcher-form__mode-button ${p==="picker"?"app-launcher-form__mode-button--active":""}`,onClick:()=>r("picker"),children:"Icon Picker"}),(0,t.jsx)("button",{type:"button",className:`app-launcher-form__mode-button ${p==="custom"?"app-launcher-form__mode-button--active":""}`,onClick:()=>r("custom"),children:"Custom URL"})]}),p==="picker"?(0,t.jsx)(J,{selectedIcon:x,onSelect:F}):(0,t.jsxs)("div",{className:"app-launcher-form__custom-icon",children:[(0,t.jsx)("input",{id:"app-custom-icon",type:"text",value:d,onChange:s=>C(s.target.value),placeholder:"/icons/my-icon.svg or https://cdn.example.com/icon.svg",className:`app-launcher-form__input ${y.customIconUrl?"app-launcher-form__input--error":""}`}),y.customIconUrl&&(0,t.jsx)("span",{className:"app-launcher-form__error",children:y.customIconUrl}),(0,t.jsx)("p",{className:"app-launcher-form__hint",children:"Enter a path from your public folder (e.g., /icons/logo.svg) or a full URL"})]})]}),(0,t.jsxs)("div",{className:"app-launcher-form__actions",children:[(0,t.jsx)("button",{type:"button",onClick:u,className:"app-launcher-form__button app-launcher-form__button--cancel",children:"Cancel"}),(0,t.jsx)("button",{type:"submit",className:"app-launcher-form__button app-launcher-form__button--submit",children:b})]})]})}var o=require("react/jsx-runtime");function W({isOpen:i,onClose:l,apps:u,defaultApps:b=[],onAdd:c,onUpdate:n,onDelete:g}){let[I,_]=(0,B.useState)(!1),[h,x]=(0,B.useState)(null);if(!i)return null;let F=r=>{c(r),_(!1)},d=r=>{h&&(n(h.id,r),x(null))},C=r=>{confirm("Are you sure you want to delete this app?")&&g(r)},p=()=>{let r=[...u,...b.filter(y=>!u.some(j=>j.id===y.id))],m={version:"1.0",exportedAt:new Date().toISOString(),apps:r},a=new Blob([JSON.stringify(m,null,2)],{type:"application/json"}),v=URL.createObjectURL(a),R=document.createElement("a");R.href=v,R.download="app-launcher-config.json",document.body.appendChild(R),R.click(),document.body.removeChild(R),URL.revokeObjectURL(v)};return(0,o.jsx)("div",{className:"app-settings__overlay",children:(0,o.jsxs)("div",{className:"app-settings__modal",onClick:r=>r.stopPropagation(),children:[(0,o.jsxs)("div",{className:"app-settings__header",children:[(0,o.jsx)("h2",{className:"app-settings__title",children:I?"Add New App":h?"Edit App":"Settings"}),(0,o.jsx)("button",{className:"app-settings__close-button",onClick:l,"aria-label":"Close",children:(0,o.jsx)(N.FaTimes,{})})]}),(0,o.jsx)("div",{className:"app-settings__content",children:I?(0,o.jsx)(T,{onSubmit:F,onCancel:()=>_(!1),submitLabel:"Add App"}):h?(0,o.jsx)(T,{initialData:h,onSubmit:d,onCancel:()=>x(null),submitLabel:"Save Changes"}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("button",{className:"app-settings__add-button",onClick:()=>_(!0),children:[(0,o.jsx)(N.FaPlus,{className:"app-settings__add-icon"}),"Add New App"]}),(0,o.jsxs)("div",{className:"app-settings__list",children:[(0,o.jsx)("h3",{className:"app-settings__section-title",children:"My Custom Apps"}),u.length===0?(0,o.jsx)("p",{className:"app-settings__empty-message",children:'No custom apps yet. Click "Add New App" to get started.'}):(0,o.jsx)("div",{className:"app-settings__grid",children:u.map(r=>{let m=r.icon.startsWith("/")||r.icon.startsWith("http"),a=m?null:k[r.icon]||k.FaRocket;return(0,o.jsxs)("div",{className:"app-settings__card",children:[(0,o.jsxs)("div",{className:"app-settings__card-info",children:[(0,o.jsx)("div",{className:"app-settings__card-icon",style:{backgroundColor:r.color+"20"},children:m?r.icon.endsWith(".svg")?(0,o.jsx)("div",{style:{width:20,height:20,maskImage:`url(${r.icon})`,WebkitMaskImage:`url(${r.icon})`,maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center",WebkitMaskSize:"contain",WebkitMaskRepeat:"no-repeat",WebkitMaskPosition:"center",backgroundColor:r.color==="transparent"?"#5f6368":r.color}}):(0,o.jsx)("img",{src:r.icon,alt:r.name,style:{width:20,height:20,objectFit:"contain"}}):a&&(0,o.jsx)(a,{style:{color:r.color}})}),(0,o.jsxs)("div",{className:"app-settings__card-details",children:[(0,o.jsx)("span",{className:"app-settings__card-name",children:r.name}),(0,o.jsx)("span",{className:"app-settings__card-url",children:r.url})]})]}),(0,o.jsxs)("div",{className:"app-settings__card-actions",children:[(0,o.jsx)("button",{className:"app-settings__action-button",onClick:()=>x(r),title:"Edit",children:(0,o.jsx)(N.FaEdit,{})}),(0,o.jsx)("button",{className:"app-settings__action-button app-settings__action-button--delete",onClick:()=>C(r.id),title:"Delete",children:(0,o.jsx)(N.FaTrash,{})})]})]},r.id)})})]}),(0,o.jsxs)("button",{className:"app-settings__export-button",onClick:p,children:[(0,o.jsx)(N.FaDownload,{className:"app-settings__export-icon"}),"Export Configuration"]}),(0,o.jsx)("div",{className:"app-settings__info",children:(0,o.jsx)("p",{children:'Custom apps are saved in your browser. Use "Export Configuration" to share with other apps.'})})]})})]})})}var E=require("react"),V=require("react-icons/fa");var L=require("react/jsx-runtime"),K="app-launcher-user-apps";function Q({defaultApps:i=[],className:l,mergeDefaultApps:u=!0}){let[b,c]=(0,E.useState)(!1),[n,g]=(0,E.useState)([]),[I,_]=(0,E.useState)(!1);(0,E.useEffect)(()=>{if(typeof window<"u"){try{let p=localStorage.getItem(K);p&&g(JSON.parse(p))}catch(p){console.error("Failed to load apps from localStorage",p)}_(!0)}},[]);let h=p=>{g(p),typeof window<"u"&&localStorage.setItem(K,JSON.stringify(p))},x=p=>{let r={...p,id:`custom-${Date.now()}`};h([...n,r])},F=(p,r)=>{h(n.map(m=>m.id===p?{...m,...r}:m))},d=p=>{h(n.filter(r=>r.id!==p))},C=I?u?[...n,...i.filter(p=>!n.some(r=>r.id===p.id))]:n.length>0?n:i:[];return(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(P,{apps:C,className:l,renderFooter:()=>(0,L.jsxs)("button",{className:"app-launcher__footer-button",style:{display:"flex",alignItems:"center",gap:"8px",width:"100%",justifyContent:"center",border:"none",background:"transparent",cursor:"pointer",color:"var(--al-text-secondary)",fontSize:"14px",fontWeight:500},onClick:()=>c(!0),children:[(0,L.jsx)(V.FaCog,{style:{fontSize:"16px"}}),"Settings"]})}),(0,L.jsx)(W,{isOpen:b,onClose:()=>c(!1),apps:n,defaultApps:i,onAdd:x,onUpdate:F,onDelete:d})]})}0&&(module.exports={AppLauncher,AppSettings,LocalAppLauncher,getIcon,iconMap});