opc-agent 4.0.28 → 4.0.30

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 (3) hide show
  1. package/dist/studio-ui/index.html +11 -11
  2. package/package.json +1 -1
  3. package/src/studio-ui/index.html +11 -11
package/dist/studio-ui/index.html CHANGED
@@ -15,7 +15,7 @@
15
15
  --mono: 'SF Mono', 'Fira Code', monospace;
16
16
  --radius: 10px; --radius-lg: 16px;
17
17
  }
18
- body { font-family: var(--font); background: var(--bg); color: var(--text); min-height: 100vh; font-size: 18px; }
18
+ body { font-family: var(--font); background: var(--bg); color: var(--text); min-height: 100vh; font-size: 14px; line-height: 1.5; }
19
19
  a { color: var(--accent); text-decoration: none; }
20
20
  button { font-family: var(--font); cursor: pointer; border: none; }
21
21
  input, select, textarea { font-family: var(--font); }
@@ -23,19 +23,19 @@
23
23
  /* Layout */
24
24
  .app { display: flex; min-height: 100vh; }
25
25
  .sidebar {
26
- width: 280px; background: var(--bg-card); border-right: 1px solid var(--border);
27
- padding: 20px 16px; display: flex; flex-direction: column; position: fixed; height: 100vh; z-index: 100;
26
+ width: 260px; background: var(--bg-card); border-right: 1px solid var(--border);
27
+ padding: 16px 12px; display: flex; flex-direction: column; position: fixed; height: 100vh; z-index: 100;
28
28
  }
29
- .sidebar-logo { font-size: 24px; font-weight: 700; padding: 16px 20px; margin-bottom: 28px; display: flex; align-items: center; gap: 12px; }
29
+ .sidebar-logo { font-size: 18px; font-weight: 600; padding: 12px 12px; margin-bottom: 20px; display: flex; align-items: center; gap: 8px; }
30
30
  .sidebar-logo span { color: var(--accent); }
31
31
  .nav-item {
32
- display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: var(--radius);
33
- cursor: pointer; color: var(--text-muted); transition: all 0.15s; font-size: 18px; margin-bottom: 4px;
32
+ display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: var(--radius);
33
+ cursor: pointer; color: var(--text-muted); transition: all 0.15s; font-size: 14px; margin-bottom: 2px;
34
34
  }
35
35
  .nav-item:hover { background: var(--bg-hover); color: var(--text); }
36
- .nav-item.active { background: var(--accent-light); color: var(--accent); font-weight: 600; }
37
- .nav-item .icon { width: 28px; text-align: center; font-size: 22px; }
38
- .main { flex: 1; margin-left: 280px; min-height: 100vh; }
36
+ .nav-item.active { background: var(--accent-light); color: var(--accent); font-weight: 500; }
37
+ .nav-item .icon { width: 20px; text-align: center; font-size: 16px; }
38
+ .main { flex: 1; margin-left: 260px; min-height: 100vh; }
39
39
 
40
40
  /* Mobile */
41
41
  .mobile-header { display: none; background: var(--bg-card); border-bottom: 1px solid var(--border); padding: 12px 16px; position: sticky; top: 0; z-index: 50; }
@@ -52,7 +52,7 @@
52
52
  /* Page container */
53
53
  .page { display: none; padding: 32px; max-width: 1200px; margin: 0 auto; }
54
54
  .page.active { display: block; }
55
- .page-title { font-size: 24px; font-weight: 700; margin-bottom: 8px; }
55
+ .page-title { font-size: 32px; font-weight: 600; margin-bottom: 8px; }
56
56
  .page-subtitle { color: var(--text-muted); font-size: 14px; margin-bottom: 24px; }
57
57
 
58
58
  /* Cards */
@@ -61,7 +61,7 @@
61
61
  .card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
62
62
 
63
63
  /* Buttons */
64
- .btn { padding: 10px 20px; border-radius: var(--radius); font-size: 14px; font-weight: 500; transition: all 0.15s; display: inline-flex; align-items: center; gap: 8px; }
64
+ .btn { padding: 6px 16px; border-radius: 6px; font-size: 14px; font-weight: 500; transition: all 0.15s; display: inline-flex; align-items: center; gap: 8px; height: 32px; line-height: 20px; }
65
65
  .btn-primary { background: var(--accent); color: white; }
66
66
  .btn-primary:hover { background: var(--accent-hover); }
67
67
  .btn-secondary { background: var(--bg-hover); color: var(--text); border: 1px solid var(--border); }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "opc-agent",
3
- "version": "4.0.28",
3
+ "version": "4.0.30",
4
4
  "description": "Open Agent Framework — Build, test, and run AI Agents for business workstations",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/studio-ui/index.html CHANGED
@@ -15,7 +15,7 @@
15
15
  --mono: 'SF Mono', 'Fira Code', monospace;
16
16
  --radius: 10px; --radius-lg: 16px;
17
17
  }
18
- body { font-family: var(--font); background: var(--bg); color: var(--text); min-height: 100vh; font-size: 18px; }
18
+ body { font-family: var(--font); background: var(--bg); color: var(--text); min-height: 100vh; font-size: 14px; line-height: 1.5; }
19
19
  a { color: var(--accent); text-decoration: none; }
20
20
  button { font-family: var(--font); cursor: pointer; border: none; }
21
21
  input, select, textarea { font-family: var(--font); }
@@ -23,19 +23,19 @@
23
23
  /* Layout */
24
24
  .app { display: flex; min-height: 100vh; }
25
25
  .sidebar {
26
- width: 280px; background: var(--bg-card); border-right: 1px solid var(--border);
27
- padding: 20px 16px; display: flex; flex-direction: column; position: fixed; height: 100vh; z-index: 100;
26
+ width: 260px; background: var(--bg-card); border-right: 1px solid var(--border);
27
+ padding: 16px 12px; display: flex; flex-direction: column; position: fixed; height: 100vh; z-index: 100;
28
28
  }
29
- .sidebar-logo { font-size: 24px; font-weight: 700; padding: 16px 20px; margin-bottom: 28px; display: flex; align-items: center; gap: 12px; }
29
+ .sidebar-logo { font-size: 18px; font-weight: 600; padding: 12px 12px; margin-bottom: 20px; display: flex; align-items: center; gap: 8px; }
30
30
  .sidebar-logo span { color: var(--accent); }
31
31
  .nav-item {
32
- display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: var(--radius);
33
- cursor: pointer; color: var(--text-muted); transition: all 0.15s; font-size: 18px; margin-bottom: 4px;
32
+ display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: var(--radius);
33
+ cursor: pointer; color: var(--text-muted); transition: all 0.15s; font-size: 14px; margin-bottom: 2px;
34
34
  }
35
35
  .nav-item:hover { background: var(--bg-hover); color: var(--text); }
36
- .nav-item.active { background: var(--accent-light); color: var(--accent); font-weight: 600; }
37
- .nav-item .icon { width: 28px; text-align: center; font-size: 22px; }
38
- .main { flex: 1; margin-left: 280px; min-height: 100vh; }
36
+ .nav-item.active { background: var(--accent-light); color: var(--accent); font-weight: 500; }
37
+ .nav-item .icon { width: 20px; text-align: center; font-size: 16px; }
38
+ .main { flex: 1; margin-left: 260px; min-height: 100vh; }
39
39
 
40
40
  /* Mobile */
41
41
  .mobile-header { display: none; background: var(--bg-card); border-bottom: 1px solid var(--border); padding: 12px 16px; position: sticky; top: 0; z-index: 50; }
@@ -52,7 +52,7 @@
52
52
  /* Page container */
53
53
  .page { display: none; padding: 32px; max-width: 1200px; margin: 0 auto; }
54
54
  .page.active { display: block; }
55
- .page-title { font-size: 24px; font-weight: 700; margin-bottom: 8px; }
55
+ .page-title { font-size: 32px; font-weight: 600; margin-bottom: 8px; }
56
56
  .page-subtitle { color: var(--text-muted); font-size: 14px; margin-bottom: 24px; }
57
57
 
58
58
  /* Cards */
@@ -61,7 +61,7 @@
61
61
  .card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
62
62
 
63
63
  /* Buttons */
64
- .btn { padding: 10px 20px; border-radius: var(--radius); font-size: 14px; font-weight: 500; transition: all 0.15s; display: inline-flex; align-items: center; gap: 8px; }
64
+ .btn { padding: 6px 16px; border-radius: 6px; font-size: 14px; font-weight: 500; transition: all 0.15s; display: inline-flex; align-items: center; gap: 8px; height: 32px; line-height: 20px; }
65
65
  .btn-primary { background: var(--accent); color: white; }
66
66
  .btn-primary:hover { background: var(--accent-hover); }
67
67
  .btn-secondary { background: var(--bg-hover); color: var(--text); border: 1px solid var(--border); }