@tiagojct/subsub 0.6.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/web/icon.svg CHANGED
@@ -1 +1,12 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="6" fill="#12161b"/><text x="16" y="21.5" text-anchor="middle" font-family="IBM Plex Mono, ui-monospace, monospace" font-size="14" font-weight="600" fill="#e0832a">SS</text></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
2
+ <rect width="32" height="32" rx="5" fill="#f8f6f0"/>
3
+ <rect width="28" height="28" x="2" y="2" rx="4" fill="none" stroke="#211e1b" stroke-width="1.2"/>
4
+ <!-- Open Folio Book -->
5
+ <path d="M7 21.5V9A2 2 0 0 1 9 7h7v15H9a2 2 0 0 0-2 2v-2.5Z" fill="none" stroke="#211e1b" stroke-width="1.6" stroke-linejoin="round"/>
6
+ <path d="M25 21.5V9A2 2 0 0 0 23 7h-7v15h7a2 2 0 0 1 2 2v-2.5Z" fill="none" stroke="#211e1b" stroke-width="1.6" stroke-linejoin="round"/>
7
+ <line x1="16" y1="7" x2="16" y2="22" stroke="#211e1b" stroke-width="1.5"/>
8
+ <line x1="10" y1="11" x2="13" y2="11" stroke="#211e1b" stroke-width="1.2" stroke-linecap="round"/>
9
+ <line x1="10" y1="14" x2="13" y2="14" stroke="#211e1b" stroke-width="1.2" stroke-linecap="round"/>
10
+ <line x1="19" y1="11" x2="22" y2="11" stroke="#211e1b" stroke-width="1.2" stroke-linecap="round"/>
11
+ <line x1="19" y1="14" x2="22" y2="14" stroke="#211e1b" stroke-width="1.2" stroke-linecap="round"/>
12
+ </svg>
package/web/index.html CHANGED
@@ -6,6 +6,9 @@
6
6
  <meta name="color-scheme" content="light dark">
7
7
  <title>Sub-Sub</title>
8
8
  <link rel="icon" href="/icon.svg" type="image/svg+xml">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link href="https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=JetBrains+Mono:wght@400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,400..700;1,6..72,400..700&display=swap" rel="stylesheet">
9
12
  <link rel="stylesheet" href="/glauca.css">
10
13
  <link rel="stylesheet" href="/app.css">
11
14
  <script type="module" src="/app.js"></script>
@@ -13,14 +16,14 @@
13
16
  <body data-mode="researcher">
14
17
  <div class="app">
15
18
  <header class="top">
16
- <button type="button" class="ghost menu-btn" id="menu-btn" aria-controls="side" aria-expanded="false" data-i18n="menu">Menu</button>
17
- <div class="brand"><span class="mark" aria-hidden="true">SS</span> Sub-Sub</div>
19
+ <button type="button" class="ghost menu-btn" id="menu-btn" aria-controls="side" aria-expanded="true" title="Toggle catalog sidebar"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/></svg> <span data-i18n="menu">Menu</span></button>
20
+ <div class="brand"><span class="mark" aria-hidden="true"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1-2.5-2.5Z"/><path d="M6 6h10"/><path d="M6 10h10"/></svg></span> Sub-Sub</div>
18
21
  <div class="modes" role="group" aria-label="Mode">
19
22
  <button type="button" data-mode="researcher" aria-pressed="true" data-i18n="researcher">Researcher</button>
20
23
  <button type="button" data-mode="librarian" aria-pressed="false" data-i18n="librarian">Librarian</button>
21
24
  </div>
22
25
  <div class="status">
23
- <span class="library" id="library"></span>
26
+ <span class="library" id="library"><span class="library-dot" aria-hidden="true"></span><span class="library-text"></span></span>
24
27
  <label class="profile"><span class="visually-hidden" data-i18n="profile">Profile</span>
25
28
  <select id="profile">
26
29
  <option value="reader">Reader</option>
@@ -30,6 +33,8 @@
30
33
  </select>
31
34
  </label>
32
35
  <button type="button" class="ghost model-btn" id="model-btn"></button>
36
+ <button type="button" class="ghost width-btn" id="width-btn" aria-label="Toggle wide layout" title="Toggle wide layout"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" x2="14" y1="3" y2="10"/><line x1="3" x2="10" y1="21" y2="14"/></svg> <span id="width-btn-text">Wide</span></button>
37
+ <button type="button" class="ghost theme-btn" id="theme-btn" aria-label="Toggle theme" title="Toggle theme"></button>
33
38
  </div>
34
39
  </header>
35
40
 
@@ -47,13 +52,25 @@
47
52
  <label><span data-i18n="model">Model</span>
48
53
  <button type="button" class="secondary model-btn" id="model-btn-side"></button>
49
54
  </label>
55
+ <label><span data-i18n="theme">Theme</span>
56
+ <button type="button" class="secondary theme-btn" id="theme-btn-side"></button>
57
+ </label>
58
+ </section>
59
+ <section class="addons">
60
+ <label class="check" title=""><input type="checkbox" id="starbuck-toggle"> <span data-i18n="starbuck">Reference checks (Starbuck)</span></label>
50
61
  </section>
51
62
  <section>
52
63
  <h2 data-i18n="actions">Actions</h2>
53
64
  <div class="actions" id="actions"></div>
54
65
  </section>
55
66
  <section class="grow">
56
- <h2 data-i18n="conversations">Conversations</h2>
67
+ <div class="side-subhead">
68
+ <h2 data-i18n="conversations">Conversations</h2>
69
+ <button type="button" class="ghost small" id="export-btn" title="Export conversation as Markdown" data-i18n="export">Export</button>
70
+ </div>
71
+ <div class="search-wrap">
72
+ <input type="search" id="session-search" placeholder="Search conversations..." autocomplete="off">
73
+ </div>
57
74
  <ul class="sessions" id="sessions"></ul>
58
75
  </section>
59
76
  <footer class="side-foot">