ugly-app 0.1.545 → 0.1.547

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.
Files changed (21) hide show
  1. package/.pgdata/base/26667/26676 +0 -0
  2. package/.pgdata/base/26667/26684 +0 -0
  3. package/.pgdata/base/26667/26686 +0 -0
  4. package/.pgdata/base/26667/26809 +0 -0
  5. package/.pgdata/base/26667/26817 +0 -0
  6. package/.pgdata/base/26667/26819 +0 -0
  7. package/.pgdata/global/pg_control +0 -0
  8. package/.pgdata/pg_wal/000000010000000000000009 +0 -0
  9. package/.pgdata/pg_xact/0000 +0 -0
  10. package/dist/cli/version.d.ts +1 -1
  11. package/dist/cli/version.js +1 -1
  12. package/dist/client/LoginPopup.d.ts.map +1 -1
  13. package/dist/client/LoginPopup.js +57 -2
  14. package/dist/client/LoginPopup.js.map +1 -1
  15. package/dist/conversation/client/ChatMessageBubble.d.ts.map +1 -1
  16. package/dist/conversation/client/ChatMessageBubble.js +10 -9
  17. package/dist/conversation/client/ChatMessageBubble.js.map +1 -1
  18. package/package.json +1 -1
  19. package/src/cli/version.ts +1 -1
  20. package/src/client/LoginPopup.tsx +79 -4
  21. package/src/conversation/client/ChatMessageBubble.tsx +11 -9
package/.pgdata/base/26667/26676 CHANGED
Binary file
package/.pgdata/base/26667/26684 CHANGED
Binary file
package/.pgdata/base/26667/26686 CHANGED
Binary file
package/.pgdata/base/26667/26809 CHANGED
Binary file
package/.pgdata/base/26667/26817 CHANGED
Binary file
package/.pgdata/base/26667/26819 CHANGED
Binary file
package/.pgdata/global/pg_control CHANGED
Binary file
package/.pgdata/pg_xact/0000 CHANGED
Binary file
package/dist/cli/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const CLI_VERSION = "0.1.545";
1
+ export declare const CLI_VERSION = "0.1.547";
2
2
  //# sourceMappingURL=version.d.ts.map
package/dist/cli/version.js CHANGED
@@ -1,3 +1,3 @@
1
1
  // Auto-generated by prebuild — do not edit manually
2
- export const CLI_VERSION = "0.1.545";
2
+ export const CLI_VERSION = "0.1.547";
3
3
  //# sourceMappingURL=version.js.map
package/dist/client/LoginPopup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LoginPopup.d.ts","sourceRoot":"","sources":["../../src/client/LoginPopup.tsx"],"names":[],"mappings":"AAQA,UAAU,eAAe;IACvB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,MAAc,EAAE,EAAE,eAAe,2CAqExE"}
1
+ {"version":3,"file":"LoginPopup.d.ts","sourceRoot":"","sources":["../../src/client/LoginPopup.tsx"],"names":[],"mappings":"AAQA,UAAU,eAAe;IACvB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,MAAc,EAAE,EAAE,eAAe,2CAgJxE"}
package/dist/client/LoginPopup.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useCallback, useEffect, useState } from 'react';
3
3
  const UGLY_BOT_URL = typeof window !== 'undefined'
4
4
  ? (window.__UGLY_BOT_URL__ ??
@@ -45,6 +45,7 @@ export function LoginPopup({ onSuccess, inline = false }) {
45
45
  }, 500);
46
46
  }
47
47
  }, []);
48
+ const isWaiting = status === 'waiting';
48
49
  return (_jsxs("div", { style: {
49
50
  display: 'flex',
50
51
  flexDirection: 'column',
@@ -52,6 +53,60 @@ export function LoginPopup({ onSuccess, inline = false }) {
52
53
  justifyContent: 'center',
53
54
  ...(inline ? { padding: '24px 32px' } : { minHeight: '100vh' }),
54
55
  gap: 16,
55
- }, children: [status === 'error' && (_jsx("p", { style: { color: 'red' }, children: "Login failed. Please try again." })), _jsx("button", { onClick: openPopup, disabled: status === 'waiting', style: { padding: '12px 24px', fontSize: 16, cursor: 'pointer' }, children: status === 'waiting' ? 'Waiting for login…' : 'Login with ugly.bot' })] }));
56
+ }, children: [_jsx("style", { children: `
57
+ @keyframes ugly-login-spin {
58
+ to { transform: rotate(360deg); }
59
+ }
60
+ .ugly-login-btn {
61
+ display: inline-flex;
62
+ align-items: center;
63
+ justify-content: center;
64
+ gap: 10px;
65
+ padding: 11px 20px;
66
+ font-size: 15px;
67
+ font-weight: 600;
68
+ font-family: inherit;
69
+ line-height: 1.2;
70
+ color: #ffffff;
71
+ background: #18181b;
72
+ border: 1px solid #18181b;
73
+ border-radius: 8px;
74
+ cursor: pointer;
75
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
76
+ transition: background-color 0.15s ease, transform 0.1s ease,
77
+ box-shadow 0.15s ease, opacity 0.15s ease;
78
+ -webkit-tap-highlight-color: transparent;
79
+ }
80
+ .ugly-login-btn:hover:not(:disabled) {
81
+ background: #000000;
82
+ transform: translateY(-1px);
83
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
84
+ }
85
+ .ugly-login-btn:active:not(:disabled) {
86
+ transform: translateY(0);
87
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
88
+ }
89
+ .ugly-login-btn:focus-visible {
90
+ outline: none;
91
+ box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.45);
92
+ }
93
+ .ugly-login-btn:disabled {
94
+ cursor: default;
95
+ opacity: 0.65;
96
+ }
97
+ .ugly-login-spinner {
98
+ width: 15px;
99
+ height: 15px;
100
+ border: 2px solid rgba(255, 255, 255, 0.35);
101
+ border-top-color: #ffffff;
102
+ border-radius: 50%;
103
+ animation: ugly-login-spin 0.7s linear infinite;
104
+ }
105
+ ` }), status === 'error' && (_jsx("p", { style: {
106
+ margin: 0,
107
+ color: '#dc2626',
108
+ fontSize: 14,
109
+ fontWeight: 500,
110
+ }, children: "Login failed. Please try again." })), _jsx("button", { type: "button", className: "ugly-login-btn", onClick: openPopup, disabled: isWaiting, "aria-busy": isWaiting, children: isWaiting ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "ugly-login-spinner", "aria-hidden": "true" }), "Signing in\u2026"] })) : (_jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", style: { fontSize: 16, lineHeight: 1 }, children: "\uD83E\uDD16" }), "Login with ugly.bot"] })) })] }));
56
111
  }
57
112
  //# sourceMappingURL=LoginPopup.js.map
package/dist/client/LoginPopup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LoginPopup.js","sourceRoot":"","sources":["../../src/client/LoginPopup.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"LoginPopup.js","sourceRoot":"","sources":["../../src/client/LoginPopup.tsx"],"names":[],"mappings":"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"}
package/dist/conversation/client/ChatMessageBubble.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/conversation/client/ChatMessageBubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACpB;AAsGD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAoD/E"}
1
+ {"version":3,"file":"ChatMessageBubble.d.ts","sourceRoot":"","sources":["../../../src/conversation/client/ChatMessageBubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACpB;AAwGD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAoD/E"}
package/dist/conversation/client/ChatMessageBubble.js CHANGED
@@ -6,12 +6,13 @@ const rowStyle = {
6
6
  flexDirection: 'row',
7
7
  alignItems: 'flex-start',
8
8
  gap: 8,
9
- padding: '2px 12px',
9
+ padding: '1px 14px',
10
10
  };
11
11
  const rowWithHeaderStyle = {
12
12
  ...rowStyle,
13
13
  paddingTop: 6,
14
14
  };
15
+ const AVATAR_SIZE = 24;
15
16
  // Inline lucide "bot" glyph — the framework has no lucide dependency, and a
16
17
  // small muted robot mark next to a bot's name matches chat apps' convention
17
18
  // (and avoids an emoji). Sized to sit on the name baseline.
@@ -19,19 +20,19 @@ function BotMark() {
19
20
  return (_jsxs("svg", { width: 13, height: 13, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", style: { color: 'var(--app-foreground)', opacity: 0.45, flexShrink: 0 }, "aria-label": "Bot", children: [_jsx("path", { d: "M12 8V4H8" }), _jsx("rect", { width: 16, height: 12, x: 4, y: 8, rx: 2 }), _jsx("path", { d: "M2 14h2" }), _jsx("path", { d: "M20 14h2" }), _jsx("path", { d: "M15 13v2" }), _jsx("path", { d: "M9 13v2" })] }));
20
21
  }
21
22
  const avatarStyle = {
22
- width: 32,
23
- height: 32,
23
+ width: AVATAR_SIZE,
24
+ height: AVATAR_SIZE,
24
25
  borderRadius: '50%',
25
26
  display: 'flex',
26
27
  alignItems: 'center',
27
28
  justifyContent: 'center',
28
- fontSize: 14,
29
+ fontSize: 11,
29
30
  fontWeight: 600,
30
31
  color: '#fff',
31
32
  flexShrink: 0,
32
33
  };
33
34
  const avatarPlaceholderStyle = {
34
- width: 32,
35
+ width: AVATAR_SIZE,
35
36
  flexShrink: 0,
36
37
  };
37
38
  const contentColumnStyle = {
@@ -42,13 +43,13 @@ const contentColumnStyle = {
42
43
  };
43
44
  const headerStyle = {
44
45
  display: 'flex',
45
- alignItems: 'baseline',
46
- gap: 6,
47
- marginBottom: 2,
46
+ alignItems: 'center',
47
+ gap: 5,
48
+ marginBottom: 1,
48
49
  };
49
50
  const nameStyle = {
50
51
  fontWeight: 600,
51
- fontSize: 14,
52
+ fontSize: 13,
52
53
  color: 'var(--app-foreground)',
53
54
  };
54
55
  const bodyStyle = {
package/dist/conversation/client/ChatMessageBubble.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageBubble.js","sourceRoot":"","sources":["../../../src/conversation/client/ChatMessageBubble.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAOvD,MAAM,QAAQ,GAAkB;IAC9B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,YAAY;IACxB,GAAG,EAAE,CAAC;IACN,OAAO,EAAE,UAAU;CACpB,CAAC;AAEF,MAAM,kBAAkB,GAAkB;IACxC,GAAG,QAAQ;IACX,UAAU,EAAE,CAAC;CACd,CAAC;AAEF,4EAA4E;AAC5E,4EAA4E;AAC5E,4DAA4D;AAC5D,SAAS,OAAO;IACd,OAAO,CACL,eACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,gBAC5D,KAAK,aAEhB,eAAM,CAAC,EAAC,WAAW,GAAG,EACtB,eAAM,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,EAClD,eAAM,CAAC,EAAC,SAAS,GAAG,EACpB,eAAM,CAAC,EAAC,UAAU,GAAG,EACrB,eAAM,CAAC,EAAC,UAAU,GAAG,EACrB,eAAM,CAAC,EAAC,SAAS,GAAG,IAChB,CACP,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAkB;IACjC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,CAAC;CACd,CAAC;AAEF,MAAM,sBAAsB,GAAkB;IAC5C,KAAK,EAAE,EAAE;IACT,UAAU,EAAE,CAAC;CACd,CAAC;AAEF,MAAM,kBAAkB,GAAkB;IACxC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,CAAC;IACX,IAAI,EAAE,CAAC;CACR,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,UAAU;IACtB,GAAG,EAAE,CAAC;IACN,YAAY,EAAE,CAAC;CAChB,CAAC;AAEF,MAAM,SAAS,GAAkB;IAC/B,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,uBAAuB;CAC/B,CAAC;AAEF,MAAM,SAAS,GAAkB;IAC/B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,uBAAuB;CAC/B,CAAC;AAEF,MAAM,QAAQ,GAAkC;IAC9C,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE;IACvC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;IAC3B,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,OAAO,EAAE,GAAG,EAAE;CACtD,CAAC;AAEF,oDAAoD;AACpD,SAAS,WAAW,CAAC,MAAc;IACjC,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;IAClF,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAChD,CAAC;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAA0B;IAC9E,MAAM,GAAG,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,IAAI,EAAE,IAAI,IAAI,SAAS,CAAC;IAC5C,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAEpD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,GAAG,CAAC,oBAAoB,CACtB,GAAG,CAAC,iBAAiB,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CACzD,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,cAAK,KAAK,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,UAAU,EAAE,YACxC,GAAG,CAAC,aAAa;YAChB,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,GAAG,CAAC;YACjC,CAAC,CAAC,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,EAAE,GAAI,GAC7C,CACP,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,CAAC,aAAa;QAC/B,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC;QAC3C,CAAC,CAAC,aAAa,EAAE,CAAC;IAEpB,OAAO,CACL,kCACmB,OAAO,CAAC,EAAE,EAC3B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,EAChD,OAAO,EAAE,WAAW,aAEnB,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,KAAK,EAAE,sBAAsB,GAAI,CACvC,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CACpB,cAAK,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,GAAI,CACnF,CAAC,CAAC,CAAC,CACF,cAAK,KAAK,EAAE,EAAE,GAAG,WAAW,EAAE,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,YACzE,OAAO,GACJ,CACP,EACD,eAAK,KAAK,EAAE,kBAAkB,aAC3B,CAAC,SAAS,IAAI,CACb,eAAK,KAAK,EAAE,WAAW,aACrB,eAAM,KAAK,EAAE,SAAS,YAAG,WAAW,GAAQ,EAC3C,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC,CAAC,IAAI,IAC7B,CACP,EACA,OAAO,IACJ,IACF,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"ChatMessageBubble.js","sourceRoot":"","sources":["../../../src/conversation/client/ChatMessageBubble.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ugly-app",
3
- "version": "0.1.545",
3
+ "version": "0.1.547",
4
4
  "type": "module",
5
5
  "main": "./dist/server/index.js",
6
6
  "exports": {
package/src/cli/version.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  // Auto-generated by prebuild — do not edit manually
2
- export const CLI_VERSION = "0.1.545";
2
+ export const CLI_VERSION = "0.1.547";
package/src/client/LoginPopup.tsx CHANGED
@@ -58,6 +58,8 @@ export function LoginPopup({ onSuccess, inline = false }: LoginPopupProps) {
58
58
  }
59
59
  }, []);
60
60
 
61
+ const isWaiting = status === 'waiting';
62
+
61
63
  return (
62
64
  <div
63
65
  style={{
@@ -69,15 +71,88 @@ export function LoginPopup({ onSuccess, inline = false }: LoginPopupProps) {
69
71
  gap: 16,
70
72
  }}
71
73
  >
74
+ <style>{`
75
+ @keyframes ugly-login-spin {
76
+ to { transform: rotate(360deg); }
77
+ }
78
+ .ugly-login-btn {
79
+ display: inline-flex;
80
+ align-items: center;
81
+ justify-content: center;
82
+ gap: 10px;
83
+ padding: 11px 20px;
84
+ font-size: 15px;
85
+ font-weight: 600;
86
+ font-family: inherit;
87
+ line-height: 1.2;
88
+ color: #ffffff;
89
+ background: #18181b;
90
+ border: 1px solid #18181b;
91
+ border-radius: 8px;
92
+ cursor: pointer;
93
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
94
+ transition: background-color 0.15s ease, transform 0.1s ease,
95
+ box-shadow 0.15s ease, opacity 0.15s ease;
96
+ -webkit-tap-highlight-color: transparent;
97
+ }
98
+ .ugly-login-btn:hover:not(:disabled) {
99
+ background: #000000;
100
+ transform: translateY(-1px);
101
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
102
+ }
103
+ .ugly-login-btn:active:not(:disabled) {
104
+ transform: translateY(0);
105
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
106
+ }
107
+ .ugly-login-btn:focus-visible {
108
+ outline: none;
109
+ box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.45);
110
+ }
111
+ .ugly-login-btn:disabled {
112
+ cursor: default;
113
+ opacity: 0.65;
114
+ }
115
+ .ugly-login-spinner {
116
+ width: 15px;
117
+ height: 15px;
118
+ border: 2px solid rgba(255, 255, 255, 0.35);
119
+ border-top-color: #ffffff;
120
+ border-radius: 50%;
121
+ animation: ugly-login-spin 0.7s linear infinite;
122
+ }
123
+ `}</style>
72
124
  {status === 'error' && (
73
- <p style={{ color: 'red' }}>Login failed. Please try again.</p>
125
+ <p
126
+ style={{
127
+ margin: 0,
128
+ color: '#dc2626',
129
+ fontSize: 14,
130
+ fontWeight: 500,
131
+ }}
132
+ >
133
+ Login failed. Please try again.
134
+ </p>
74
135
  )}
75
136
  <button
137
+ type="button"
138
+ className="ugly-login-btn"
76
139
  onClick={openPopup}
77
- disabled={status === 'waiting'}
78
- style={{ padding: '12px 24px', fontSize: 16, cursor: 'pointer' }}
140
+ disabled={isWaiting}
141
+ aria-busy={isWaiting}
79
142
  >
80
- {status === 'waiting' ? 'Waiting for login…' : 'Login with ugly.bot'}
143
+ {isWaiting ? (
144
+ <>
145
+ <span className="ugly-login-spinner" aria-hidden="true" />
146
+ Signing in…
147
+ </>
148
+ ) : (
149
+ <>
150
+ <span aria-hidden="true" style={{ fontSize: 16, lineHeight: 1 }}>
151
+ 🤖
152
+ </span>
153
+ Login with ugly.bot
154
+ </>
155
+ )}
81
156
  </button>
82
157
  </div>
83
158
  );
package/src/conversation/client/ChatMessageBubble.tsx CHANGED
@@ -13,7 +13,7 @@ const rowStyle: CSSProperties = {
13
13
  flexDirection: 'row',
14
14
  alignItems: 'flex-start',
15
15
  gap: 8,
16
- padding: '2px 12px',
16
+ padding: '1px 14px',
17
17
  };
18
18
 
19
19
  const rowWithHeaderStyle: CSSProperties = {
@@ -21,6 +21,8 @@ const rowWithHeaderStyle: CSSProperties = {
21
21
  paddingTop: 6,
22
22
  };
23
23
 
24
+ const AVATAR_SIZE = 24;
25
+
24
26
  // Inline lucide "bot" glyph — the framework has no lucide dependency, and a
25
27
  // small muted robot mark next to a bot's name matches chat apps' convention
26
28
  // (and avoids an emoji). Sized to sit on the name baseline.
@@ -49,20 +51,20 @@ function BotMark() {
49
51
  }
50
52
 
51
53
  const avatarStyle: CSSProperties = {
52
- width: 32,
53
- height: 32,
54
+ width: AVATAR_SIZE,
55
+ height: AVATAR_SIZE,
54
56
  borderRadius: '50%',
55
57
  display: 'flex',
56
58
  alignItems: 'center',
57
59
  justifyContent: 'center',
58
- fontSize: 14,
60
+ fontSize: 11,
59
61
  fontWeight: 600,
60
62
  color: '#fff',
61
63
  flexShrink: 0,
62
64
  };
63
65
 
64
66
  const avatarPlaceholderStyle: CSSProperties = {
65
- width: 32,
67
+ width: AVATAR_SIZE,
66
68
  flexShrink: 0,
67
69
  };
68
70
 
@@ -75,14 +77,14 @@ const contentColumnStyle: CSSProperties = {
75
77
 
76
78
  const headerStyle: CSSProperties = {
77
79
  display: 'flex',
78
- alignItems: 'baseline',
79
- gap: 6,
80
- marginBottom: 2,
80
+ alignItems: 'center',
81
+ gap: 5,
82
+ marginBottom: 1,
81
83
  };
82
84
 
83
85
  const nameStyle: CSSProperties = {
84
86
  fontWeight: 600,
85
- fontSize: 14,
87
+ fontSize: 13,
86
88
  color: 'var(--app-foreground)',
87
89
  };
88
90