@oddessentials/agent-guild 0.4.0 → 0.6.0

package/web/fonts/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Cinzel Project Authors (https://github.com/NDISCOVER/Cinzel)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/web/index.html

@@ -6,7 +6,8 @@
   <title>Agent Guild</title>
   <meta name="color-scheme" content="light dark">
   <script src="/theme.js"></script>
-  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%235B5BD6'/%3E%3Cpath d='M9 22l7-12 7 12' stroke='white' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E">
+  <link rel="icon" href="/art/ui/favicon.png" type="image/png">
+  <link rel="preload" href="/fonts/cinzel.woff2" as="font" type="font/woff2" crossorigin>
   <link rel="stylesheet" href="/vendor/xterm/xterm.css">
   <link rel="stylesheet" href="/styles.css">
   <link rel="stylesheet" href="/art/art.css">
@@ -14,8 +15,8 @@
 <body>
   <header class="topbar">
     <div class="brand">
-      <svg class="brand-mark" viewBox="0 0 32 32" aria-hidden="true"><rect width="32" height="32" rx="8" fill="currentColor"/><path d="M9 22l7-12 7 12" stroke="#fff" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
       <h1>Agent Guild</h1>
+      <button id="version" class="version" type="button" aria-haspopup="dialog" hidden></button>
     </div>
     <div class="topbar-end">
       <div id="connection" class="connection" role="status" aria-live="polite">
@@ -24,6 +25,7 @@
       <span id="upgrade-note" class="upgrade-note" hidden></span>
       <button id="upgrade" class="btn upgrade" type="button" hidden></button>
       <button id="theme-toggle" class="btn theme-toggle" type="button"></button>
+      <button id="restart-manager" class="btn restart-manager" type="button" hidden>Restart manager</button>
       <button id="stop-manager" class="btn danger stop-manager" type="button" hidden title="Stop the session manager. This ends every session.">Stop manager</button>
     </div>
   </header>
@@ -73,9 +75,15 @@
   <section id="stopped" class="auth notice" hidden aria-live="polite">
     <h2 id="stopped-title">Stopping the session manager…</h2>
     <p id="stopped-text">Ending every session. This can take a few seconds.</p>
-    <p>To start again, run this command or double-click the launcher:</p>
-    <pre>agent-guild open</pre>
-    <p>This page reconnects by itself when the manager is back.</p>
+    <div id="stopped-help" class="stopped-help" hidden>
+      <p id="stopped-how">To start again, open a terminal and run:</p>
+      <div class="command">
+        <pre>agent-guild open</pre>
+        <button id="copy-command" class="btn" type="button" title="Copy the command">Copy</button>
+      </div>
+      <p id="stopped-launcher" hidden>Or double-click <code id="stopped-launcher-path"></code> in your file manager.</p>
+      <p>This page reconnects by itself when the manager is back.</p>
+    </div>
   </section>
 
   <div id="terminal-panel" class="terminal-panel" hidden role="dialog" aria-modal="false" aria-labelledby="panel-title">
@@ -131,24 +139,70 @@
     <p id="news-status" class="news-status" hidden></p>
   </dialog>
 
+  <dialog id="changelog" class="news-panel" aria-labelledby="changelog-title">
+    <div class="news-bar">
+      <div class="news-heading">
+        <h2 id="changelog-title">What’s new</h2>
+        <p id="changelog-sub" class="sub"></p>
+      </div>
+      <button id="changelog-close" class="btn" type="button">Close</button>
+    </div>
+    <div class="news-body">
+      <div id="changelog-actions" class="changelog-actions" hidden>
+        <button id="changelog-upgrade" class="btn upgrade" type="button" hidden></button>
+        <button id="changelog-restart" class="btn restart-manager pending" type="button" hidden></button>
+      </div>
+      <ol id="changelog-list" class="changelog-list"></ol>
+      <p id="changelog-note" class="news-empty" hidden></p>
+    </div>
+    <p id="changelog-status" class="news-status" hidden></p>
+  </dialog>
+
+  <dialog id="history" class="models history" aria-labelledby="history-title">
+    <div class="models-bar">
+      <span id="history-icon" class="provider-icon small"></span>
+      <div class="models-heading">
+        <h2 id="history-title"></h2>
+        <p id="history-sub" class="sub"></p>
+      </div>
+      <button id="history-close" class="btn" type="button">Close</button>
+    </div>
+    <div class="history-tools">
+      <input id="history-filter" type="search" placeholder="Filter by title, folder or id" aria-label="Filter sessions" spellcheck="false" autocomplete="off">
+      <label class="history-here"><input id="history-here" type="checkbox"><span>Working folder only</span></label>
+    </div>
+    <div class="models-body">
+      <div id="history-list" class="history-list" role="list"></div>
+      <p id="history-note" class="models-note"></p>
+    </div>
+    <form id="history-form" class="history-form">
+      <label for="history-id">Resume by id</label>
+      <input id="history-id" type="text" placeholder="Session id or name" spellcheck="false" autocomplete="off">
+      <button type="submit" class="btn">Resume</button>
+    </form>
+  </dialog>
+
   <div id="tip" class="tip" aria-hidden="true" hidden><strong id="tip-title"></strong><span id="tip-source"></span><p id="tip-text"></p></div>
 
   <div id="toast" class="toast" role="alert" hidden></div>
 
   <template id="provider-template">
     <article class="provider" role="listitem">
-      <span class="provider-icon"></span>
-      <span class="provider-text">
-        <span class="vendor-line"><span class="vendor"></span><span class="tier" hidden></span></span>
-        <span class="tool"></span>
-        <span class="state"></span>
-      </span>
+      <span class="card-art" aria-hidden="true"></span>
+      <div class="provider-head">
+        <span class="provider-icon"></span>
+        <span class="provider-text">
+          <span class="vendor-line"><span class="vendor"></span><span class="tier" hidden></span></span>
+          <span class="tool"></span>
+          <span class="state"></span>
+        </span>
+      </div>
       <div class="accounts" role="tablist" aria-label="Accounts" hidden></div>
       <div class="usage"></div>
       <div class="model-stats"></div>
       <div class="provider-links">
-        <a class="console-link usage-link" target="_blank" rel="noopener noreferrer">Usage ↗</a>
-        <a class="console-link billing-link" target="_blank" rel="noopener noreferrer">Billing ↗</a>
+        <a class="console-link usage-link" target="_blank" rel="noopener noreferrer">Usage</a>
+        <a class="console-link billing-link" target="_blank" rel="noopener noreferrer">Billing</a>
       </div>
       <div class="provider-actions">
         <button class="btn primary new" type="button">New</button>
@@ -194,14 +248,27 @@
     </section>
   </template>
 
+  <template id="history-template">
+    <article class="history-row" role="listitem">
+      <div class="history-main">
+        <div class="history-title"></div>
+        <div class="history-meta"></div>
+      </div>
+      <button class="session-id" type="button"></button>
+      <button class="btn primary history-resume" type="button"></button>
+    </article>
+  </template>
+
   <template id="session-template">
     <article class="session-card" role="listitem" tabindex="0">
+      <span class="card-art" aria-hidden="true"></span>
+      <span class="card-aura" aria-hidden="true"></span>
       <span class="level-badge" aria-hidden="true"></span>
       <div class="card-top">
         <span class="provider-icon"></span>
         <div class="card-title">
           <div class="name"></div>
-          <div class="meta"></div>
+          <div class="meta"><span class="meta-text"></span><button class="session-id" type="button" hidden></button></div>
         </div>
         <button class="model-pill" type="button"></button>
         <span class="status-pill"></span>
@@ -213,6 +280,7 @@
       </div>
       <div class="card-actions">
         <button class="btn primary open" type="button">Open</button>
+        <button class="btn resume" type="button" hidden>Resume</button>
         <button class="btn rename" type="button">Rename</button>
         <button class="btn danger stop" type="button">Stop</button>
         <button class="btn remove" type="button">Remove</button>