useyuva 0.0.24 → 0.0.26

package/dist/types/client/api.d.ts

@@ -42,6 +42,10 @@ export type ClientSubscriptionList = Schemas["ClientSubscriptionList"];
 export type ClientSubscriptionPut = Schemas["ClientSubscriptionPut"];
 export type ClientSubscriptionStatus = Schemas["ClientSubscriptionStatus"];
 export type SubscriptionState = Schemas["SubscriptionState"];
+export type PublicStatusPage = Schemas["PublicStatusPage"];
+export type PublicStatusComponent = Schemas["PublicStatusComponent"];
+export type PublicStatusDay = Schemas["PublicStatusDay"];
+export type StatusState = Schemas["StatusComponentStateValue"];
 export type Fetch = (url: string, init: RequestInit) => Promise<Response>;
 export declare class ApiError extends Error {
     readonly status: number;

package/dist/types/panel/styles.d.ts

@@ -1 +1 @@
-export declare const styles = "\n[hidden] { display: none !important; }\n.header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding-block: 12px;\n  padding-inline: 14px 10px;\n  background: var(--yuva-accent);\n  color: var(--yuva-on-accent);\n}\n.heading { flex: 1; min-inline-size: 0; }\n.title {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.status { display: flex; align-items: center; gap: 6px; font-size: 13px; opacity: 0.9; }\n.dot { inline-size: 8px; block-size: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 2px rgb(255 255 255 / 0.6); }\n.dot.away { background: #9ca3af; }\n.avatars { display: flex; }\n.avatars .avatar { margin-inline-start: -8px; box-shadow: 0 0 0 2px var(--yuva-accent); }\n.avatars .avatar:first-child { margin-inline-start: 0; }\n.avatar {\n  display: grid;\n  place-items: center;\n  flex: none;\n  inline-size: 28px;\n  block-size: 28px;\n  border-radius: 50%;\n  background: var(--yuva-soft);\n  color: var(--yuva-fg);\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n}\n.icon {\n  display: grid;\n  place-items: center;\n  flex: none;\n  inline-size: 32px;\n  block-size: 32px;\n  padding: 0;\n  border: 0;\n  border-radius: 8px;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n}\n.icon:hover { background: rgb(127 127 127 / 0.18); }\n.icon:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }\n[dir=\"rtl\"] .flip { transform: scaleX(-1); }\n.body { position: relative; flex: 1; min-block-size: 0; display: flex; flex-direction: column; }\n.scroll { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 14px; display: flex; flex-direction: column; gap: 4px; }\n.center { flex: 1; display: grid; place-content: center; gap: 6px; padding: 24px; text-align: center; }\n.empty { margin: 0; font-weight: 600; }\n.hint { margin: 0; color: var(--yuva-muted); font-size: 14px; }\n.list { list-style: none; margin: 0; padding: 6px; overflow-y: auto; flex: 1; }\n.item {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  inline-size: 100%;\n  padding: 10px;\n  border: 0;\n  border-radius: 10px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n}\n.item:hover, .item:focus-visible { background: var(--yuva-soft); outline: none; }\n.item-main { flex: 1; min-inline-size: 0; }\n.item-top { display: flex; gap: 8px; justify-content: space-between; }\n.item-subject, .item-preview { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.item-subject { font-weight: 600; }\n.item-preview { color: var(--yuva-muted); font-size: 14px; }\n.item.unread .item-preview { color: var(--yuva-fg); font-weight: 600; }\n.item-time { flex: none; color: var(--yuva-muted); font-size: 12px; }\n.unread-dot { flex: none; inline-size: 9px; block-size: 9px; border-radius: 50%; background: var(--yuva-accent); }\n.primary {\n  margin: 10px;\n  padding: 10px 14px;\n  border: 0;\n  border-radius: 10px;\n  background: var(--yuva-accent);\n  color: var(--yuva-on-accent);\n  font: inherit;\n  font-weight: 600;\n  cursor: pointer;\n}\n.row { display: flex; gap: 8px; align-items: flex-end; max-inline-size: 85%; }\n.row.mine { align-self: flex-end; }\n.row.theirs .avatar { margin-block-end: 2px; }\n.avatar img { inline-size: 100%; block-size: 100%; border-radius: 50%; object-fit: cover; }\n.group-gap { margin-block-start: 8px; }\n.author { margin: 6px 0 2px; margin-inline-start: 36px; color: var(--yuva-muted); font-size: 12px; }\n.bubble {\n  padding: 8px 12px;\n  border-radius: 16px;\n  background: var(--yuva-soft);\n  overflow-wrap: anywhere;\n  white-space: normal;\n}\n.mine .bubble { background: var(--yuva-accent); color: var(--yuva-on-accent); border-end-end-radius: 4px; }\n.theirs .bubble { border-end-start-radius: 4px; }\n.bubble a { color: inherit; text-decoration: underline; }\n.bubble code { font-family: ui-monospace, Menlo, monospace; font-size: 13px; padding: 1px 4px; border-radius: 4px; background: rgb(127 127 127 / 0.2); }\n.bubble pre { margin: 4px 0; padding: 8px; border-radius: 8px; background: rgb(127 127 127 / 0.2); font-family: ui-monospace, Menlo, monospace; font-size: 13px; white-space: pre-wrap; }\n.greeting { align-self: flex-start; max-inline-size: 85%; }\n.files { display: flex; flex-direction: column; gap: 4px; margin-block-start: 4px; }\n.files img { display: block; max-inline-size: 100%; max-block-size: 220px; border-radius: 10px; cursor: zoom-in; }\n.file {\n  display: inline-flex;\n  gap: 6px;\n  align-items: center;\n  padding: 6px 10px;\n  border: 1px solid currentColor;\n  border-radius: 8px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  font-size: 13px;\n  cursor: pointer;\n}\n.meta { align-self: flex-end; color: var(--yuva-muted); font-size: 12px; margin-block-start: 2px; }\n.meta.failed { color: var(--yuva-danger); }\n.link { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }\n.typing { display: flex; gap: 6px; align-items: center; color: var(--yuva-muted); font-size: 13px; margin-block-start: 6px; }\n.typing i { display: inline-block; inline-size: 6px; block-size: 6px; border-radius: 50%; background: currentColor; animation: blink 1.2s infinite both; }\n.typing i:nth-child(2) { animation-delay: 0.2s; }\n.typing i:nth-child(3) { animation-delay: 0.4s; }\n@keyframes blink { 0%, 80%, 100% { opacity: 0.25; } 40% { opacity: 1; } }\n@media (prefers-reduced-motion: reduce) { .typing i { animation: none; } }\n.card { margin-block-start: 10px; padding: 12px; border: 1px solid var(--yuva-border); border-radius: 12px; font-size: 14px; }\n.card p { margin: 0 0 8px; }\n.card form { display: flex; gap: 6px; }\n.card input {\n  flex: 1;\n  min-inline-size: 0;\n  padding: 8px 10px;\n  border: 1px solid var(--yuva-border);\n  border-radius: 8px;\n  background: var(--yuva-bg);\n  color: inherit;\n  font: inherit;\n}\n.card button { padding: 8px 12px; border: 0; border-radius: 8px; background: var(--yuva-accent); color: var(--yuva-on-accent); font: inherit; font-weight: 600; cursor: pointer; }\n.card .error { margin: 6px 0 0; color: var(--yuva-danger); }\n.card button:disabled { opacity: 0.6; cursor: default; }\n.rate { text-align: center; }\n.choices { display: flex; justify-content: center; gap: 10px; }\n.card .choice { inline-size: 44px; block-size: 44px; padding: 0; border: 1px solid var(--yuva-border); border-radius: 50%; background: var(--yuva-bg); font-size: 20px; line-height: 1; }\n.card .choice:hover:not(:disabled), .card .choice[aria-pressed=\"true\"] { border-color: var(--yuva-accent); box-shadow: 0 0 0 1px var(--yuva-accent); }\n.card .choice:disabled { opacity: 1; }\n.card .choice:focus-visible { outline: 2px solid var(--yuva-accent); outline-offset: 2px; }\n.rate .choices + p { margin: 8px 0 0; }\n.rate form { flex-direction: column; margin-block-start: 10px; }\n.rate textarea { box-sizing: border-box; inline-size: 100%; padding: 8px 10px; border: 1px solid var(--yuva-border); border-radius: 8px; background: var(--yuva-bg); color: inherit; font: inherit; resize: vertical; }\n.rate .actions { display: flex; justify-content: flex-end; align-items: center; gap: 14px; }\n.card .link { padding: 0; background: none; color: var(--yuva-muted); font-weight: 400; }\n.composer { border-block-start: 1px solid var(--yuva-border); padding: 8px; }\n.composer form { display: flex; gap: 4px; align-items: flex-end; }\n.composer textarea {\n  flex: 1;\n  min-inline-size: 0;\n  box-sizing: border-box;\n  block-size: 38px;\n  max-block-size: 140px;\n  padding: 8px 10px;\n  border: 0;\n  border-radius: 10px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  resize: none;\n  outline: none;\n}\n.composer .icon { color: var(--yuva-muted); }\n.composer .send { color: var(--yuva-accent); }\n.composer .send:disabled { opacity: 0.4; cursor: default; }\n.chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 6px 6px; }\n.chip { display: inline-flex; gap: 4px; align-items: center; max-inline-size: 100%; padding: 2px 4px 2px 10px; border-radius: 999px; background: var(--yuva-soft); font-size: 13px; }\n.chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-inline-size: 180px; }\n.chip .icon { inline-size: 22px; block-size: 22px; }\n.banner { padding: 6px 12px; background: var(--yuva-soft); color: var(--yuva-muted); font-size: 13px; text-align: center; }\n@media (max-width: 480px) { .composer textarea, .card input, .card textarea { font-size: 16px; } }\n.sr { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }\n";
+export declare const styles = "\n[hidden] { display: none !important; }\n.header {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding-block: 12px;\n  padding-inline: 14px 10px;\n  background: var(--yuva-accent);\n  color: var(--yuva-on-accent);\n}\n.heading { flex: 1; min-inline-size: 0; }\n.title {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.status { display: flex; align-items: center; gap: 6px; font-size: 13px; opacity: 0.9; }\n.dot { inline-size: 8px; block-size: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 2px rgb(255 255 255 / 0.6); }\n.dot.away { background: #9ca3af; }\n.avatars { display: flex; }\n.avatars .avatar { margin-inline-start: -8px; box-shadow: 0 0 0 2px var(--yuva-accent); }\n.avatars .avatar:first-child { margin-inline-start: 0; }\n.avatar {\n  display: grid;\n  place-items: center;\n  flex: none;\n  inline-size: 28px;\n  block-size: 28px;\n  border-radius: 50%;\n  background: var(--yuva-soft);\n  color: var(--yuva-fg);\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n}\n.icon {\n  display: grid;\n  place-items: center;\n  flex: none;\n  inline-size: 32px;\n  block-size: 32px;\n  padding: 0;\n  border: 0;\n  border-radius: 8px;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n}\n.icon:hover { background: rgb(127 127 127 / 0.18); }\n.icon:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }\n[dir=\"rtl\"] .flip { transform: scaleX(-1); }\n.body { position: relative; flex: 1; min-block-size: 0; display: flex; flex-direction: column; }\n.scroll { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 14px; display: flex; flex-direction: column; gap: 4px; }\n.center { flex: 1; display: grid; place-content: center; gap: 6px; padding: 24px; text-align: center; }\n.empty { margin: 0; font-weight: 600; }\n.hint { margin: 0; color: var(--yuva-muted); font-size: 14px; }\n.list { list-style: none; margin: 0; padding: 6px; overflow-y: auto; flex: 1; }\n.item {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  inline-size: 100%;\n  padding: 10px;\n  border: 0;\n  border-radius: 10px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: start;\n  cursor: pointer;\n}\n.item:hover, .item:focus-visible { background: var(--yuva-soft); outline: none; }\n.item-main { flex: 1; min-inline-size: 0; }\n.item-top { display: flex; gap: 8px; justify-content: space-between; }\n.item-subject, .item-preview { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.item-subject { font-weight: 600; }\n.item-preview { color: var(--yuva-muted); font-size: 14px; }\n.item.unread .item-preview { color: var(--yuva-fg); font-weight: 600; }\n.item-state { flex: none; margin-inline-start: auto; color: var(--yuva-muted); font-size: 12px; }\n.hint.resolved { text-align: center; }\n.item-time { flex: none; color: var(--yuva-muted); font-size: 12px; }\n.unread-dot { flex: none; inline-size: 9px; block-size: 9px; border-radius: 50%; background: var(--yuva-accent); }\n.primary {\n  margin: 10px;\n  padding: 10px 14px;\n  border: 0;\n  border-radius: 10px;\n  background: var(--yuva-accent);\n  color: var(--yuva-on-accent);\n  font: inherit;\n  font-weight: 600;\n  cursor: pointer;\n}\n.row { display: flex; gap: 8px; align-items: flex-end; max-inline-size: 85%; }\n.row.mine { align-self: flex-end; }\n.row.theirs .avatar { margin-block-end: 2px; }\n.avatar img { inline-size: 100%; block-size: 100%; border-radius: 50%; object-fit: cover; }\n.group-gap { margin-block-start: 8px; }\n.author { margin: 6px 0 2px; margin-inline-start: 36px; color: var(--yuva-muted); font-size: 12px; }\n.bubble {\n  padding: 8px 12px;\n  border-radius: 16px;\n  background: var(--yuva-soft);\n  overflow-wrap: anywhere;\n  white-space: normal;\n}\n.mine .bubble { background: var(--yuva-accent); color: var(--yuva-on-accent); border-end-end-radius: 4px; }\n.theirs .bubble { border-end-start-radius: 4px; }\n.bubble a { color: inherit; text-decoration: underline; }\n.bubble code { font-family: ui-monospace, Menlo, monospace; font-size: 13px; padding: 1px 4px; border-radius: 4px; background: rgb(127 127 127 / 0.2); }\n.bubble pre { margin: 4px 0; padding: 8px; border-radius: 8px; background: rgb(127 127 127 / 0.2); font-family: ui-monospace, Menlo, monospace; font-size: 13px; white-space: pre-wrap; }\n.greeting { align-self: flex-start; max-inline-size: 85%; }\n.files { display: flex; flex-direction: column; gap: 4px; margin-block-start: 4px; }\n.files img { display: block; max-inline-size: 100%; max-block-size: 220px; border-radius: 10px; cursor: zoom-in; }\n.file {\n  display: inline-flex;\n  gap: 6px;\n  align-items: center;\n  padding: 6px 10px;\n  border: 1px solid currentColor;\n  border-radius: 8px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  font-size: 13px;\n  cursor: pointer;\n}\n.meta { align-self: flex-end; color: var(--yuva-muted); font-size: 12px; margin-block-start: 2px; }\n.meta.failed { color: var(--yuva-danger); }\n.link { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }\n.typing { display: flex; gap: 6px; align-items: center; color: var(--yuva-muted); font-size: 13px; margin-block-start: 6px; }\n.typing i { display: inline-block; inline-size: 6px; block-size: 6px; border-radius: 50%; background: currentColor; animation: blink 1.2s infinite both; }\n.typing i:nth-child(2) { animation-delay: 0.2s; }\n.typing i:nth-child(3) { animation-delay: 0.4s; }\n@keyframes blink { 0%, 80%, 100% { opacity: 0.25; } 40% { opacity: 1; } }\n@media (prefers-reduced-motion: reduce) { .typing i { animation: none; } }\n.card { margin-block-start: 10px; padding: 12px; border: 1px solid var(--yuva-border); border-radius: 12px; font-size: 14px; }\n.card p { margin: 0 0 8px; }\n.card form { display: flex; gap: 6px; }\n.card input {\n  flex: 1;\n  min-inline-size: 0;\n  padding: 8px 10px;\n  border: 1px solid var(--yuva-border);\n  border-radius: 8px;\n  background: var(--yuva-bg);\n  color: inherit;\n  font: inherit;\n}\n.card button { padding: 8px 12px; border: 0; border-radius: 8px; background: var(--yuva-accent); color: var(--yuva-on-accent); font: inherit; font-weight: 600; cursor: pointer; }\n.card .error { margin: 6px 0 0; color: var(--yuva-danger); }\n.card button:disabled { opacity: 0.6; cursor: default; }\n.rate { text-align: center; }\n.choices { display: flex; justify-content: center; gap: 10px; }\n.card .choice { inline-size: 44px; block-size: 44px; padding: 0; border: 1px solid var(--yuva-border); border-radius: 50%; background: var(--yuva-bg); font-size: 20px; line-height: 1; }\n.card .choice:hover:not(:disabled), .card .choice[aria-pressed=\"true\"] { border-color: var(--yuva-accent); box-shadow: 0 0 0 1px var(--yuva-accent); }\n.card .choice:disabled { opacity: 1; }\n.card .choice:focus-visible { outline: 2px solid var(--yuva-accent); outline-offset: 2px; }\n.rate .choices + p { margin: 8px 0 0; }\n.rate form { flex-direction: column; margin-block-start: 10px; }\n.rate textarea { box-sizing: border-box; inline-size: 100%; padding: 8px 10px; border: 1px solid var(--yuva-border); border-radius: 8px; background: var(--yuva-bg); color: inherit; font: inherit; resize: vertical; }\n.rate .actions { display: flex; justify-content: flex-end; align-items: center; gap: 14px; }\n.card .link { padding: 0; background: none; color: var(--yuva-muted); font-weight: 400; }\n.composer { border-block-start: 1px solid var(--yuva-border); padding: 8px; }\n.composer form { display: flex; gap: 4px; align-items: flex-end; }\n.composer textarea {\n  flex: 1;\n  min-inline-size: 0;\n  box-sizing: border-box;\n  block-size: 38px;\n  max-block-size: 140px;\n  padding: 8px 10px;\n  border: 0;\n  border-radius: 10px;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  resize: none;\n  outline: none;\n}\n.composer .icon { color: var(--yuva-muted); }\n.composer .send { color: var(--yuva-accent); }\n.composer .send:disabled { opacity: 0.4; cursor: default; }\n.chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 6px 6px; }\n.chip { display: inline-flex; gap: 4px; align-items: center; max-inline-size: 100%; padding: 2px 4px 2px 10px; border-radius: 999px; background: var(--yuva-soft); font-size: 13px; }\n.chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-inline-size: 180px; }\n.chip .icon { inline-size: 22px; block-size: 22px; }\n.banner { padding: 6px 12px; background: var(--yuva-soft); color: var(--yuva-muted); font-size: 13px; text-align: center; }\n@media (max-width: 480px) { .composer textarea, .card input, .card textarea { font-size: 16px; } }\n.notice { display: flex; align-items: center; gap: 6px; margin: 8px 8px 0; padding-block: 6px; padding-inline: 10px 4px; border-inline-start: 3px solid var(--yuva-muted); border-radius: 8px; background: var(--yuva-soft); font-size: 13px; }\n.notice-text { flex: 1; min-inline-size: 0; overflow-wrap: anywhere; }\n.notice a { color: inherit; text-decoration: underline; }\n.notice .icon { inline-size: 24px; block-size: 24px; color: var(--yuva-muted); }\n.notice.impact-minor { border-inline-start-color: #d97706; }\n.notice.impact-major { border-inline-start-color: #ea580c; }\n.notice.impact-critical { border-inline-start-color: var(--yuva-danger); }\n.sr { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }\n";