@bonginkan/maria-lite 6.3.0 → 6.3.1

package/dist/desktop-client.js

@@ -359,7 +359,8 @@ var init_helpers = __esm({
       "google-gmail": "mail",
       "google-calendar": "calendar",
       "google-drive": "hard-drive",
-      "google-meet": "video"
+      "google-meet": "video",
+      "resource-manager": "building"
     };
     LUCIDE_APP_ICONS = {
       // Basic Tools
@@ -457,6 +458,7 @@ var init_helpers = __esm({
       gcal: "calendar",
       gdrive: "hard-drive",
       gmeet: "video",
+      "resource-manager": "building",
       // System
       help: "life-buoy",
       version: "info",
@@ -473,7 +475,8 @@ var init_helpers = __esm({
       __ui_design: "paintbrush",
       __file_manager: "folder-open",
       __task_manager: "activity",
-      __log_viewer: "scroll-text"
+      __log_viewer: "scroll-text",
+      __resource_manager: "building"
     };
     LUCIDE_FILE_EXT_ICONS = {
       ts: "file-code",
@@ -701,7 +704,7 @@ var init_state = __esm({
         label: "Google",
         emoji: "\u{1F310}",
         serverCategories: ["google"],
-        commandIds: ["gmail", "gcal", "gdrive", "gmeet"],
+        commandIds: ["gmail", "gcal", "gdrive", "gmeet", "resource-manager"],
         alwaysVisible: true
       },
       {
@@ -8072,6 +8075,10 @@ function openGoogleCalendar() {
   calCalendars = [];
   calEnabledCalendarIds = /* @__PURE__ */ new Set();
   calShowCalendarPanel = false;
+  calFindBuildings = [];
+  calFindResources = [];
+  calFindBuildingId = "";
+  calFindResourceId = "";
   renderApp2();
 }
 function renderApp2() {
@@ -8631,6 +8638,18 @@ async function handleEdit(container, ev) {
     btn.textContent = "Save Changes";
   }
 }
+function updateResourceDropdown(container) {
+  const rSelect = container.querySelector(".gc-ft-resource");
+  if (!rSelect) return;
+  const filtered = calFindBuildingId ? calFindResources.filter((r) => r.buildingId === calFindBuildingId) : calFindResources;
+  rSelect.innerHTML = '<option value="">All</option>';
+  for (const r of filtered) {
+    const opt = document.createElement("option");
+    opt.value = r.resourceId;
+    opt.textContent = `${r.resourceName}${r.capacity ? ` (${r.capacity})` : ""}`;
+    rSelect.appendChild(opt);
+  }
+}
 function renderFindTime(container) {
   const tomorrow = /* @__PURE__ */ new Date();
   tomorrow.setDate(tomorrow.getDate() + 1);
@@ -8644,6 +8663,11 @@ function renderFindTime(container) {
   html += `<label>Required Attendees<input class="gc-ft-required" type="text" placeholder="email1@example.com, email2@example.com" /><span class="gc-ft-hint">All must be available. Comma-separated emails.</span></label>`;
   html += `<label>Optional Attendees<input class="gc-ft-optional" type="text" placeholder="email3@example.com, email4@example.com" /><span class="gc-ft-hint">Preferred but not required. Priority by input order.</span></label>`;
   html += `<div class="gc-ft-row">`;
+  html += `<label>Building<select class="gc-ft-building"><option value="">All</option></select></label>`;
+  html += `<label>Resource<select class="gc-ft-resource"><option value="">All</option></select></label>`;
+  html += `</div>`;
+  html += `<span class="gc-ft-hint">Filter by building/resource to check room availability.</span>`;
+  html += `<div class="gc-ft-row">`;
   html += `<label>Duration<select class="gc-ft-duration">`;
   for (const m of [15, 30, 45, 60, 90, 120, 180, 240]) {
     const label = m < 60 ? `${m} min` : m === 60 ? "1 hour" : `${m / 60} hours`;
@@ -8677,6 +8701,42 @@ function renderFindTime(container) {
   html += `<div class="gc-ft-results"></div>`;
   html += `</div>`;
   container.innerHTML = html;
+  const bSelectEl = container.querySelector(".gc-ft-building");
+  const rSelectEl = container.querySelector(".gc-ft-resource");
+  void (async () => {
+    try {
+      const [bData, rData] = await Promise.all([
+        apiJson("/api/calendar/buildings"),
+        apiJson("/api/calendar/resources")
+      ]);
+      calFindBuildings = bData.buildings || [];
+      calFindResources = rData.resources || [];
+      if (bSelectEl) {
+        for (const b of calFindBuildings) {
+          const opt = document.createElement("option");
+          opt.value = b.buildingId;
+          opt.textContent = b.buildingName;
+          bSelectEl.appendChild(opt);
+        }
+        if (calFindBuildingId) bSelectEl.value = calFindBuildingId;
+      }
+      updateResourceDropdown(container);
+      if (calFindResourceId && rSelectEl) rSelectEl.value = calFindResourceId;
+    } catch {
+    }
+  })();
+  if (bSelectEl) {
+    bSelectEl.addEventListener("change", () => {
+      calFindBuildingId = bSelectEl.value;
+      calFindResourceId = "";
+      updateResourceDropdown(container);
+    });
+  }
+  if (rSelectEl) {
+    rSelectEl.addEventListener("change", () => {
+      calFindResourceId = rSelectEl.value;
+    });
+  }
   container.querySelector(".gc-ft-search-btn").addEventListener("click", () => void handleFindSlots(container, 0));
 }
 async function handleFindSlots(container, offset = 0) {
@@ -8693,7 +8753,8 @@ async function handleFindSlots(container, offset = 0) {
   const btn = container.querySelector(".gc-ft-search-btn");
   const required = reqEmails ? reqEmails.split(",").map((e) => e.trim()).filter(Boolean) : [];
   const optional = optEmails ? optEmails.split(",").map((e) => e.trim()).filter(Boolean) : [];
-  if (!required.length) {
+  const useResourceApi = !!(calFindBuildingId || calFindResourceId);
+  if (!useResourceApi && !required.length) {
     statusEl.innerHTML = `<span class="gc-status-err">At least one required attendee is needed</span>`;
     return;
   }
@@ -8703,10 +8764,27 @@ async function handleFindSlots(container, offset = 0) {
   }
   btn.disabled = true;
   btn.textContent = "Searching...";
-  statusEl.innerHTML = `<span style="color:var(--muted);">Querying free/busy data for ${required.length + optional.length} participant(s)...</span>`;
+  const participantCount = required.length + optional.length;
+  statusEl.innerHTML = useResourceApi ? `<span style="color:var(--muted);">Checking resource availability${participantCount > 0 ? ` for ${participantCount} participant(s)` : ""}...</span>` : `<span style="color:var(--muted);">Querying free/busy data for ${participantCount} participant(s)...</span>`;
   resultsEl.innerHTML = "";
   try {
-    const res = await apiJson("/api/google/calendar/find-slots", {
+    const res = useResourceApi ? await apiJson("/api/calendar/slots", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        dateFrom,
+        dateTo,
+        durationMinutes: duration,
+        workStartHour: workStart,
+        workEndHour: workEnd,
+        buildingId: calFindBuildingId || void 0,
+        resourceId: calFindResourceId || void 0,
+        offset,
+        bufferMinutes,
+        required: required.length > 0 ? required : void 0,
+        optional: optional.length > 0 ? optional : void 0
+      })
+    }) : await apiJson("/api/google/calendar/find-slots", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({
@@ -8761,6 +8839,13 @@ async function handleFindSlots(container, offset = 0) {
         }
       }
       rhtml += `<div class="gc-ft-slot-buffer">Buffer: ${slot.bufferBeforeMinutes} min before, ${slot.bufferAfterMinutes} min after</div>`;
+      if (slot.resourceEmails?.length) {
+        const names = slot.resourceEmails.map((e) => {
+          const r = calFindResources.find((res2) => res2.resourceEmail === e);
+          return r ? r.resourceName : e;
+        });
+        rhtml += `<div class="gc-ft-slot-meta" style="color:var(--accent);font-size:.82em;margin-top:2px;">\u{1F3E2} Available: ${esc(names.join(", "))}</div>`;
+      }
       rhtml += `<button class="gc-ft-slot-create">Create Event</button>`;
       rhtml += `</div>`;
     }
@@ -8870,7 +8955,7 @@ function formatDateTime(dateStr) {
     return dateStr;
   }
 }
-var calView, calCurrentEventId, calCurrentCalendarId, calCurrentEvent, calDays, calWinId, calCalendars, calEnabledCalendarIds, calShowCalendarPanel, calPrefill, STYLES2;
+var calView, calCurrentEventId, calCurrentCalendarId, calCurrentEvent, calDays, calWinId, calCalendars, calEnabledCalendarIds, calShowCalendarPanel, calPrefill, calFindBuildings, calFindResources, calFindBuildingId, calFindResourceId, STYLES2;
 var init_google_calendar = __esm({
   "services/desktop/client/modules/google-calendar.ts"() {
     init_helpers();
@@ -8886,6 +8971,10 @@ var init_google_calendar = __esm({
     calEnabledCalendarIds = /* @__PURE__ */ new Set();
     calShowCalendarPanel = false;
     calPrefill = null;
+    calFindBuildings = [];
+    calFindResources = [];
+    calFindBuildingId = "";
+    calFindResourceId = "";
     STYLES2 = `
 .gc-app{font-family:var(--sans);color:var(--fg);display:flex;flex-direction:column;height:100%;overflow:hidden}
 .gc-toolbar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--input-border);background:var(--ctx-hover);flex-shrink:0;align-items:center;flex-wrap:wrap}
@@ -10322,6 +10411,716 @@ var init_google_meet = __esm({
   }
 });
 
+// services/desktop/client/modules/resource-manager.ts
+function injectStyles2() {
+  if (stylesInjected) return;
+  const style = document.createElement("style");
+  style.textContent = STYLES5;
+  document.head.appendChild(style);
+  stylesInjected = true;
+}
+function openResourceManager() {
+  injectStyles2();
+  const useLucide = state.iconStyle === "modern" || state.iconStyle === "minimal";
+  const winIcon = useLucide ? lucideIcon("building", "di-lucide") : "\u{1F3E2}";
+  const win = createWindow({
+    appId: "__resource_manager",
+    title: "Resource Manager",
+    icon: winIcon,
+    content: "app",
+    width: 720,
+    height: 520
+  });
+  rmWinId = win.id;
+  rmView = "buildings";
+  rmBuildings = [];
+  rmResources = [];
+  rmFilterBuildingId = "";
+  rmStatus = "";
+  rmStatusType = "";
+  renderRmApp();
+}
+function renderRmApp() {
+  const body = getWinBody(rmWinId);
+  let html = '<div class="rm-app">';
+  if (rmStatus) {
+    const cls = rmStatusType === "ok" ? "rm-status-ok" : rmStatusType === "err" ? "rm-status-err" : "";
+    html += `<div class="rm-status ${cls}">${esc(rmStatus)}</div>`;
+  }
+  html += '<div class="rm-toolbar">';
+  if (rmView === "create-building" || rmView === "create-resource" || rmView === "edit-building" || rmView === "edit-resource") {
+    html += `<button class="rm-back-btn" data-rm-action="back">${lucideIcon("arrow-left", "")} Back</button>`;
+  } else {
+    html += `<button class="${rmView === "buildings" ? "active" : ""}" data-rm-action="tab-buildings">Buildings</button>`;
+    html += `<button class="${rmView === "resources" ? "active" : ""}" data-rm-action="tab-resources">Resources</button>`;
+    if (rmView === "buildings") {
+      html += `<button class="rm-add-btn" data-rm-action="new-building">+ New Building</button>`;
+    }
+    if (rmView === "resources") {
+      html += `<select data-rm-action="filter-building"><option value="">All buildings</option>`;
+      for (const b of rmBuildings) {
+        const sel = rmFilterBuildingId === b.buildingId ? " selected" : "";
+        html += `<option value="${esc(b.buildingId)}"${sel}>${esc(b.buildingName)}</option>`;
+      }
+      html += `</select>`;
+      html += `<button class="rm-add-btn" data-rm-action="new-resource">+ New Resource</button>`;
+    }
+  }
+  html += "</div>";
+  html += '<div class="rm-content" id="rmContent"></div>';
+  html += "</div>";
+  body.innerHTML = html;
+  attachToolbarListeners(body);
+  if (rmView === "buildings") {
+    void renderBuildingsList();
+  } else if (rmView === "resources") {
+    void renderResourcesList();
+  } else if (rmView === "create-building") {
+    renderCreateBuildingForm();
+  } else if (rmView === "create-resource") {
+    renderCreateResourceForm();
+  } else if (rmView === "edit-building") {
+    renderEditBuildingForm();
+  } else if (rmView === "edit-resource") {
+    renderEditResourceForm();
+  }
+}
+function attachToolbarListeners(container) {
+  container.querySelectorAll("[data-rm-action]").forEach((el) => {
+    const action = el.dataset.rmAction || "";
+    if (el.tagName === "SELECT") {
+      el.addEventListener("change", () => {
+        if (action === "filter-building") {
+          rmFilterBuildingId = el.value;
+          void renderResourcesList();
+        }
+      });
+    } else {
+      el.addEventListener("click", () => {
+        rmStatus = "";
+        rmStatusType = "";
+        if (action === "tab-buildings") {
+          rmView = "buildings";
+          renderRmApp();
+        } else if (action === "tab-resources") {
+          rmView = "resources";
+          renderRmApp();
+        } else if (action === "new-building") {
+          rmView = "create-building";
+          renderRmApp();
+        } else if (action === "new-resource") {
+          rmView = "create-resource";
+          renderRmApp();
+        } else if (action === "back") {
+          rmView = rmView === "create-building" || rmView === "edit-building" ? "buildings" : "resources";
+          rmEditingBuilding = null;
+          rmEditingResource = null;
+          renderRmApp();
+        }
+      });
+    }
+  });
+}
+function getContentEl() {
+  return document.getElementById("rmContent");
+}
+async function renderBuildingsList() {
+  const el = getContentEl();
+  if (!el) return;
+  el.innerHTML = '<div class="rm-loading">Loading buildings...</div>';
+  try {
+    const data = await apiJson("/api/calendar/buildings");
+    if (!data.ok) {
+      el.innerHTML = `<div class="rm-empty">${esc(data.error || "Could not load buildings")}</div>`;
+      return;
+    }
+    rmBuildings = data.buildings || [];
+  } catch (e) {
+    el.innerHTML = `<div class="rm-empty">Error: ${esc(e instanceof Error ? e.message : String(e))}</div>`;
+    return;
+  }
+  if (rmBuildings.length === 0) {
+    el.innerHTML = '<div class="rm-empty">No buildings found. Click "+ New Building" to create one.</div>';
+    return;
+  }
+  let html = '<div class="rm-list">';
+  html += '<div class="rm-list-header">';
+  html += '<div class="rm-list-col" style="flex:2">Name</div>';
+  html += '<div class="rm-list-col" style="flex:2">Description</div>';
+  html += '<div class="rm-list-col" style="flex:1">Floors</div>';
+  html += '<div class="rm-list-col" style="flex:0.5"></div>';
+  html += "</div>";
+  for (const b of rmBuildings) {
+    const allFloors = b.floorNames && b.floorNames.length > 0 ? b.floorNames.join(", ") : "-";
+    const floors = b.floorNames && b.floorNames.length > 5 ? `${b.floorNames.slice(0, 5).join(", ")} +${b.floorNames.length - 5}` : allFloors;
+    html += '<div class="rm-list-row">';
+    html += `<div class="rm-list-col" style="flex:2;font-weight:600" title="${esc(b.buildingName)}">${esc(b.buildingName)}</div>`;
+    html += `<div class="rm-list-col" style="flex:2" title="${esc(b.description || "-")}">${esc(b.description || "-")}</div>`;
+    html += `<div class="rm-list-col" style="flex:1" title="${esc(allFloors)}">${esc(floors)}</div>`;
+    html += `<div class="rm-list-col" style="flex:0.5"><button class="rm-edit-btn" data-rm-edit-building="${esc(b.buildingId)}">Edit</button></div>`;
+    html += "</div>";
+  }
+  html += "</div>";
+  el.innerHTML = html;
+  el.querySelectorAll("[data-rm-edit-building]").forEach((btn) => {
+    btn.addEventListener("click", () => {
+      const id = btn.dataset.rmEditBuilding || "";
+      rmEditingBuilding = rmBuildings.find((b) => b.buildingId === id) || null;
+      if (rmEditingBuilding) {
+        rmView = "edit-building";
+        renderRmApp();
+      }
+    });
+  });
+}
+async function renderResourcesList() {
+  const el = getContentEl();
+  if (!el) return;
+  el.innerHTML = '<div class="rm-loading">Loading resources...</div>';
+  if (rmBuildings.length === 0) {
+    try {
+      const bData = await apiJson("/api/calendar/buildings");
+      if (bData.ok) rmBuildings = bData.buildings || [];
+    } catch {
+    }
+  }
+  try {
+    const data = await apiJson("/api/calendar/resources");
+    if (!data.ok) {
+      el.innerHTML = `<div class="rm-empty">${esc(data.error || "Could not load resources")}</div>`;
+      return;
+    }
+    rmResources = data.resources || [];
+  } catch (e) {
+    el.innerHTML = `<div class="rm-empty">Error: ${esc(e instanceof Error ? e.message : String(e))}</div>`;
+    return;
+  }
+  const filtered = rmFilterBuildingId ? rmResources.filter((r) => r.buildingId === rmFilterBuildingId) : rmResources;
+  if (filtered.length === 0) {
+    const msg = rmFilterBuildingId ? "No resources found for this building." : 'No resources found. Click "+ New Resource" to create one.';
+    el.innerHTML = `<div class="rm-empty">${esc(msg)}</div>`;
+    return;
+  }
+  let html = '<div class="rm-list">';
+  html += '<div class="rm-list-header">';
+  html += '<div class="rm-list-col" style="flex:2">Name</div>';
+  html += '<div class="rm-list-col" style="flex:1.5">Building</div>';
+  html += '<div class="rm-list-col" style="flex:1">Type</div>';
+  html += '<div class="rm-list-col" style="flex:0.5">Capacity</div>';
+  html += '<div class="rm-list-col" style="flex:2">Email</div>';
+  html += '<div class="rm-list-col" style="flex:0.5"></div>';
+  html += "</div>";
+  const buildingMap = /* @__PURE__ */ new Map();
+  for (const b of rmBuildings) {
+    buildingMap.set(b.buildingId, b.buildingName);
+  }
+  for (const r of filtered) {
+    const buildingName = r.buildingId ? buildingMap.get(r.buildingId) || r.buildingId : "-";
+    const resourceType = r.resourceType || "-";
+    const capacity = r.capacity != null ? String(r.capacity) : "-";
+    const displayName = r.generatedResourceName || r.resourceName;
+    html += '<div class="rm-list-row">';
+    html += `<div class="rm-list-col" style="flex:2;font-weight:600" title="${esc(displayName)}">${esc(displayName)}</div>`;
+    html += `<div class="rm-list-col" style="flex:1.5" title="${esc(buildingName)}">${esc(buildingName)}</div>`;
+    html += `<div class="rm-list-col" style="flex:1">${esc(resourceType)}</div>`;
+    html += `<div class="rm-list-col" style="flex:0.5">${esc(capacity)}</div>`;
+    html += `<div class="rm-list-col" style="flex:2" title="${esc(r.resourceEmail)}">${esc(r.resourceEmail)}</div>`;
+    html += `<div class="rm-list-col" style="flex:0.5"><button class="rm-edit-btn" data-rm-edit-resource="${esc(r.resourceId)}">Edit</button></div>`;
+    html += "</div>";
+  }
+  html += "</div>";
+  el.innerHTML = html;
+  el.querySelectorAll("[data-rm-edit-resource]").forEach((btn) => {
+    btn.addEventListener("click", () => {
+      const id = btn.dataset.rmEditResource || "";
+      rmEditingResource = rmResources.find((r) => r.resourceId === id) || null;
+      if (rmEditingResource) {
+        rmView = "edit-resource";
+        renderRmApp();
+      }
+    });
+  });
+}
+function renderCreateBuildingForm() {
+  const el = getContentEl();
+  if (!el) return;
+  let html = '<div class="rm-form">';
+  html += '<label>Building Name <span style="color:var(--danger)">*</span>';
+  html += '<input type="text" id="rmBuildingName" placeholder="e.g. Main Office" /></label>';
+  html += "<label>Description";
+  html += '<textarea id="rmBuildingDesc" placeholder="Optional description"></textarea></label>';
+  html += "<label>Floor Names";
+  html += '<input type="text" id="rmBuildingFloors" placeholder="Comma-separated, e.g. 1F, 2F, 3F" />';
+  html += '<span style="font-size:.75em;color:var(--muted)">Comma-separated floor names or a number of floors</span></label>';
+  html += '<button class="rm-form-btn" id="rmCreateBuildingBtn">Create Building</button>';
+  html += '<div id="rmFormStatus" class="rm-status"></div>';
+  html += "</div>";
+  el.innerHTML = html;
+  const btn = document.getElementById("rmCreateBuildingBtn");
+  if (btn) {
+    btn.addEventListener("click", () => void handleCreateBuilding());
+  }
+}
+async function handleCreateBuilding() {
+  const nameInput = document.getElementById("rmBuildingName");
+  const descInput = document.getElementById("rmBuildingDesc");
+  const floorsInput = document.getElementById("rmBuildingFloors");
+  const statusEl = document.getElementById("rmFormStatus");
+  const btn = document.getElementById("rmCreateBuildingBtn");
+  const buildingName = nameInput?.value.trim() || "";
+  if (!buildingName) {
+    if (statusEl) statusEl.innerHTML = '<span class="rm-status-err">Building name is required</span>';
+    return;
+  }
+  if (btn) {
+    btn.disabled = true;
+    btn.textContent = "Creating...";
+  }
+  if (statusEl) statusEl.textContent = "";
+  const body = { buildingName };
+  const desc = descInput?.value.trim();
+  if (desc) body.description = desc;
+  const floorsRaw = floorsInput?.value.trim();
+  if (floorsRaw) {
+    const numFloors = parseInt(floorsRaw, 10);
+    if (!isNaN(numFloors) && String(numFloors) === floorsRaw && numFloors > 0) {
+      const names = [];
+      for (let i = 1; i <= numFloors; i++) names.push(String(i));
+      body.floorNames = names;
+    } else {
+      body.floorNames = floorsRaw.split(",").map((s) => s.trim()).filter(Boolean);
+    }
+  }
+  try {
+    const res = await api("/api/calendar/buildings", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(body)
+    });
+    if (res.status === 403) {
+      if (statusEl) statusEl.innerHTML = '<span class="rm-status-err">This requires Google Workspace admin privileges. Please ask an administrator to manage resources.</span>';
+      if (btn) {
+        btn.disabled = false;
+        btn.textContent = "Create Building";
+      }
+      return;
+    }
+    const data = await res.json();
+    if (!res.ok || !data.ok) {
+      if (statusEl) statusEl.innerHTML = `<span class="rm-status-err">${esc(data.error || "Failed to create building")}</span>`;
+      if (btn) {
+        btn.disabled = false;
+        btn.textContent = "Create Building";
+      }
+      return;
+    }
+    rmStatus = "Building created successfully!";
+    rmStatusType = "ok";
+    rmView = "buildings";
+    renderRmApp();
+  } catch (e) {
+    if (statusEl) statusEl.innerHTML = `<span class="rm-status-err">Error: ${esc(e instanceof Error ? e.message : String(e))}</span>`;
+    if (btn) {
+      btn.disabled = false;
+      btn.textContent = "Create Building";
+    }
+  }
+}
+function renderCreateResourceForm() {
+  const el = getContentEl();
+  if (!el) return;
+  if (rmBuildings.length === 0) {
+    el.innerHTML = '<div class="rm-loading">Loading buildings...</div>';
+    void apiJson("/api/calendar/buildings").then((data) => {
+      if (data.ok) rmBuildings = data.buildings || [];
+      renderCreateResourceFormInner(el);
+    }).catch(() => {
+      renderCreateResourceFormInner(el);
+    });
+    return;
+  }
+  renderCreateResourceFormInner(el);
+}
+function renderCreateResourceFormInner(el) {
+  let html = '<div class="rm-form">';
+  html += '<label>Resource Name <span style="color:var(--danger)">*</span>';
+  html += '<input type="text" id="rmResName" placeholder="e.g. Conference Room A" /></label>';
+  html += "<label>Building";
+  html += '<select id="rmResBuilding"><option value="">-- None --</option>';
+  for (const b of rmBuildings) {
+    html += `<option value="${esc(b.buildingId)}">${esc(b.buildingName)}</option>`;
+  }
+  html += "</select></label>";
+  html += "<label>Capacity";
+  html += '<input type="number" id="rmResCapacity" placeholder="e.g. 10" min="0" /></label>';
+  html += "<label>Resource Type";
+  html += '<select id="rmResType">';
+  html += '<option value="CONFERENCE_ROOM">Conference Room</option>';
+  html += '<option value="OTHER">Other</option>';
+  html += "</select></label>";
+  html += "<label>Floor Name";
+  html += '<input type="text" id="rmResFloor" placeholder="e.g. 2F" /></label>';
+  html += "<label>Description";
+  html += '<textarea id="rmResDesc" placeholder="Optional description"></textarea></label>';
+  html += '<button class="rm-form-btn" id="rmCreateResourceBtn">Create Resource</button>';
+  html += '<div id="rmFormStatus" class="rm-status"></div>';
+  html += "</div>";
+  el.innerHTML = html;
+  const btn = document.getElementById("rmCreateResourceBtn");
+  if (btn) {
+    btn.addEventListener("click", () => void handleCreateResource());
+  }
+}
+async function handleCreateResource() {
+  const nameInput = document.getElementById("rmResName");
+  const buildingSelect = document.getElementById("rmResBuilding");
+  const capacityInput = document.getElementById("rmResCapacity");
+  const typeSelect = document.getElementById("rmResType");
+  const floorInput = document.getElementById("rmResFloor");
+  const descInput = document.getElementById("rmResDesc");
+  const statusEl = document.getElementById("rmFormStatus");
+  const btn = document.getElementById("rmCreateResourceBtn");
+  const resourceName = nameInput?.value.trim() || "";
+  if (!resourceName) {
+    if (statusEl) statusEl.innerHTML = '<span class="rm-status-err">Resource name is required</span>';
+    return;
+  }
+  if (btn) {
+    btn.disabled = true;
+    btn.textContent = "Creating...";
+  }
+  if (statusEl) statusEl.textContent = "";
+  const reqBody = { resourceName };
+  const buildingId = buildingSelect?.value;
+  if (buildingId) reqBody.buildingId = buildingId;
+  const capacityRaw = capacityInput?.value.trim();
+  if (capacityRaw) {
+    const cap = parseInt(capacityRaw, 10);
+    if (!isNaN(cap) && cap >= 0) reqBody.capacity = cap;
+  }
+  const resourceType = typeSelect?.value;
+  if (resourceType) reqBody.resourceType = resourceType;
+  const floorName = floorInput?.value.trim();
+  if (floorName) reqBody.floorName = floorName;
+  const description = descInput?.value.trim();
+  if (description) reqBody.resourceDescription = description;
+  try {
+    const res = await api("/api/calendar/resources", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(reqBody)
+    });
+    if (res.status === 403) {
+      if (statusEl) statusEl.innerHTML = '<span class="rm-status-err">This requires Google Workspace admin privileges. Please ask an administrator to manage resources.</span>';
+      if (btn) {
+        btn.disabled = false;
+        btn.textContent = "Create Resource";
+      }
+      return;
+    }
+    const data = await res.json();
+    if (!res.ok || !data.ok) {
+      if (statusEl) statusEl.innerHTML = `<span class="rm-status-err">${esc(data.error || "Failed to create resource")}</span>`;
+      if (btn) {
+        btn.disabled = false;
+        btn.textContent = "Create Resource";
+      }
+      return;
+    }
+    rmStatus = "Resource created successfully!";
+    rmStatusType = "ok";
+    rmView = "resources";
+    renderRmApp();
+  } catch (e) {
+    if (statusEl) statusEl.innerHTML = `<span class="rm-status-err">Error: ${esc(e instanceof Error ? e.message : String(e))}</span>`;
+    if (btn) {
+      btn.disabled = false;
+      btn.textContent = "Create Resource";
+    }
+  }
+}
+function renderEditBuildingForm() {
+  const el = getContentEl();
+  if (!el || !rmEditingBuilding) return;
+  const b = rmEditingBuilding;
+  let html = '<div class="rm-form">';
+  html += "<label>Building ID";
+  html += `<input type="text" value="${esc(b.buildingId)}" disabled style="opacity:.6;cursor:not-allowed" /></label>`;
+  html += '<label>Building Name <span style="color:var(--danger)">*</span>';
+  html += `<input type="text" id="rmEditBuildingName" value="${esc(b.buildingName)}" /></label>`;
+  html += "<label>Description";
+  html += `<textarea id="rmEditBuildingDesc">${esc(b.description || "")}</textarea></label>`;
+  html += "<label>Floor Names";
+  html += `<input type="text" id="rmEditBuildingFloors" value="${esc(b.floorNames ? b.floorNames.join(", ") : "")}" />`;
+  html += '<span style="font-size:.75em;color:var(--muted)">Comma-separated floor names or a number of floors</span></label>';
+  html += '<button class="rm-form-btn" id="rmUpdateBuildingBtn">Update Building</button>';
+  html += '<div id="rmFormStatus" class="rm-status"></div>';
+  html += "</div>";
+  el.innerHTML = html;
+  const btn = document.getElementById("rmUpdateBuildingBtn");
+  if (btn) {
+    btn.addEventListener("click", () => void handleUpdateBuilding());
+  }
+}
+async function handleUpdateBuilding() {
+  if (!rmEditingBuilding) return;
+  const nameInput = document.getElementById("rmEditBuildingName");
+  const descInput = document.getElementById("rmEditBuildingDesc");
+  const floorsInput = document.getElementById("rmEditBuildingFloors");
+  const statusEl = document.getElementById("rmFormStatus");
+  const btn = document.getElementById("rmUpdateBuildingBtn");
+  const body = {};
+  const newName = nameInput?.value.trim() || "";
+  if (newName && newName !== rmEditingBuilding.buildingName) body.buildingName = newName;
+  const newDesc = descInput?.value.trim() || "";
+  if (newDesc !== (rmEditingBuilding.description || "")) body.description = newDesc;
+  const floorsRaw = floorsInput?.value.trim() || "";
+  const existingFloors = rmEditingBuilding.floorNames ? rmEditingBuilding.floorNames.join(", ") : "";
+  if (floorsRaw !== existingFloors) {
+    if (!floorsRaw) {
+      body.floorNames = [];
+    } else {
+      const numFloors = parseInt(floorsRaw, 10);
+      if (!isNaN(numFloors) && String(numFloors) === floorsRaw && numFloors > 0) {
+        const names = [];
+        for (let i = 1; i <= numFloors; i++) names.push(String(i));
+        body.floorNames = names;
+      } else {
+        body.floorNames = floorsRaw.split(",").map((s) => s.trim()).filter(Boolean);
+      }
+    }
+  }
+  if (Object.keys(body).length === 0) {
+    if (statusEl) statusEl.innerHTML = '<span class="rm-status-err">No changes detected</span>';
+    return;
+  }
+  if (btn) {
+    btn.disabled = true;
+    btn.textContent = "Updating...";
+  }
+  if (statusEl) statusEl.textContent = "";
+  try {
+    const res = await api(`/api/calendar/buildings/${encodeURIComponent(rmEditingBuilding.buildingId)}`, {
+      method: "PATCH",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(body)
+    });
+    if (res.status === 403) {
+      if (statusEl) statusEl.innerHTML = '<span class="rm-status-err">Permission denied: Google Workspace admin privileges required.</span>';
+      if (btn) {
+        btn.disabled = false;
+        btn.textContent = "Update Building";
+      }
+      return;
+    }
+    if (res.status === 404) {
+      if (statusEl) statusEl.innerHTML = '<span class="rm-status-err">Building not found.</span>';
+      if (btn) {
+        btn.disabled = false;
+        btn.textContent = "Update Building";
+      }
+      return;
+    }
+    const data = await res.json();
+    if (!res.ok || !data.ok) {
+      if (statusEl) statusEl.innerHTML = `<span class="rm-status-err">${esc(data.error || "Failed to update building")}</span>`;
+      if (btn) {
+        btn.disabled = false;
+        btn.textContent = "Update Building";
+      }
+      return;
+    }
+    rmStatus = "Building updated successfully!";
+    rmStatusType = "ok";
+    rmEditingBuilding = null;
+    rmView = "buildings";
+    renderRmApp();
+  } catch (e) {
+    if (statusEl) statusEl.innerHTML = `<span class="rm-status-err">Error: ${esc(e instanceof Error ? e.message : String(e))}</span>`;
+    if (btn) {
+      btn.disabled = false;
+      btn.textContent = "Update Building";
+    }
+  }
+}
+function renderEditResourceForm() {
+  const el = getContentEl();
+  if (!el || !rmEditingResource) return;
+  if (rmBuildings.length === 0) {
+    el.innerHTML = '<div class="rm-loading">Loading buildings...</div>';
+    void apiJson("/api/calendar/buildings").then((data) => {
+      if (data.ok) rmBuildings = data.buildings || [];
+      renderEditResourceFormInner(el);
+    }).catch(() => {
+      renderEditResourceFormInner(el);
+    });
+    return;
+  }
+  renderEditResourceFormInner(el);
+}
+function renderEditResourceFormInner(el) {
+  if (!rmEditingResource) return;
+  const r = rmEditingResource;
+  let html = '<div class="rm-form">';
+  html += "<label>Resource ID";
+  html += `<input type="text" value="${esc(r.resourceId)}" disabled style="opacity:.6;cursor:not-allowed" /></label>`;
+  html += '<label>Resource Name <span style="color:var(--danger)">*</span>';
+  html += `<input type="text" id="rmEditResName" value="${esc(r.resourceName)}" /></label>`;
+  html += "<label>Building";
+  html += '<select id="rmEditResBuilding"><option value="">-- None --</option>';
+  for (const b of rmBuildings) {
+    const sel = r.buildingId === b.buildingId ? " selected" : "";
+    html += `<option value="${esc(b.buildingId)}"${sel}>${esc(b.buildingName)}</option>`;
+  }
+  html += "</select></label>";
+  html += "<label>Capacity";
+  html += `<input type="number" id="rmEditResCapacity" value="${r.capacity != null ? r.capacity : ""}" min="0" /></label>`;
+  html += "<label>Resource Type";
+  html += '<select id="rmEditResType">';
+  html += `<option value="CONFERENCE_ROOM"${r.resourceType === "CONFERENCE_ROOM" ? " selected" : ""}>Conference Room</option>`;
+  html += `<option value="OTHER"${r.resourceType === "OTHER" ? " selected" : ""}>Other</option>`;
+  html += "</select></label>";
+  html += "<label>Floor Name";
+  html += `<input type="text" id="rmEditResFloor" value="${esc(r.floorName || "")}" /></label>`;
+  html += "<label>Description";
+  html += `<textarea id="rmEditResDesc">${esc(r.resourceDescription || "")}</textarea></label>`;
+  html += "<label>Email";
+  html += `<input type="text" value="${esc(r.resourceEmail)}" disabled style="opacity:.6;cursor:not-allowed" /></label>`;
+  html += '<button class="rm-form-btn" id="rmUpdateResourceBtn">Update Resource</button>';
+  html += '<div id="rmFormStatus" class="rm-status"></div>';
+  html += "</div>";
+  el.innerHTML = html;
+  const btn = document.getElementById("rmUpdateResourceBtn");
+  if (btn) {
+    btn.addEventListener("click", () => void handleUpdateResource());
+  }
+}
+async function handleUpdateResource() {
+  if (!rmEditingResource) return;
+  const nameInput = document.getElementById("rmEditResName");
+  const buildingSelect = document.getElementById("rmEditResBuilding");
+  const capacityInput = document.getElementById("rmEditResCapacity");
+  const typeSelect = document.getElementById("rmEditResType");
+  const floorInput = document.getElementById("rmEditResFloor");
+  const descInput = document.getElementById("rmEditResDesc");
+  const statusEl = document.getElementById("rmFormStatus");
+  const btn = document.getElementById("rmUpdateResourceBtn");
+  const body = {};
+  const newName = nameInput?.value.trim() || "";
+  if (newName && newName !== rmEditingResource.resourceName) body.resourceName = newName;
+  const newBuilding = buildingSelect?.value || "";
+  if (newBuilding !== (rmEditingResource.buildingId || "")) body.buildingId = newBuilding;
+  const capRaw = capacityInput?.value.trim() || "";
+  const newCap = capRaw ? parseInt(capRaw, 10) : 0;
+  if (newCap !== (rmEditingResource.capacity || 0)) body.capacity = newCap;
+  const newType = typeSelect?.value || "";
+  if (newType && newType !== (rmEditingResource.resourceType || "")) body.resourceType = newType;
+  const newFloor = floorInput?.value.trim() || "";
+  if (newFloor !== (rmEditingResource.floorName || "")) body.floorName = newFloor;
+  const newDesc = descInput?.value.trim() || "";
+  if (newDesc !== (rmEditingResource.resourceDescription || "")) body.resourceDescription = newDesc;
+  if (Object.keys(body).length === 0) {
+    if (statusEl) statusEl.innerHTML = '<span class="rm-status-err">No changes detected</span>';
+    return;
+  }
+  if (btn) {
+    btn.disabled = true;
+    btn.textContent = "Updating...";
+  }
+  if (statusEl) statusEl.textContent = "";
+  try {
+    const res = await api(`/api/calendar/resources/${encodeURIComponent(rmEditingResource.resourceId)}`, {
+      method: "PATCH",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(body)
+    });
+    if (res.status === 403) {
+      if (statusEl) statusEl.innerHTML = '<span class="rm-status-err">Permission denied: Google Workspace admin privileges required.</span>';
+      if (btn) {
+        btn.disabled = false;
+        btn.textContent = "Update Resource";
+      }
+      return;
+    }
+    if (res.status === 404) {
+      if (statusEl) statusEl.innerHTML = '<span class="rm-status-err">Resource not found.</span>';
+      if (btn) {
+        btn.disabled = false;
+        btn.textContent = "Update Resource";
+      }
+      return;
+    }
+    const data = await res.json();
+    if (!res.ok || !data.ok) {
+      if (statusEl) statusEl.innerHTML = `<span class="rm-status-err">${esc(data.error || "Failed to update resource")}</span>`;
+      if (btn) {
+        btn.disabled = false;
+        btn.textContent = "Update Resource";
+      }
+      return;
+    }
+    rmStatus = "Resource updated successfully!";
+    rmStatusType = "ok";
+    rmEditingResource = null;
+    rmView = "resources";
+    renderRmApp();
+  } catch (e) {
+    if (statusEl) statusEl.innerHTML = `<span class="rm-status-err">Error: ${esc(e instanceof Error ? e.message : String(e))}</span>`;
+    if (btn) {
+      btn.disabled = false;
+      btn.textContent = "Update Resource";
+    }
+  }
+}
+var rmView, rmWinId, rmBuildings, rmResources, rmFilterBuildingId, rmStatus, rmStatusType, rmEditingBuilding, rmEditingResource, STYLES5, stylesInjected;
+var init_resource_manager = __esm({
+  "services/desktop/client/modules/resource-manager.ts"() {
+    init_helpers();
+    init_state();
+    init_window_manager();
+    rmView = "buildings";
+    rmWinId = -1;
+    rmBuildings = [];
+    rmResources = [];
+    rmFilterBuildingId = "";
+    rmStatus = "";
+    rmStatusType = "";
+    rmEditingBuilding = null;
+    rmEditingResource = null;
+    STYLES5 = `
+.rm-app{font-family:var(--sans);color:var(--fg);display:flex;flex-direction:column;height:100%;overflow:hidden}
+.rm-toolbar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--input-border);background:var(--ctx-hover);flex-shrink:0;align-items:center;flex-wrap:wrap}
+.rm-toolbar button{padding:6px 14px;border:1px solid var(--input-border);background:var(--panel);color:var(--fg);border-radius:var(--radius-sm);cursor:pointer;font-size:.82em;font-weight:600;transition:all .15s;min-width:90px;text-align:center}
+.rm-toolbar button:hover{background:var(--ctx-hover)}
+.rm-toolbar button.active{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;border-color:transparent}
+.rm-content{flex:1;overflow-y:auto;padding:0}
+.rm-loading{text-align:center;padding:40px;color:var(--muted);font-size:.9em}
+.rm-empty{text-align:center;padding:40px;color:var(--muted);font-size:.9em}
+.rm-list{width:100%}
+.rm-list-header{display:flex;gap:8px;padding:8px 14px;font-size:.78em;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--input-border);background:var(--ctx-hover)}
+.rm-list-row{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--input-border);font-size:.85em;align-items:center;transition:background .1s}
+.rm-list-row:hover{background:var(--ctx-hover)}
+.rm-list-col{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.rm-form{padding:16px;display:flex;flex-direction:column;gap:10px}
+.rm-form label{font-size:.82em;font-weight:600;display:flex;flex-direction:column;gap:4px}
+.rm-form input,.rm-form textarea,.rm-form select{padding:8px 10px;border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:.88em;background:var(--input-bg);color:var(--fg);font-family:var(--sans)}
+.rm-form textarea{min-height:60px;resize:vertical}
+.rm-form-btn{padding:10px 24px;border:none;color:#fff;background:linear-gradient(135deg,#4285f4,#34a853);border-radius:var(--radius);cursor:pointer;font-weight:700;font-size:.92em;align-self:flex-start}
+.rm-form-btn:disabled{opacity:.5;cursor:not-allowed}
+.rm-status{padding:8px 14px;font-size:.82em;text-align:center}
+.rm-status-ok{color:var(--success)}
+.rm-status-err{color:var(--danger)}
+.rm-add-btn{padding:6px 14px;border:1px solid var(--input-border);background:var(--panel);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;font-size:.82em;font-weight:600;margin-left:auto}
+.rm-add-btn:hover{background:var(--ctx-hover)}
+.rm-toolbar select{padding:5px 8px;border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:.82em;background:var(--input-bg);color:var(--fg)}
+.rm-back-btn{padding:6px 14px;border:1px solid var(--input-border);background:var(--panel);color:var(--fg);border-radius:var(--radius-sm);cursor:pointer;font-size:.82em;font-weight:600}
+.rm-edit-btn{padding:3px 8px;border:1px solid var(--input-border);background:var(--panel);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;font-size:.75em;white-space:nowrap}
+.rm-edit-btn:hover{background:var(--ctx-hover)}
+`;
+    stylesInjected = false;
+  }
+});
+
 // services/desktop/client/modules/start-menu.ts
 function injectStartMenuDeps(deps) {
   _openApp = deps.openApp;
@@ -10403,6 +11202,13 @@ function renderStartMenu() {
       html += `<div class="app-name">Google Connect</div>`;
       html += `<div class="app-desc">Manage Google account connection</div>`;
       html += `</div></div>`;
+      const rmIcon = useLucide ? lucideIcon(LUCIDE_SYSTEM_ICONS["resource-manager"] || "building", "di-lucide") : "\u{1F3E2}";
+      html += `<div class="start-app-item" data-app-id="__resource_manager" data-cat="google">`;
+      html += `<span class="app-icon">${rmIcon}</span>`;
+      html += `<div class="app-info">`;
+      html += `<div class="app-name">Resource Manager</div>`;
+      html += `<div class="app-desc">Manage buildings and resources</div>`;
+      html += `</div></div>`;
     }
     if (folder.id === "system") {
       const settingsIcon = useLucide ? lucideIcon(LUCIDE_SYSTEM_ICONS["ui-design"] || "paintbrush", "di-lucide") : "\u{1F3A8}";
@@ -10483,6 +11289,8 @@ function attachStartMenuListeners() {
           openGoogleDrive();
         } else if (appId === "__google_meet") {
           openGoogleMeet();
+        } else if (appId === "__resource_manager") {
+          openResourceManager();
         } else if (appId === "__uni_editor_picker") {
           void openUniEditorPicker();
         } else if (appId === "__persona_viewer") {
@@ -10507,7 +11315,7 @@ function attachStartMenuListeners() {
         e.preventDefault();
         e.stopPropagation();
         const appId = item.dataset.appId || "";
-        const pinnableInternals = ["__terminal", "__file_manager", "__ui-design", "__task_manager", "__log_viewer", "__persona_viewer", "__google_connect", "__google_gmail", "__google_calendar", "__google_drive", "__google_meet"];
+        const pinnableInternals = ["__terminal", "__file_manager", "__ui-design", "__task_manager", "__log_viewer", "__persona_viewer", "__google_connect", "__google_gmail", "__google_calendar", "__google_drive", "__google_meet", "__resource_manager"];
         if (appId.startsWith("__") && !pinnableInternals.includes(appId)) return;
         showAppContextMenu(e.clientX, e.clientY, appId);
       });
@@ -10601,6 +11409,7 @@ var init_start_menu = __esm({
     init_google_calendar();
     init_google_drive();
     init_google_meet();
+    init_resource_manager();
     _openApp = null;
     _openTaskManager = null;
     _openLogViewer = null;
@@ -11277,6 +12086,7 @@ function renderDesktopIcons() {
       if (action === "google-calendar") openGoogleCalendar();
       if (action === "google-drive") openGoogleDrive();
       if (action === "google-meet") openGoogleMeet();
+      if (action === "resource-manager") openResourceManager();
     });
   });
   container.querySelectorAll(".desktop-folder-icon").forEach((folderEl) => {
@@ -11339,7 +12149,8 @@ function openCategoryFolder(folderId) {
       { appId: "__google_gmail", label: "Gmail", lucide: "mail", emoji: "\u{1F4E7}", desc: "Read and send email" },
       { appId: "__google_calendar", label: "Calendar", lucide: "calendar", emoji: "\u{1F4C5}", desc: "View and manage events" },
       { appId: "__google_drive", label: "Google Drive", lucide: "hard-drive", emoji: "\u{1F4BE}", desc: "Browse and search files" },
-      { appId: "__google_meet", label: "Google Meet", lucide: "video", emoji: "\u{1F4F9}", desc: "Create and join meetings" }
+      { appId: "__google_meet", label: "Google Meet", lucide: "video", emoji: "\u{1F4F9}", desc: "Create and join meetings" },
+      { appId: "__resource_manager", label: "Resource Manager", lucide: "building", emoji: "\u{1F3E2}", desc: "Manage buildings and resources" }
     ];
     for (const ga of gApps) {
       let gaIcon;
@@ -11434,6 +12245,10 @@ function openCategoryFolder(folderId) {
           openGoogleMeet();
           return;
         }
+        if (appId === "__resource_manager") {
+          openResourceManager();
+          return;
+        }
         const app = findApp(appId);
         if (app) openApp(app);
       });
@@ -11557,6 +12372,7 @@ var init_desktop_icons = __esm({
     init_google_calendar();
     init_google_drive();
     init_google_meet();
+    init_resource_manager();
   }
 });
 
@@ -11629,11 +12445,35 @@ function refreshOpenFolderWindows() {
       html += `<div class="folder-app-label">${esc(app.label)}</div>`;
       html += `</div>`;
     }
+    if (folderId === "google") {
+      const gBg = CATEGORY_COLORS["google"] || "";
+      const gApps = [
+        { appId: "__google_gmail", label: "Gmail", lucide: "mail", emoji: "\u{1F4E7}", desc: "Read and send email" },
+        { appId: "__google_calendar", label: "Calendar", lucide: "calendar", emoji: "\u{1F4C5}", desc: "View and manage events" },
+        { appId: "__google_drive", label: "Google Drive", lucide: "hard-drive", emoji: "\u{1F4BE}", desc: "Browse and search files" },
+        { appId: "__google_meet", label: "Google Meet", lucide: "video", emoji: "\u{1F4F9}", desc: "Create and join meetings" },
+        { appId: "__resource_manager", label: "Resource Manager", lucide: "building", emoji: "\u{1F3E2}", desc: "Manage buildings and resources" }
+      ];
+      for (const ga of gApps) {
+        let gaIcon;
+        if (state.iconStyle === "modern") {
+          gaIcon = `<div class="di-tile di-tile-sm" style="background:${gBg}">${lucideIcon(ga.lucide, "di-lucide")}</div>`;
+        } else if (state.iconStyle === "minimal") {
+          gaIcon = lucideIcon(ga.lucide, "di-lucide");
+        } else {
+          gaIcon = ga.emoji;
+        }
+        html += `<div class="folder-app-item" data-app-id="${ga.appId}" title="${esc(ga.desc)}">`;
+        html += `<div class="folder-app-icon">${gaIcon}</div>`;
+        html += `<div class="folder-app-label">${esc(ga.label)}</div>`;
+        html += `</div>`;
+      }
+    }
     if (folderId === "system") {
+      const sysBg = CATEGORY_COLORS["system"] || "";
       let settingsIcon;
       if (state.iconStyle === "modern") {
-        const bg = CATEGORY_COLORS["system"] || "";
-        settingsIcon = `<div class="di-tile di-tile-sm" style="background:${bg}">${lucideIcon(LUCIDE_SYSTEM_ICONS["ui-design"] || "paintbrush", "di-lucide")}</div>`;
+        settingsIcon = `<div class="di-tile di-tile-sm" style="background:${sysBg}">${lucideIcon(LUCIDE_SYSTEM_ICONS["ui-design"] || "paintbrush", "di-lucide")}</div>`;
       } else if (state.iconStyle === "minimal") {
         settingsIcon = lucideIcon(LUCIDE_SYSTEM_ICONS["ui-design"] || "paintbrush", "di-lucide");
       } else {
@@ -11643,6 +12483,30 @@ function refreshOpenFolderWindows() {
       html += `<div class="folder-app-icon">${settingsIcon}</div>`;
       html += `<div class="folder-app-label">Settings</div>`;
       html += `</div>`;
+      let tmIcon;
+      if (state.iconStyle === "modern") {
+        tmIcon = `<div class="di-tile di-tile-sm" style="background:${sysBg}">${lucideIcon("activity", "di-lucide")}</div>`;
+      } else if (state.iconStyle === "minimal") {
+        tmIcon = lucideIcon("activity", "di-lucide");
+      } else {
+        tmIcon = "\u{1F4CA}";
+      }
+      html += `<div class="folder-app-item" data-app-id="__task_manager" title="View running jobs &amp; concurrency">`;
+      html += `<div class="folder-app-icon">${tmIcon}</div>`;
+      html += `<div class="folder-app-label">Concurrency Manager</div>`;
+      html += `</div>`;
+      let logIcon;
+      if (state.iconStyle === "modern") {
+        logIcon = `<div class="di-tile di-tile-sm" style="background:${sysBg}">${lucideIcon("scroll-text", "di-lucide")}</div>`;
+      } else if (state.iconStyle === "minimal") {
+        logIcon = lucideIcon("scroll-text", "di-lucide");
+      } else {
+        logIcon = "\u{1F4DC}";
+      }
+      html += `<div class="folder-app-item" data-app-id="__log_viewer" title="View command history &amp; events">`;
+      html += `<div class="folder-app-icon">${logIcon}</div>`;
+      html += `<div class="folder-app-label">Event Log</div>`;
+      html += `</div>`;
     }
     html += "</div></div>";
     body.innerHTML = html;
@@ -11655,6 +12519,34 @@ function refreshOpenFolderWindows() {
             openUiDesign();
             return;
           }
+          if (appId === "__task_manager") {
+            _openTaskManager2?.();
+            return;
+          }
+          if (appId === "__log_viewer") {
+            _openLogViewer2?.();
+            return;
+          }
+          if (appId === "__google_gmail") {
+            openGoogleGmail();
+            return;
+          }
+          if (appId === "__google_calendar") {
+            openGoogleCalendar();
+            return;
+          }
+          if (appId === "__google_drive") {
+            openGoogleDrive();
+            return;
+          }
+          if (appId === "__google_meet") {
+            openGoogleMeet();
+            return;
+          }
+          if (appId === "__resource_manager") {
+            openResourceManager();
+            return;
+          }
           const a = findApp(appId);
           if (a && _openApp2) _openApp2(a);
         });
@@ -11772,6 +12664,20 @@ function showAppContextMenu(x, y, appId) {
           if (_openTaskManager2) _openTaskManager2();
         } else if (aid === "__log_viewer") {
           if (_openLogViewer2) _openLogViewer2();
+        } else if (aid === "__google_gmail") {
+          openGoogleGmail();
+        } else if (aid === "__google_calendar") {
+          openGoogleCalendar();
+        } else if (aid === "__google_drive") {
+          openGoogleDrive();
+        } else if (aid === "__google_meet") {
+          openGoogleMeet();
+        } else if (aid === "__resource_manager") {
+          openResourceManager();
+        } else if (aid === "__google_connect") {
+          openGoogleConnect();
+        } else if (aid === "__persona_viewer") {
+          void openPersonaViewer();
         } else {
           const a = findApp(aid);
           if (a && _openApp2) _openApp2(a);
@@ -12107,6 +13013,13 @@ var init_context_menu = __esm({
     init_taskbar();
     init_desktop_icons();
     init_ui_design();
+    init_google_gmail();
+    init_google_calendar();
+    init_google_drive();
+    init_google_meet();
+    init_resource_manager();
+    init_google_connect();
+    init_persona_viewer();
     init_state();
     _openApp2 = null;
     _toggleTheme = null;