Implement managed browser security, individual agents and observability

apps/browser/style.css

@@ -1682,3 +1682,37 @@ body[data-theme=dark] .favorite-icon {
 /* Company links remain readable when the library is locked; mutation controls disappear. */
 .bookmark-row{display:flex;align-items:center;gap:4px;margin:4px 0}.bookmark-link{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-action{font-size:10px;padding:5px}.bookmark-section-label{font-size:11px;font-weight:600;opacity:.7;margin:12px 0 6px}
 #bookmark-editor{color:var(--text,#202632);background:var(--surface,#edf1f6);border:1px solid #8885;border-radius:22px;padding:24px;width:min(420px,80vw);box-shadow:0 24px 80px #0005}#bookmark-editor::backdrop{background:#17233b55;backdrop-filter:blur(8px)}#bookmark-editor label{display:block;margin:12px 0}#bookmark-editor input{display:block;width:100%;box-sizing:border-box;margin-top:5px}#bookmark-editor-error{color:#d53939;font-size:12px}.bookmark-notice{font-size:12px;opacity:.75}
+
+/* Fixed icon/title/badge rows prevent a managed bookmark from shifting its icon. */
+#favorites-grid .favorite-card {display:grid;grid-template-rows:64px 18px 14px;gap:8px;justify-items:center;align-content:start;min-width:0;align-self:start;}
+.company-logo {display:block;max-width:100%;object-fit:contain;}
+.brand-monogram .company-logo {width:36px;height:36px;}
+.start-company-logo {width:auto;max-width:260px;height:72px;margin:0 0 20px;object-position:left center;}
+.company-surface-brand {display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:600;padding:12px 16px;}
+.company-surface-brand .company-logo {width:28px;height:28px;}
+#welcome>.company-surface-brand {position:absolute;top:24px;left:24px;}
+.start-subtitle {color:var(--muted);font-size:16px;line-height:1.5;margin:10px 0 28px;max-width:650px;}
+.company-news-items {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;}
+.company-news-card {display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:10px;border-radius:16px;padding:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface,#fff) 65%,transparent);color:inherit;min-height:100px;transition:transform .2s,box-shadow .2s;}
+.company-news-card:hover {transform:translateY(-2px);box-shadow:0 8px 24px #0000000c;}
+.company-news-card:hover strong {color:var(--company-accent,var(--accent));}
+#start-brand-name {color:var(--company-accent,var(--accent));}
+.company-news-card strong {font-size:14px;line-height:1.5;overflow-wrap:anywhere;}
+.company-news-card time,.company-news-empty {font-size:12px;color:var(--muted);}
+#favorites-grid .favorite-card .favorite-icon {grid-row:1;width:64px;height:64px;}
+#favorites-grid .favorite-card strong {grid-row:2;line-height:18px;max-width:100%;}
+#favorites-grid .favorite-badge {grid-row:3;line-height:14px;color:var(--muted);}
+.library-links .favorite-badge,.recent-list .favorite-badge {display:none;}
+.text-button {background:transparent;color:var(--accent-text);border:0;font-size:12px;padding:6px 0;cursor:pointer;}
+#bookmark-manager {width:min(780px,calc(100vw - 36px));max-height:calc(100vh - 80px);box-sizing:border-box;padding:26px;border:1px solid #8884;border-radius:24px;background:var(--surface,#edf1f6);color:var(--text);box-shadow:0 24px 90px #0005;overflow:auto;}
+#bookmark-manager::backdrop {background:#17233b55;backdrop-filter:blur(10px);}
+.manager-header,.manager-toolbar,.manager-row {display:flex;gap:12px;align-items:center;}
+.manager-header {justify-content:space-between;margin-bottom:20px;}.manager-header h2{margin:4px 0;font-size:26px;}.manager-eyebrow{margin:0;font-size:10px;letter-spacing:.14em;color:var(--muted);}
+.manager-toolbar{flex-wrap:wrap;}.manager-toolbar input{flex:1;min-width:180px;}.manager-list{margin-top:18px;}.manager-row{padding:12px 0;border-bottom:1px solid #8882;}.manager-row .manager-link{flex:1;min-width:0;text-align:left;background:transparent;}.manager-link strong,.manager-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.manager-link small{color:var(--muted);font-size:11px;margin-top:4px;}.manager-row button{flex-shrink:0;}.manager-folder{margin:22px 0 4px;font-size:12px;color:var(--muted);}.manager-managed{font-size:10px;color:var(--muted);}.manager-row-actions{display:flex;gap:6px;}#manager-error{color:#d53939;font-size:12px;}
+@media(max-width:600px){.manager-row{flex-wrap:wrap;}.manager-row-actions{width:100%;justify-content:flex-end;}#bookmark-manager{padding:18px;}.toolbar{gap:6px;}}
+
+.group-manager-row{display:flex;gap:4px;align-items:center;flex-wrap:wrap;}.group-manager-row .group-item{flex:1;min-width:80px;}.group-manager-row>button:not(.group-item){font-size:10px;padding:5px;}
+
+#bookmark-manager .manager-link{color:var(--text);padding:8px 12px;}#bookmark-manager .manager-row-actions button{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-text);}#bookmark-manager{backdrop-filter:blur(24px) saturate(150%);}
+
+#agent-pairing{color:var(--text,#202632);background:var(--surface,#edf1f6);border:1px solid #8885;border-radius:22px;padding:24px;width:min(520px,85vw);box-shadow:0 24px 80px #0005}#agent-pairing::backdrop{background:#17233b55;backdrop-filter:blur(8px)}.agent-grant-list{display:grid;gap:10px;margin:16px 0}.agent-grant-choice{text-align:left;padding:12px;border-radius:12px}#agent-pairing pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}