{/* filter strip */}
{['all','read','write','error','auth-expired'].map(k => (
))}
{filtered.length} events
{/* header */}
{['Ago','Connector','Kind','Path','Status','Size/MS'].map(h => (
{h}
))}
{filtered.map((e,i) =>
)}
);
}
// ─────────── 04 PERMISSIONS — capability matrix
function ICPermissionsTab() {
// Build a matrix: surfaces (rows) × connectors (cols), cell = read/write/both
const surfaces = useIM(() => {
const set = new Set();
CONNECTORS.forEach(c => c.capabilities.forEach(cap => set.add(cap.surface)));
return Array.from(set).sort();
}, []);
const cell = (connector, surface) => {
const caps = connector.capabilities.filter(c => c.surface === surface);
if (caps.length === 0) return null;
const kinds = new Set(caps.map(c => c.kind));
if (kinds.has('in') && kinds.has('out')) return 'both';
if (kinds.has('in')) return 'read';
return 'write';
};
return (
What each connector is permitted to read from
and write to inside ASTRO. Use this to audit
scope creep before granting new credentials, and to trace where data on any given screen
comes from.
|
Surface
|
{CONNECTORS.map(c => (
{c.name.split(' ')[0]}
|
))}
{surfaces.map((s, i) => (
|
{s}
|
{CONNECTORS.map(c => {
const v = cell(c, s);
return (
{v === 'read' && ↓}
{v === 'write' && ↑}
{v === 'both' && ⇅}
{!v && ·}
|
);
})}
))}
{/* legend */}
↓ Reads from this surface
↑ Writes to this surface
⇅ Bidirectional
);
}
// ─────────── MAIN SCREEN
function ScreenIntegrations({ go, payload }) {
const [tab, setTab] = useIS(payload?.tab || 'overview');
const [openId, setOpenId] = useIS(payload?.connector || null);
const onOpenConnector = (id) => { setTab('connectors'); setOpenId(id); };
const stats = useIM(() => {
const c = { healthy:0, degraded:0, reauth:0, silent:0 };
CONNECTORS.forEach(x => c[x.status]++);
return c;
}, []);
const TABS = [
{ k:'overview', l:'Overview' },
{ k:'connectors', l:'Connectors', n: CONNECTORS.length },
{ k:'activity', l:'Activity', n: stats.degraded + stats.reauth, warn: (stats.degraded + stats.reauth) > 0 },
{ k:'permissions', l:'Permissions' },
];
return (
{stats.healthy} healthy
{stats.degraded > 0 && · {stats.degraded} degraded}
{stats.reauth > 0 && · {stats.reauth} re-auth}
}
/>
{/* Tab strip */}
{TABS.map(t => (
))}
{/* Body */}
{tab === 'overview' && }
{tab === 'connectors' && }
{tab === 'activity' && }
{tab === 'permissions' && }