@ai.weget.jp/bot 0.1.8 → 0.1.10

package/dist/src/renderer/styles.css

@@ -11,6 +11,31 @@ body {
   padding: 0 12px 16px;
 }
 
+.user-notice {
+  position: fixed;
+  top: 14px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1200;
+  width: min(560px, calc(100vw - 24px));
+  border-radius: 10px;
+  padding: 10px 12px;
+  font-size: 14px;
+  box-shadow: 0 10px 22px rgba(20, 25, 45, 0.18);
+}
+
+.user-notice.notice-error {
+  background: #fee2e2;
+  color: #7f1d1d;
+  border: 1px solid #fecaca;
+}
+
+.user-notice.notice-success {
+  background: #dcfce7;
+  color: #14532d;
+  border: 1px solid #bbf7d0;
+}
+
 .login-screen {
   min-height: 100vh;
   display: grid;
@@ -85,6 +110,44 @@ body {
   color: #5e6b81;
 }
 
+.codex-auth-box {
+  margin-top: 14px;
+  padding: 12px;
+  border: 1px solid #d9e2ef;
+  border-radius: 10px;
+  background: #f7faff;
+}
+
+.codex-auth-head {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.codex-auth-head h3 {
+  margin: 0;
+}
+
+.codex-auth-actions {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+  margin-bottom: 10px;
+}
+
+.codex-command {
+  display: block;
+  padding: 10px 12px;
+  border-radius: 8px;
+  background: #0f172a;
+  color: #e2e8f0;
+  font-family: Consolas, "Courier New", monospace;
+  font-size: 13px;
+  overflow-x: auto;
+}
+
 .status-pill {
   display: inline-block;
   border-radius: 999px;
@@ -107,10 +170,29 @@ body {
   color: #92400e;
 }
 
+.tabs-shell {
+  display: grid;
+  gap: 10px;
+  margin-bottom: 12px;
+}
+
+.tab-group {
+  display: grid;
+  gap: 6px;
+}
+
+.tab-group-label {
+  color: #60708a;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+
 .tabs {
   display: flex;
   gap: 8px;
-  margin-bottom: 12px;
+  flex-wrap: wrap;
 }
 
 .tab-btn {
@@ -144,6 +226,408 @@ body {
   box-shadow: 0 8px 20px rgba(20, 25, 45, 0.08);
 }
 
+.panel-title-block {
+  display: grid;
+  gap: 4px;
+  margin-bottom: 12px;
+}
+
+.panel-title-block h2,
+.host-section h3 {
+  margin: 0;
+}
+
+.panel-title-block p {
+  margin: 0;
+}
+
+.host-section {
+  display: grid;
+  gap: 10px;
+  padding: 14px;
+  margin-top: 14px;
+  border: 1px solid #dbe4f1;
+  border-radius: 12px;
+  background: #fbfdff;
+}
+
+.host-section-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.market-shell {
+  background: #eef2f6;
+}
+
+.skill-surface-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 16px;
+  margin-bottom: 12px;
+}
+
+.skill-surface-kicker {
+  color: #60708a;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  margin-bottom: 4px;
+}
+
+.skill-surface-package {
+  color: #49617f;
+  font-family: Consolas, "Courier New", monospace;
+  font-size: 13px;
+}
+
+.skill-surface-statuses {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
+.skill-surface-badge {
+  border-radius: 999px;
+  padding: 5px 10px;
+  font-size: 12px;
+  font-weight: 700;
+  background: #dcfce7;
+  color: #166534;
+}
+
+.skill-surface-badge.is-disabled {
+  background: #fee2e2;
+  color: #991b1b;
+}
+
+.skill-surface-badge.is-muted {
+  background: #e8eef8;
+  color: #294267;
+}
+
+.tab-btn.is-disabled {
+  background: #f3f4f6;
+  color: #76859b;
+  border-color: #d8dee8;
+}
+
+.market-layout {
+  display: grid;
+  grid-template-columns: 1fr 340px;
+  gap: 12px;
+}
+
+.market-main {
+  display: grid;
+  gap: 12px;
+}
+
+.market-side {
+  display: grid;
+  align-content: start;
+  gap: 12px;
+}
+
+.market-panel-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.quote-table {
+  width: 100%;
+  border-collapse: collapse;
+  background: #fff;
+}
+
+.quote-table th {
+  background: #273445;
+  color: #fff;
+  font-weight: 600;
+  padding: 10px;
+  border-right: 1px solid #52657a;
+}
+
+.quote-table td {
+  padding: 10px;
+  border-bottom: 1px solid #e4e9f0;
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+}
+
+.quote-table tbody tr {
+  cursor: pointer;
+}
+
+.quote-table tbody tr:hover {
+  background: #f6f9fd;
+}
+
+.quote-table td:first-child,
+.quote-table th:first-child {
+  text-align: left;
+}
+
+.quote-table tr.selected {
+  outline: 2px solid #f4b400;
+  outline-offset: -2px;
+}
+
+.quote-table td.up {
+  color: #16924f;
+}
+
+.up {
+  color: #16924f;
+}
+
+.order-panel {
+  background: #1f3042;
+  color: #fff;
+}
+
+.side-title-row h3 {
+  margin: 0;
+}
+
+.side-price-box {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0;
+  margin-bottom: 10px;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.side-bid,
+.side-ask {
+  padding: 10px;
+  display: grid;
+  gap: 4px;
+}
+
+.side-price-box {
+  position: relative;
+}
+
+.side-spread {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 52px;
+  height: 52px;
+  border-radius: 50%;
+  background: #082744;
+  border: 2px solid #0c3f66;
+  color: #ffffff;
+  display: grid;
+  place-items: center;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+}
+
+.side-spread strong {
+  font-size: 14px;
+  line-height: 1;
+  font-variant-numeric: tabular-nums;
+}
+
+.side-bid {
+  background: #1f9d55;
+}
+
+.side-ask {
+  background: #e24646;
+  text-align: right;
+  justify-items: end;
+}
+
+.side-label {
+  width: 48px;
+  color: #d8e4f2;
+  align-self: center;
+}
+
+.order-qty-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0;
+  width: 100%;
+}
+
+.order-qty-row .side-label {
+  width: auto;
+  justify-self: start;
+}
+
+.qty-input-wrap {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.qty-input-wrap input {
+  width: 66.666%;
+  min-width: 140px;
+}
+
+.market-icon {
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  background: #fff;
+  border: 1px solid #d8e1f0;
+}
+
+.order-panel input {
+  background: #fff;
+  color: #1c2a3b;
+}
+
+.required-amount-box {
+  margin-top: 8px;
+  background: #5f99cc;
+  border-radius: 8px;
+  padding: 8px 10px;
+  display: grid;
+  gap: 4px;
+}
+
+.required-amount-box span {
+  color: #eef5ff;
+  font-size: 13px;
+}
+
+.required-amount-box strong {
+  color: #ffffff;
+  font-size: 24px;
+  line-height: 1;
+  font-variant-numeric: tabular-nums;
+  justify-self: end;
+}
+
+.buying-power-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.buying-power-refresh-btn {
+  width: 28px;
+  height: 28px;
+  border-radius: 6px;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 15px;
+  line-height: 1;
+}
+
+.order-account-info {
+  margin-top: 12px;
+  background: #f3f6fb;
+  border: 1px solid #b9c9df;
+  border-radius: 8px;
+  padding: 8px;
+  display: grid;
+  gap: 6px;
+}
+
+.order-account-info .buying-power-head span {
+  color: #2b3f5d;
+  font-weight: 600;
+}
+
+.info-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+}
+
+.info-row span {
+  color: #3f526f;
+  font-size: 13px;
+}
+
+.info-row strong {
+  color: #243a57;
+  font-size: 36px;
+  line-height: 1;
+  font-variant-numeric: tabular-nums;
+}
+
+.order-account-info .info-row strong {
+  font-size: 18px;
+}
+
+.position-panel {
+  padding: 10px;
+}
+
+.position-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.position-head h3 {
+  margin: 0;
+  font-size: 24px;
+  color: #1a2a44;
+}
+
+.position-table {
+  width: 100%;
+  border-collapse: collapse;
+  background: #fff;
+  font-size: 13px;
+}
+
+.position-table th {
+  background: #273445;
+  color: #fff;
+  padding: 8px 6px;
+  border-right: 1px solid #4d6278;
+  text-align: center;
+  line-height: 1.1;
+}
+
+.position-table td {
+  border-bottom: 1px solid #e4e9f0;
+  padding: 8px 6px;
+  text-align: center;
+}
+
+.empty-cell {
+  color: #5f7089;
+}
+
+.close-btn {
+  border: 1px solid #9aa8bd;
+  background: #fff;
+  color: #334862;
+  padding: 3px 8px;
+  border-radius: 6px;
+  font-size: 12px;
+}
+
+.positions-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+  margin-top: 12px;
+}
+
 h2 {
   margin: 0 0 10px;
 }
@@ -184,12 +668,100 @@ textarea {
   gap: 10px;
 }
 
+.inline-input-row {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: 0;
+}
+
+.inline-input-row input {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.inline-input-row button {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  min-width: 64px;
+}
+
 .config-actions {
   margin: 10px 0;
   align-items: center;
   flex-wrap: wrap;
 }
 
+.order-action-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0;
+  width: 100%;
+  margin-top: 8px;
+}
+
+.order-action-row .order-buy-btn,
+.order-action-row .order-sell-btn {
+  width: 100%;
+  min-height: 40px;
+  border-radius: 0;
+}
+
+.order-action-row .order-buy-btn {
+  background: #1f9d55;
+  color: #ffffff;
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+
+.order-action-row .order-sell-btn {
+  background: #e24646;
+  color: #ffffff;
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+
+.market-pair-row {
+  justify-content: flex-start;
+  gap: 8px;
+  margin-left: 0;
+}
+
+.kline-toolbar {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 6px;
+}
+
+.kline-toolbar .interval-btn {
+  background: #e6edf8;
+  color: #223451;
+  border: 1px solid #c7d4ea;
+  padding: 7px 12px;
+}
+
+.kline-toolbar .interval-btn.is-active {
+  background: #2359d1;
+  color: #fff;
+  border-color: #2359d1;
+}
+
+#coin-kline-canvas,
+#fx-kline-canvas {
+  width: 100%;
+  border: 1px solid #dde4f0;
+  border-radius: 10px;
+  background: #ffffff;
+  margin: 6px 0 10px;
+}
+
+.fx-theme #fx-kline-canvas {
+  background: #f7fbff;
+}
+
+.coin-theme #coin-kline-canvas {
+  background: #fffdf7;
+}
+
 button {
   border: none;
   border-radius: 8px;
@@ -249,6 +821,176 @@ button.is-loading::before {
   word-break: break-all;
 }
 
+.skill-panel {
+  display: grid;
+  gap: 10px;
+}
+
+.skill-panel-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.skill-panel-head h3 {
+  margin: 0;
+}
+
+.skill-state-list {
+  display: grid;
+  gap: 10px;
+}
+
+.skill-card {
+  border: 1px solid #dbe4f1;
+  border-radius: 10px;
+  padding: 12px;
+  background: #f8fbff;
+  display: grid;
+  gap: 10px;
+}
+
+.skill-card.is-disabled {
+  background: #f6f7f9;
+  border-color: #d7dde7;
+}
+
+.skill-card-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 10px;
+}
+
+.skill-card-title {
+  display: grid;
+  gap: 4px;
+}
+
+.skill-card-title strong {
+  font-size: 15px;
+}
+
+.skill-card-title code {
+  color: #5a6a84;
+}
+
+.skill-card-section {
+  display: grid;
+  gap: 6px;
+}
+
+.skill-section-label {
+  color: #62748f;
+  font-size: 12px;
+  font-weight: 700;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+.skill-package-code {
+  color: #334862;
+  word-break: break-all;
+}
+
+.skill-badges {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
+.skill-badge {
+  border-radius: 999px;
+  padding: 3px 8px;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.skill-badge.enabled {
+  background: #dcfce7;
+  color: #166534;
+}
+
+.skill-badge.disabled {
+  background: #fee2e2;
+  color: #991b1b;
+}
+
+.skill-badge.status {
+  background: #e8eef8;
+  color: #294267;
+}
+
+.skill-meta {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px 12px;
+  font-size: 13px;
+}
+
+.skill-meta-row {
+  display: grid;
+  gap: 2px;
+}
+
+.skill-meta-row span {
+  color: #62748f;
+}
+
+.skill-meta-row strong,
+.skill-meta-row code {
+  word-break: break-word;
+}
+
+.skill-tags {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+
+.skill-tag {
+  background: #e7f0ff;
+  color: #1f4d8f;
+  border-radius: 999px;
+  padding: 4px 8px;
+  font-size: 12px;
+}
+
+.skill-tag.permissions {
+  background: #fff1db;
+  color: #8a4b08;
+}
+
+.skill-empty {
+  border: 1px dashed #cbd6e5;
+  border-radius: 10px;
+  padding: 16px;
+  color: #617289;
+  background: #f8fbff;
+}
+
+.browser-skill-shell {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.browser-skill-card {
+  border: 1px solid #dbe4f1;
+  border-radius: 12px;
+  background: #f8fbff;
+  padding: 14px;
+  display: grid;
+  gap: 10px;
+}
+
+.browser-skill-card h3 {
+  margin: 0;
+}
+
 .chat-tools {
   display: flex;
   gap: 8px;
@@ -261,8 +1003,8 @@ button.is-loading::before {
   border: 1px solid #dde4f0;
   border-radius: 12px;
   padding: 12px;
-  min-height: 320px;
-  max-height: 420px;
+  min-height: 280px;
+  max-height: none;
   overflow: auto;
   margin-bottom: 10px;
 }
@@ -299,6 +1041,22 @@ button.is-loading::before {
   justify-self: end;
 }
 
+#tab-ai .panel {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 180px);
+  min-height: 520px;
+}
+
+#tab-ai .messages {
+  flex: 1 1 auto;
+  margin-bottom: 8px;
+}
+
+#tab-ai .composer {
+  flex: 0 0 auto;
+}
+
 .logs-list {
   background: #10141f;
   color: #ddedff;
@@ -377,3 +1135,17 @@ button.is-loading::before {
 .json-value-null {
   color: #9aa6bf;
 }
+
+@media (max-width: 980px) {
+  .positions-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .skill-meta {
+    grid-template-columns: 1fr;
+  }
+
+  .browser-skill-shell {
+    grid-template-columns: 1fr;
+  }
+}