@starlove/orbit 1.0.1

package/dist/full/index.html

@@ -0,0 +1,314 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <title>Orbit</title>
+        <link
+            rel="icon"
+            type="image/png"
+            sizes="32x32"
+            href="./favicon-32x32.png"
+        />
+        <link
+            rel="apple-touch-icon"
+            sizes="180x180"
+            href="./apple-touch-icon.png"
+        />
+        <link rel="stylesheet" href="styles.c2e3d20a.css" />
+    </head>
+    <body>
+        <div class="grain">
+            <div class="milky-way" aria-hidden="true"></div>
+        </div>
+        <header class="topbar">
+            <div class="brand" aria-label="Orbit">
+                <img class="mark" src="./orbits-logo.png" alt="Orbits logo" />
+            </div>
+            <div class="controls">
+                <span class="topbar-controls-gap" aria-hidden="true"></span>
+                <div class="topbar-search" id="topbarSearch">
+                    <input
+                        id="searchInput"
+                        placeholder="Search tickets, comments, decisions..."
+                        autocomplete="off"
+                    />
+                    <div id="searchResults" class="search-results" hidden></div>
+                </div>
+                <button
+                    id="newTicketBtn"
+                    type="button"
+                    class="topbar-btn btn-sun topbar-ctl-shrink"
+                >
+                    <span class="btn-plus" aria-hidden="true">+</span>
+                    <span class="btn-sun-label">New Card</span>
+                </button>
+                <div class="topbar-menu">
+                    <button
+                        type="button"
+                        id="boardMenuBtn"
+                        class="topbar-chip topbar-ctl-shrink"
+                        aria-expanded="false"
+                        aria-haspopup="true"
+                        aria-controls="boardFlyout"
+                    >
+                        <svg
+                            class="topbar-icon"
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            aria-hidden="true"
+                        >
+                            <rect
+                                x="4"
+                                y="4"
+                                width="6"
+                                height="16"
+                                rx="1.5"
+                                stroke="currentColor"
+                                stroke-width="2"
+                            />
+                            <rect
+                                x="14"
+                                y="4"
+                                width="6"
+                                height="16"
+                                rx="1.5"
+                                stroke="currentColor"
+                                stroke-width="2"
+                            />
+                        </svg>
+                        Board
+                    </button>
+                    <div
+                        id="boardFlyout"
+                        class="menu-flyout menu-flyout--align-end"
+                        hidden
+                        role="menu"
+                    ></div>
+                </div>
+                <button
+                    id="themeToggle"
+                    type="button"
+                    class="topbar-btn ghost topbar-ctl-shrink"
+                    aria-label="Toggle theme"
+                >
+                    <svg
+                        class="topbar-icon"
+                        id="themeIcon"
+                        width="16"
+                        height="16"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                        stroke-linecap="round"
+                        aria-hidden="true"
+                    >
+                        <circle cx="12" cy="12" r="5" />
+                        <path
+                            d="M12 1v2m0 18v2M4.2 4.2l1.4 1.4m12.8 12.8l1.4 1.4M1 12h2m18 0h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4"
+                        />
+                    </svg>
+                </button>
+                <button
+                    id="settingsBtn"
+                    type="button"
+                    class="topbar-btn ghost topbar-ctl-shrink"
+                >
+                    <svg
+                        class="topbar-icon"
+                        width="16"
+                        height="16"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        aria-hidden="true"
+                    >
+                        <path
+                            d="M12.22 2h-.44a2 2 0 00-2 2v.18a2 2 0 01-1 1.73l-.43.25a2 2 0 01-2 0l-.15-.08a2 2 0 00-2.73.73l-.22.38a2 2 0 00.73 2.73l.15.1a2 2 0 011 1.72v.51a2 2 0 01-1 1.74l-.15.09a2 2 0 00-.73 2.73l.22.38a2 2 0 002.73.73l.15-.08a2 2 0 012 0l.43.25a2 2 0 011 1.73V20a2 2 0 002 2h.44a2 2 0 002-2v-.18a2 2 0 011-1.73l.43-.25a2 2 0 012 0l.15.08a2 2 0 002.73-.73l.22-.39a2 2 0 00-.73-2.73l-.15-.08a2 2 0 01-1-1.74v-.5a2 2 0 011-1.74l.15-.09a2 2 0 00.73-2.73l-.22-.38a2 2 0 00-2.73-.73l-.15.08a2 2 0 01-2 0l-.43-.25a2 2 0 01-1-1.73V4a2 2 0 00-2-2z"
+                        />
+                        <circle cx="12" cy="12" r="3" />
+                    </svg>
+                    Settings
+                </button>
+            </div>
+        </header>
+
+        <div
+            id="createFlyoutBackdrop"
+            class="create-flyout-backdrop"
+            hidden
+            aria-hidden="true"
+        ></div>
+        <div
+            id="createFlyout"
+            class="create-flyout"
+            hidden
+            aria-label="New card"
+        >
+            <div id="createFlyoutInner" class="create-flyout-inner"></div>
+        </div>
+
+        <main class="board-main">
+            <div id="kanban" class="kanban" aria-live="polite"></div>
+        </main>
+        <footer class="frame-footer" aria-label="Application signature">
+            <span class="frame-footer-title">Orbit</span>
+            <span class="frame-footer-subtitle"><em>a Starscape app</em></span>
+        </footer>
+
+        <div
+            id="drawerBackdrop"
+            class="drawer-backdrop"
+            hidden
+            aria-hidden="true"
+        ></div>
+        <aside id="drawer" class="drawer" hidden aria-label="Panel">
+            <header class="drawer-header">
+                <div class="drawer-title-block">
+                    <span
+                        id="drawerEyebrow"
+                        class="drawer-eyebrow"
+                        hidden
+                    ></span>
+                    <h2 id="drawerTitle" class="drawer-title-text"></h2>
+                    <div
+                        id="drawerSubtitle"
+                        class="drawer-subtitle"
+                        hidden
+                    ></div>
+                </div>
+                <nav
+                    id="drawerTabs"
+                    class="drawer-tabs"
+                    role="tablist"
+                    hidden
+                ></nav>
+                <button
+                    type="button"
+                    id="drawerArchiveBtn"
+                    class="drawer-archive"
+                    aria-label="Archive card"
+                    title="Archive card"
+                    hidden
+                >
+                    <svg
+                        viewBox="0 0 24 24"
+                        width="18"
+                        height="18"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        aria-hidden="true"
+                    >
+                        <path d="M3 6h18" />
+                        <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                        <path
+                            d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"
+                        />
+                        <path d="M10 11v6" />
+                        <path d="M14 11v6" />
+                    </svg>
+                </button>
+                <button
+                    type="button"
+                    id="drawerCloseBtn"
+                    class="drawer-close"
+                    aria-label="Close panel"
+                >
+                    ×
+                </button>
+            </header>
+            <div id="drawerInner" class="drawer-inner"></div>
+        </aside>
+
+        <template id="commentFormTemplate">
+            <form class="comment-form">
+                <textarea
+                    name="body"
+                    placeholder="Add a comment, decision, or instruction..."
+                    required
+                ></textarea>
+                <button type="submit">Comment</button>
+            </form>
+        </template>
+
+        <!-- Generic modal dialog — content varies by use-case.
+         The welcome dialog auto-shows on the preview edition via main.js.
+         Other uses: call openModal(el) from any module that imports modal.js. -->
+        <dialog
+            id="welcomeDialog"
+            class="orbit-dialog"
+            aria-labelledby="welcomeDialogTitle"
+        >
+            <div class="welcome-dialog-inner">
+                <div class="welcome-dialog-head">
+                    <img
+                        class="welcome-dialog-logo"
+                        src="./orbits-logo.png"
+                        alt=""
+                        aria-hidden="true"
+                    />
+                    <span class="welcome-dialog-edition-pill"
+                        >Preview Edition</span
+                    >
+                </div>
+                <div class="welcome-dialog-body">
+                    <h2 id="welcomeDialogTitle" class="welcome-dialog-title">
+                        No-AI Browser Preview
+                    </h2>
+                    <p class="welcome-dialog-lede">
+                        You're using the local, browser-only preview of
+                        <strong>Orbit</strong> — a developer-first kanban board
+                        built for teams working alongside AI agents.
+                    </p>
+                    <ul class="welcome-dialog-notices">
+                        <li>
+                            <span class="welcome-dialog-notice-label"
+                                >No AI</span
+                            >
+                            Boards are stored in your browser only. AI features,
+                            MCP server, and server-side sync require the full
+                            install.
+                        </li>
+                        <li>
+                            <span class="welcome-dialog-notice-label"
+                                >Download</span
+                            >
+                            Get the full app at
+                            <a
+                                class="welcome-dialog-link"
+                                href="https://orbit.starscape.app/install"
+                                >orbit.starscape.app/install</a
+                            >
+                        </li>
+                        <li>
+                            <span class="welcome-dialog-notice-label"
+                                >Coming soon</span
+                            >
+                            Paid cloud hosting for teams — no install required.
+                        </li>
+                    </ul>
+                </div>
+                <footer class="welcome-dialog-footer">
+                    <button
+                        type="button"
+                        class="welcome-dialog-cta"
+                        data-modal-close
+                    >
+                        Get started
+                    </button>
+                </footer>
+            </div>
+        </dialog>
+
+        <script src="js/app.70be7d06.js" type="module"></script>
+    </body>
+</html>