@jxsuite/studio 2.0.0 → 2.1.0

package/dist/chunks/studio-wd6ewdvd.js

@@ -1,853 +0,0 @@
-import {
-  repeat
-} from "./studio-xq0t7n5t.js";
-import {
-  live
-} from "./studio-nqw433kv.js";
-import {
-  pullWithPackageSync
-} from "./studio-568nx4t5.js";
-import {
-  errorMessage,
-  showConfirmDialog,
-  showDialog,
-  showPromptDialog,
-  statusMessage,
-  view
-} from "./studio-asvf0j9e.js";
-import {
-  activeTab,
-  flushAllCollab,
-  projectState,
-  renderOnly,
-  updateUi
-} from "./studio-rq0vxb19.js";
-import {
-  ref
-} from "./studio-4k0m4fmp.js";
-import {
-  html,
-  nothing
-} from "./studio-5x5774ak.js";
-import {
-  formatForPath
-} from "./studio-97qcgvdn.js";
-import {
-  getPlatform
-} from "./studio-9smfzqhc.js";
-import {
-  __require
-} from "./studio-md4gps17.js";
-
-// src/github/github-auth.ts
-var CLIENT_ID = "Ov23liYVlMFpgjOEPXJH";
-var STORAGE_KEY = "jx_github_token";
-function getGithubToken() {
-  return localStorage.getItem(STORAGE_KEY);
-}
-async function authenticateGithub() {
-  const existing = getGithubToken();
-  if (existing) {
-    return existing;
-  }
-  const codeRes = await fetch("https://github.com/login/device/code", {
-    body: JSON.stringify({ client_id: CLIENT_ID, scope: "repo" }),
-    headers: {
-      Accept: "application/json",
-      "Content-Type": "application/json"
-    },
-    method: "POST"
-  });
-  if (!codeRes.ok) {
-    throw new Error("Failed to initiate GitHub device flow");
-  }
-  const codeData = await codeRes.json();
-  const { device_code, user_code, verification_uri, interval = 5 } = codeData;
-  return showDialog((done) => {
-    let cancelled = false;
-    let pollTimer = null;
-    const poll = async () => {
-      if (cancelled) {
-        return;
-      }
-      try {
-        const tokenRes = await fetch("https://github.com/login/oauth/access_token", {
-          body: JSON.stringify({
-            client_id: CLIENT_ID,
-            device_code,
-            grant_type: "urn:ietf:params:oauth:grant-type:device_code"
-          }),
-          headers: {
-            Accept: "application/json",
-            "Content-Type": "application/json"
-          },
-          method: "POST"
-        });
-        const tokenData = await tokenRes.json();
-        if (tokenData.access_token) {
-          localStorage.setItem(STORAGE_KEY, tokenData.access_token);
-          done(tokenData.access_token);
-          return;
-        }
-        if (tokenData.error === "authorization_pending") {
-          pollTimer = setTimeout(poll, interval * 1000);
-          return;
-        }
-        if (tokenData.error === "slow_down") {
-          pollTimer = setTimeout(poll, (interval + 5) * 1000);
-          return;
-        }
-        done(null);
-      } catch {
-        pollTimer = setTimeout(poll, interval * 1000);
-      }
-    };
-    pollTimer = setTimeout(poll, interval * 1000);
-    return html`
-      <sp-dialog-wrapper
-        open
-        headline="Sign in to GitHub"
-        cancel-label="Cancel"
-        @cancel=${() => {
-      cancelled = true;
-      if (pollTimer) {
-        clearTimeout(pollTimer);
-      }
-      done(null);
-    }}
-        @close=${() => {
-      cancelled = true;
-      if (pollTimer) {
-        clearTimeout(pollTimer);
-      }
-      done(null);
-    }}
-      >
-        <div class="github-auth-dialog">
-          <p>Enter this code on GitHub to authorize Jx Studio:</p>
-          <div class="github-auth-code">${user_code}</div>
-          <p>
-            <a href="${verification_uri}" target="_blank" rel="noopener"
-              >Open ${verification_uri}</a
-            >
-          </p>
-          <p class="github-auth-waiting">Waiting for authorization…</p>
-        </div>
-      </sp-dialog-wrapper>
-    `;
-  });
-}
-
-// src/github/github-publish.ts
-async function publishToGithub({ projectName }) {
-  const token = await authenticateGithub();
-  if (!token) {
-    return false;
-  }
-  const repoOpts = await showDialog((done) => {
-    let _nameInput = null;
-    let _descInput = null;
-    let _privateToggle = null;
-    return html`
-      <sp-dialog-wrapper
-        open
-        headline="Publish to GitHub"
-        confirm-label="Create Repository"
-        cancel-label="Cancel"
-        @confirm=${() => {
-      done({
-        description: _descInput?.value || "",
-        isPrivate: _privateToggle?.checked ?? true,
-        name: _nameInput?.value || projectName
-      });
-    }}
-        @cancel=${() => done(null)}
-        @close=${() => done(null)}
-      >
-        <div class="github-publish-dialog">
-          <sp-field-label for="repo-name">Repository name</sp-field-label>
-          <sp-textfield
-            id="repo-name"
-            name="repo-name"
-            value="${projectName}"
-            placeholder="my-project"
-            ${ref((el) => {
-      _nameInput = el || null;
-    })}
-          ></sp-textfield>
-
-          <sp-field-label for="repo-desc">Description (optional)</sp-field-label>
-          <sp-textfield
-            id="repo-desc"
-            name="repo-desc"
-            placeholder="A brief description"
-            ${ref((el) => {
-      _descInput = el || null;
-    })}
-          ></sp-textfield>
-
-          <sp-field-label>Visibility</sp-field-label>
-          <sp-switch
-            name="repo-private"
-            checked
-            ${ref((el) => {
-      _privateToggle = el || null;
-    })}
-            >Private repository</sp-switch
-          >
-        </div>
-      </sp-dialog-wrapper>
-    `;
-  });
-  if (!repoOpts) {
-    return false;
-  }
-  statusMessage("Creating GitHub repository…");
-  const createRes = await fetch("https://api.github.com/user/repos", {
-    body: JSON.stringify({
-      auto_init: false,
-      description: repoOpts.description,
-      name: repoOpts.name,
-      private: repoOpts.isPrivate
-    }),
-    headers: {
-      Accept: "application/vnd.github+json",
-      Authorization: `Bearer ${token}`,
-      "Content-Type": "application/json"
-    },
-    method: "POST"
-  });
-  if (!createRes.ok) {
-    const err = await createRes.json();
-    const msg = err.errors?.[0]?.message || err.message || "Failed to create repository";
-    statusMessage(`Error: ${msg}`);
-    return false;
-  }
-  const repo = await createRes.json();
-  const platform = getPlatform();
-  statusMessage("Setting remote and pushing…");
-  await platform.gitAddRemote("origin", repo.clone_url);
-  statusMessage("Pushing to GitHub…");
-  try {
-    await platform.gitPush({ setUpstream: true });
-  } catch (error) {
-    statusMessage(`Push failed: ${errorMessage(error)}`);
-    return false;
-  }
-  const { refreshGitStatus } = await import("./git-panel-mbb0y0hz.js");
-  await refreshGitStatus();
-  statusMessage(`Published to GitHub: ${repo.html_url}`);
-  return true;
-}
-
-// src/panels/git-panel.ts
-async function refreshGitStatus() {
-  if (!projectState) {
-    return;
-  }
-  const plat = getPlatform();
-  updateUi("gitLoading", true);
-  updateUi("gitError", null);
-  try {
-    const [status, branches] = await Promise.allSettled([plat.gitStatus(), plat.gitBranches()]);
-    if (status.status === "fulfilled") {
-      updateUi("gitStatus", status.value);
-    }
-    if (branches.status === "fulfilled") {
-      updateUi("gitBranches", branches.value);
-    }
-    const failure = status.status === "rejected" ? status.reason : branches.status === "rejected" && status.value?.isRepo ? branches.reason : null;
-    if (failure) {
-      updateUi("gitError", errorMessage(failure));
-    }
-    _lastUpdated = new Date;
-  } catch (error) {
-    updateUi("gitError", errorMessage(error));
-  } finally {
-    updateUi("gitLoading", false);
-    renderOnly("leftPanel");
-  }
-}
-async function cloneRepository(ctx) {
-  const platform = getPlatform();
-  if (!platform.gitClone) {
-    statusMessage("Clone not supported on this platform");
-    return;
-  }
-  const url = await showPromptDialog("Clone Git Repository", {
-    confirmLabel: "Clone",
-    message: "Repository URL",
-    placeholder: "https://github.com/user/repo.git",
-    validate: (v) => v.trim() ? "" : "Enter a repository URL."
-  });
-  if (!url) {
-    return;
-  }
-  try {
-    statusMessage("Cloning repository...");
-    const result = await platform.gitClone(url);
-    if (result?.root) {
-      statusMessage("Clone complete");
-      await ctx.openRecentProject(result.root);
-    }
-  } catch (error) {
-    statusMessage(`Clone failed: ${errorMessage(error)}`);
-  }
-}
-function platformSupportsClone() {
-  return Boolean(getPlatform().gitClone);
-}
-async function gitAction(action, body) {
-  const plat = getPlatform();
-  updateUi("gitLoading", true);
-  updateUi("gitError", null);
-  try {
-    await plat[action](body);
-    await refreshGitStatus();
-  } catch (error) {
-    updateUi("gitError", errorMessage(error));
-    updateUi("gitLoading", false);
-    renderOnly("leftPanel");
-  }
-}
-async function doPull() {
-  updateUi("gitLoading", true);
-  updateUi("gitError", null);
-  try {
-    await pullWithPackageSync();
-    await refreshGitStatus();
-  } catch (error) {
-    updateUi("gitError", errorMessage(error));
-    updateUi("gitLoading", false);
-    renderOnly("leftPanel");
-  }
-}
-var _pollTimer = null;
-var _lastUpdated = null;
-var _gitSubTab = "changes";
-async function fetchGitLog() {
-  const plat = getPlatform();
-  try {
-    const entries = await plat.gitLog(30);
-    updateUi("gitLogEntries", entries);
-    renderOnly("leftPanel");
-  } catch (error) {
-    updateUi("gitError", errorMessage(error));
-    renderOnly("leftPanel");
-  }
-}
-function renderGitPanel(S, ctx) {
-  if (!projectState) {
-    return html`<div class="git-panel git-panel-empty">
-      <div class="git-empty-state">
-        <p>Open a project to use source control.</p>
-        ${platformSupportsClone() ? html`<sp-action-button size="m" @click=${() => ctx.cloneRepository?.()}>
-                <sp-icon-download slot="icon"></sp-icon-download>
-                Clone Git Repository
-              </sp-action-button>` : nothing}
-      </div>
-    </div>`;
-  }
-  const status = S.ui.gitStatus;
-  const branches = S.ui.gitBranches;
-  const loading = S.ui.gitLoading;
-  if (!status && !loading && !S.ui.gitError) {
-    refreshGitStatus();
-    return html`<div class="git-panel">
-      <div class="git-loading">Loading...</div>
-    </div>`;
-  }
-  if (status && !status.isRepo) {
-    return html`<div class="git-panel git-panel-empty">
-      <div class="git-empty-state">
-        <p>This project is not yet a git repository.</p>
-        <sp-action-button
-          size="m"
-          @click=${async () => {
-      statusMessage("Initializing repository…");
-      await getPlatform().gitInit();
-      statusMessage("Repository initialized");
-      await refreshGitStatus();
-    }}
-          ?disabled=${loading}
-        >
-          <sp-icon-add slot="icon"></sp-icon-add>
-          Initialize Repository
-        </sp-action-button>
-        <sp-action-button
-          size="m"
-          @click=${() => publishToGithub({
-      projectName: projectState?.name || "my-project"
-    })}
-          ?disabled=${loading}
-        >
-          <sp-icon-share slot="icon"></sp-icon-share>
-          Publish to GitHub
-        </sp-action-button>
-      </div>
-    </div>`;
-  }
-  if (!_pollTimer) {
-    _pollTimer = setInterval(() => {
-      if (view.leftTab === "git" && !S.ui.gitLoading) {
-        refreshGitStatus();
-      }
-    }, 30000);
-  }
-  const stagedFiles = status?.files?.filter((f) => f.staged) || [];
-  const unstagedFiles = status?.files?.filter((f) => !f.staged) || [];
-  const totalChanges = status?.files?.length || 0;
-  const doCommit = async () => {
-    const tab = activeTab.value;
-    const msg = tab?.session.ui.gitCommitMessage?.trim();
-    if (!msg) {
-      return;
-    }
-    updateUi("gitCommitMessage", "");
-    await flushAllCollab();
-    await gitAction("gitCommit", msg);
-  };
-  const doCommitAndSync = async () => {
-    const tab = activeTab.value;
-    const msg = tab?.session.ui.gitCommitMessage?.trim();
-    if (!msg) {
-      return;
-    }
-    updateUi("gitCommitMessage", "");
-    updateUi("gitLoading", true);
-    updateUi("gitError", null);
-    await flushAllCollab();
-    const plat = getPlatform();
-    try {
-      await plat.gitCommit(msg);
-      await plat.gitPush();
-      await refreshGitStatus();
-    } catch (error) {
-      updateUi("gitError", errorMessage(error));
-      updateUi("gitLoading", false);
-      renderOnly("leftPanel");
-    }
-  };
-  const isUpToDate = !status?.ahead && !status?.behind;
-  const syncLabel = isUpToDate ? "Up to date" : `${status?.ahead ? `${status.ahead} ahead` : ""}${status?.ahead && status?.behind ? ", " : ""}${status?.behind ? `${status.behind} behind` : ""}`;
-  const lastUpdatedStr = _lastUpdated ? _lastUpdated.toLocaleTimeString([], {
-    hour: "2-digit",
-    minute: "2-digit"
-  }) : "";
-  const hasRemotes = (status?.remotes?.length ?? 0) > 0;
-  const syncBarT = hasRemotes ? html`
-        <div class="git-sync-bar">
-          <sp-action-button
-            size="s"
-            quiet
-            class="git-sync-icon"
-            title="Refresh"
-            @click=${() => refreshGitStatus()}
-            ?disabled=${loading}
-          >
-            <sp-icon-refresh slot="icon"></sp-icon-refresh>
-          </sp-action-button>
-          <div class="git-sync-text">
-            <span class="git-sync-label">${syncLabel}</span>
-            ${lastUpdatedStr ? html`<span class="git-sync-time">Last updated ${lastUpdatedStr}</span>` : nothing}
-          </div>
-          <sp-action-group size="xs" quiet class="git-sync-actions">
-            <sp-action-button
-              title="Fetch"
-              @click=${() => gitAction("gitFetch")}
-              ?disabled=${loading}
-            >
-              <sp-icon-download slot="icon" size="xs"></sp-icon-download>
-            </sp-action-button>
-            <sp-action-button
-              title="Pull${status?.behind ? ` (${status.behind} behind)` : ""}"
-              @click=${() => void doPull()}
-              ?disabled=${loading}
-            >
-              <sp-icon-arrow-down slot="icon" size="xs"></sp-icon-arrow-down>
-            </sp-action-button>
-            <sp-action-button
-              title="Push${status?.ahead ? ` (${status.ahead} ahead)` : ""}"
-              @click=${() => gitAction("gitPush")}
-              ?disabled=${loading}
-            >
-              <sp-icon-arrow-up slot="icon" size="xs"></sp-icon-arrow-up>
-            </sp-action-button>
-          </sp-action-group>
-        </div>
-      ` : html`
-        <div class="git-sync-bar git-sync-bar--no-remote">
-          <sp-action-button
-            size="s"
-            quiet
-            class="git-sync-icon"
-            title="Refresh"
-            @click=${() => refreshGitStatus()}
-            ?disabled=${loading}
-          >
-            <sp-icon-refresh slot="icon"></sp-icon-refresh>
-          </sp-action-button>
-          <div class="git-sync-text">
-            <span class="git-sync-label">Local only (no remote)</span>
-          </div>
-          <sp-action-button
-            size="s"
-            @click=${() => publishToGithub({
-    projectName: projectState?.name || "my-project"
-  })}
-            ?disabled=${loading}
-          >
-            <sp-icon-share slot="icon"></sp-icon-share>
-            Publish to GitHub
-          </sp-action-button>
-        </div>
-      `;
-  const branchSelectorT = html`
-    <div class="git-branch-row">
-      <svg
-        class="git-branch-icon"
-        xmlns="http://www.w3.org/2000/svg"
-        width="18"
-        height="18"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      >
-        <line x1="6" y1="3" x2="6" y2="15"></line>
-        <circle cx="18" cy="6" r="3"></circle>
-        <circle cx="6" cy="18" r="3"></circle>
-        <path d="M18 9a9 9 0 0 1-9 9"></path>
-      </svg>
-      <div class="git-branch-text">
-        <span class="git-branch-label">Active branch</span>
-        <span class="git-branch-name">${branches?.current || status?.branch || "—"}</span>
-      </div>
-      <sp-picker
-        size="s"
-        quiet
-        class="git-branch-picker"
-        .value=${live(branches?.current || "")}
-        @change=${async (e) => {
-    const val = e.target.value;
-    if (val === "__new__") {
-      e.target.value = branches?.current || "";
-      const name = await showPromptDialog("New Branch", {
-        confirmLabel: "Create",
-        message: `Branching from ${branches?.current || status?.branch || "the current branch"}.`,
-        placeholder: "feature/my-change",
-        validate: (v) => v.trim() ? "" : "Enter a branch name."
-      });
-      if (name) {
-        await gitAction("gitCreateBranch", name);
-      }
-      return;
-    }
-    if (val !== branches?.current) {
-      await gitAction("gitCheckout", val);
-    }
-  }}
-      >
-        ${(branches?.branches || []).map((b) => html`<sp-menu-item value=${b}>${b}</sp-menu-item>`)}
-        <sp-menu-divider></sp-menu-divider>
-        <sp-menu-item value="__new__">+ New branch...</sp-menu-item>
-      </sp-picker>
-    </div>
-  `;
-  const switchTab = (tab) => {
-    _gitSubTab = tab;
-    if (tab === "history" && !S.ui.gitLogEntries) {
-      fetchGitLog();
-    }
-    renderOnly("leftPanel");
-  };
-  const tabsT = html`
-    <div class="git-tabs">
-      <button
-        class="git-tab ${_gitSubTab === "changes" ? "active" : ""}"
-        @click=${() => switchTab("changes")}
-      >
-        Local Changes${totalChanges > 0 ? ` (${totalChanges})` : ""}
-      </button>
-      <button
-        class="git-tab ${_gitSubTab === "history" ? "active" : ""}"
-        @click=${() => switchTab("history")}
-      >
-        History
-      </button>
-    </div>
-  `;
-  const commitT = html`
-    <div class="git-commit-area">
-      <label class="git-commit-label">Please write a commit message</label>
-      <sp-textfield
-        size="s"
-        multiline
-        class="git-commit-input"
-        placeholder="Describe your changes"
-        .value=${live(S.ui.gitCommitMessage || "")}
-        @input=${(e) => updateUi("gitCommitMessage", e.target.value)}
-        @keydown=${(e) => {
-    if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
-      e.preventDefault();
-      doCommit();
-    }
-  }}
-      ></sp-textfield>
-      <div class="git-commit-actions">
-        <div class="git-split-btn">
-          <sp-action-button
-            class="git-commit-btn"
-            size="s"
-            @click=${doCommitAndSync}
-            ?disabled=${loading}
-          >
-            Commit and sync
-          </sp-action-button>
-          <sp-action-button
-            class="git-split-trigger"
-            size="s"
-            @click=${(e) => {
-    const menu = e.currentTarget.parentElement.querySelector(".git-split-menu");
-    if (menu) {
-      menu.toggleAttribute("hidden");
-    }
-  }}
-          >
-            <sp-icon-chevron-down slot="icon" size="xs"></sp-icon-chevron-down>
-          </sp-action-button>
-          <div class="git-split-menu" hidden>
-            <button
-              class="git-split-menu-item"
-              @click=${(e) => {
-    e.currentTarget.parentElement.setAttribute("hidden", "");
-    doCommit();
-  }}
-            >
-              Commit (don't sync)
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  `;
-  const fileRowT = (file) => {
-    const parts = file.path.split("/");
-    const name = parts.pop();
-    const dir = parts.join("/");
-    const onFileClick = async () => {
-      if (file.status !== "M" && file.status !== "A") {
-        return;
-      }
-      if (!file.path.endsWith(".json") && !formatForPath(file.path)) {
-        return;
-      }
-      try {
-        const plat = getPlatform();
-        updateUi("gitLoading", true);
-        const [originalContent, currentContent] = await Promise.all([
-          file.status === "A" ? Promise.resolve("") : plat.gitShow({ path: file.path, ref: "HEAD" }),
-          plat.readFile(file.path)
-        ]);
-        const diffState = {
-          currentContent,
-          filePath: file.path,
-          fileStatus: file.status,
-          originalContent
-        };
-        updateUi("gitDiffState", diffState);
-        if (ctx?.setCanvasMode) {
-          if (ctx.setGitDiffState) {
-            ctx.setGitDiffState(diffState);
-          }
-          ctx.setCanvasMode("git-diff");
-        }
-      } catch (error) {
-        updateUi("gitError", `Failed to load diff: ${errorMessage(error)}`);
-      } finally {
-        updateUi("gitLoading", false);
-      }
-    };
-    return html`
-      <div class="git-file-row">
-        <span
-          class="git-file-info"
-          style="cursor: pointer; flex: 1;"
-          title="Click to view diff"
-          @click=${onFileClick}
-        >
-          <span class="git-file-name" title=${file.path}>${name}</span>
-          ${dir ? html`<span class="git-file-dir">${dir}</span>` : nothing}
-        </span>
-        <span class="git-file-actions">
-          ${file.staged ? html`
-                  <sp-action-button
-                    size="xs"
-                    quiet
-                    title="Unstage"
-                    @click=${() => gitAction("gitUnstage", [file.path])}
-                  >
-                    <sp-icon-remove slot="icon" size="xs"></sp-icon-remove>
-                  </sp-action-button>
-                ` : html`
-                  <sp-action-button
-                    size="xs"
-                    quiet
-                    title="Discard changes"
-                    @click=${async () => {
-      if (file.status === "U") {
-        return;
-      }
-      const confirmed = await showConfirmDialog("Discard Changes", `Discard changes to ${file.path}?`, { confirmLabel: "Discard", destructive: true });
-      if (!confirmed) {
-        return;
-      }
-      await gitAction("gitDiscard", [file.path]);
-    }}
-                    ?disabled=${file.status === "U"}
-                  >
-                    <sp-icon-undo slot="icon" size="xs"></sp-icon-undo>
-                  </sp-action-button>
-                  <sp-action-button
-                    size="xs"
-                    quiet
-                    title="Stage"
-                    @click=${() => gitAction("gitStage", [file.path])}
-                  >
-                    <sp-icon-add slot="icon" size="xs"></sp-icon-add>
-                  </sp-action-button>
-                `}
-        </span>
-        <span class="git-file-badge git-status-${file.status}">${file.status}</span>
-      </div>
-    `;
-  };
-  const groupFilesByComponent = (files) => {
-    const groups = new Map;
-    for (const f of files) {
-      const parts = f.path.split("/");
-      let component;
-      if (f.path.endsWith(".json") || f.path.endsWith(".class.json") || formatForPath(f.path)) {
-        component = parts.length > 1 ? `/${parts.at(-2)}` : `/${parts[0]}`;
-      } else {
-        component = "Other";
-      }
-      if (!groups.has(component)) {
-        groups.set(component, []);
-      }
-      groups.get(component).push(f);
-    }
-    return groups;
-  };
-  const allFiles = [...stagedFiles, ...unstagedFiles];
-  const componentGroups = groupFilesByComponent(allFiles);
-  const changesT = html`
-    ${stagedFiles.length > 0 ? html`
-            <div class="git-section">
-              <div class="git-section-header">
-                <span>Staged Changes</span>
-                <span class="git-count">${stagedFiles.length}</span>
-                <sp-action-button
-                  size="xs"
-                  quiet
-                  title="Unstage all"
-                  @click=${() => gitAction("gitUnstage", stagedFiles.map((f) => f.path))}
-                >
-                  <sp-icon-remove slot="icon" size="xs"></sp-icon-remove>
-                </sp-action-button>
-              </div>
-              ${repeat(stagedFiles, (f) => f.path, fileRowT)}
-            </div>
-          ` : nothing}
-    <div class="git-section">
-      <div class="git-section-header">
-        <span>Changed Components</span>
-        <span class="git-count">${allFiles.length}</span>
-        ${unstagedFiles.length > 0 ? html`
-                <sp-action-button
-                  size="xs"
-                  quiet
-                  title="Stage all"
-                  @click=${() => gitAction("gitStage", unstagedFiles.map((f) => f.path))}
-                >
-                  <sp-icon-add slot="icon" size="xs"></sp-icon-add>
-                </sp-action-button>
-              ` : nothing}
-      </div>
-      ${allFiles.length > 0 ? html`
-              ${[...componentGroups.entries()].map(([comp, files]) => html`
-                  <div class="git-component-group">
-                    <div class="git-component-header">
-                      <sp-action-button
-                        size="xs"
-                        quiet
-                        class="git-component-overflow"
-                        title="Actions"
-                      >
-                        <sp-icon-more slot="icon" size="xs"></sp-icon-more>
-                      </sp-action-button>
-                      <span class="git-component-name">${comp}</span>
-                    </div>
-                    ${repeat(files, (f) => f.path, fileRowT)}
-                  </div>
-                `)}
-            ` : html`<div class="git-empty">No changes</div>`}
-    </div>
-  `;
-  const logEntries = S.ui.gitLogEntries || [];
-  const historyT = html`
-    <div class="git-history">
-      ${logEntries.length === 0 ? html`<div class="git-empty">No history</div>` : repeat(logEntries, (e) => e.hash, (entry) => html`
-                <div class="git-history-entry">
-                  <span class="git-history-hash">${entry.hash.slice(0, 7)}</span>
-                  <span class="git-history-message">${entry.message}</span>
-                  <span class="git-history-meta"
-                    >${entry.author} · ${_relativeDate(entry.date)}</span
-                  >
-                </div>
-              `)}
-    </div>
-  `;
-  return html`
-    <div class="git-panel">
-      ${syncBarT} ${branchSelectorT} ${tabsT}
-      ${_gitSubTab === "changes" ? html`${commitT}${changesT}` : historyT}
-      ${loading ? html`<div class="git-loading">Loading...</div>` : nothing}
-      ${S.ui.gitError ? html`<div class="git-error">${S.ui.gitError}</div>` : nothing}
-    </div>
-  `;
-}
-function _relativeDate(iso) {
-  const d = new Date(iso);
-  const now = Date.now();
-  const diff = now - d.getTime();
-  const mins = Math.floor(diff / 60000);
-  if (mins < 1) {
-    return "just now";
-  }
-  if (mins < 60) {
-    return `${mins}m ago`;
-  }
-  const hours = Math.floor(mins / 60);
-  if (hours < 24) {
-    return `${hours}h ago`;
-  }
-  const days = Math.floor(hours / 24);
-  if (days < 30) {
-    return `${days}d ago`;
-  }
-  return d.toLocaleDateString();
-}
-function cleanupGitPanel() {
-  if (_pollTimer) {
-    clearInterval(_pollTimer);
-    _pollTimer = null;
-  }
-}
-
-export { refreshGitStatus, cloneRepository, platformSupportsClone, renderGitPanel, cleanupGitPanel };
-
-//# debugId=1EEF19D9DB2E4D1164756E2164756E21
-//# sourceMappingURL=studio-wd6ewdvd.js.map