kanade-client 0.43.59

End-user-facing Tauri Client App for the kanade endpoint-management system. Talks to the LocalSystem agent over the KLP Named Pipe (SPEC §2.12); presents a tray + window UI for notifications / health / self-service jobs.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109

<!doctype html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Kanade</title>
    <link rel="stylesheet" href="/src/style.css" />
  </head>
  <body>
    <div id="app">
      <!-- Slim header: brand + a single connection status dot. No
           session / protocol / pc internals (operator-facing noise). -->
      <header class="app-header">
        <div class="brand"><span class="brand-mark">奏</span> Kanade</div>
        <div class="conn conn-connecting" id="conn" title="エージェント接続状態">
          <span class="conn-dot"></span>
          <span class="conn-label">接続待ち</span>
        </div>
      </header>

      <div class="layout">
        <!-- Left sidebar nav. Home / Notifications / Health are fixed;
             the job categories below the divider are injected by main.ts
             from `jobs.list` (only categories that actually have jobs). -->
        <nav class="sidebar" id="sidebar">
          <button class="nav-item active" data-view="home">
            <i class="nav-icon" data-lucide="layout-dashboard"></i>
            <span class="nav-label">ホーム</span>
          </button>
          <button class="nav-item" data-view="notifications">
            <i class="nav-icon" data-lucide="bell"></i>
            <span class="nav-label">通知</span>
            <span class="nav-badge badge" id="nav-notif-badge" hidden></span>
          </button>
          <button class="nav-item" data-view="health">
            <i class="nav-icon" data-lucide="heart-pulse"></i>
            <span class="nav-label">端末ヘルス</span>
          </button>
          <div class="nav-sep" id="nav-jobs-sep" hidden></div>
          <!-- Category nav items injected here (data-view="jobs" data-category=…). -->
          <div id="nav-categories"></div>
        </nav>

        <main class="content">
          <!-- Home / dashboard -->
          <section class="view" id="view-home">
            <h2 class="view-title">ホーム</h2>
            <div class="dash-cards">
              <button class="dash-card" data-view="health" id="card-health">
                <i class="dash-icon" data-lucide="heart-pulse"></i>
                <div class="dash-card-body">
                  <span class="dash-card-label">端末ヘルス</span>
                  <span class="dash-card-value" id="card-health-value">読み込み中…</span>
                </div>
              </button>
              <button class="dash-card" data-view="notifications" id="card-notif">
                <i class="dash-icon" data-lucide="bell"></i>
                <div class="dash-card-body">
                  <span class="dash-card-label">通知</span>
                  <span class="dash-card-value" id="card-notif-value">—</span>
                </div>
              </button>
              <div class="dash-card dash-card-static" id="card-runs" hidden>
                <i class="dash-icon" data-lucide="loader"></i>
                <div class="dash-card-body">
                  <span class="dash-card-label">実行中のジョブ</span>
                  <span class="dash-card-value" id="card-runs-value">—</span>
                </div>
              </div>
            </div>
          </section>

          <!-- Notifications -->
          <section class="view" id="view-notifications" hidden>
            <h2 class="view-title">
              通知 <span class="badge" id="notif-badge" hidden></span>
            </h2>
            <div id="notifications"></div>
          </section>

          <!-- Health (check: jobs) -->
          <section class="view" id="view-health" hidden>
            <h2 class="view-title">端末ヘルス</h2>
            <div id="health"><p class="muted">読み込み中…</p></div>
          </section>

          <!-- Jobs for the selected category (client: jobs). One view,
               re-rendered per selected category. -->
          <section class="view" id="view-jobs" hidden>
            <h2 class="view-title" id="jobs-view-title">ジョブ</h2>
            <div id="jobs-list"></div>
          </section>

          <!-- Persistent run status panel: shows live progress of any
               jobs.execute regardless of the active view. -->
          <section class="runs-panel" id="runs-section" hidden>
            <h2 class="view-title">実行状況</h2>
            <div id="runs"></div>
          </section>
        </main>
      </div>
    </div>

    <!-- All notifications surface as native OS toasts (#102/#635); there
         is no in-app toast container or blocking modal in the DOM. -->

    <script type="module" src="/src/main.ts"></script>
  </body>
</html>