diff --git a/src/web/keys.tsx b/src/web/keys.tsx
index 8f21577..355957a 100644
--- a/src/web/keys.tsx
+++ b/src/web/keys.tsx
@@ -2,6 +2,7 @@ import { useState, useEffect } from "react";
 import { createRoot } from "react-dom/client";
 import { renderNavbar } from "./navbar";
 import { authClient } from "../lib/auth-client";
+import './lockdown'
 
 renderNavbar("usage");
 
@@ -21,9 +22,9 @@ function KeysList() {
           if (!r.ok) throw new Error(`HTTP ${r.status}`);
           return r.json();
         })
-        .then((data) => {setChannels(Array.isArray(data) ? data : []);setChannelsPending(false)})
+        .then((data) => { setChannels(Array.isArray(data) ? data : []); setChannelsPending(false) })
         .catch((e) => setError(String(e)));
-      fetch('api/api-keys').then((r) => r.json()).then((data) => {setKeys(Array.isArray(data) ? data : []);setKeysPending(false)}).catch((e) => setError(String(e)));
+      fetch('api/api-keys').then((r) => r.json()).then((data) => { setKeys(Array.isArray(data) ? data : []); setKeysPending(false) }).catch((e) => setError(String(e)));
     }
   }, [session?.user?.slackId]);
 
@@ -65,12 +66,12 @@ function KeysList() {
 
   return (
     <div class="column">
-      {error && <p style={{color:'red'}}>Error: {error}</p>}
+      {error && <p style={{ color: 'red' }}>Error: {error}</p>}
       {createdKey && (
-        <div className="card" style={{borderColor: 'green'}}>
+        <div className="card" style={{ borderColor: 'green' }}>
           <h3>Key created!</h3>
           <p>Copy this key now — it won't be shown again:</p>
-          <code style={{userSelect:'all', wordBreak:'break-all'}}>{createdKey}</code>
+          <code style={{ userSelect: 'all', wordBreak: 'break-all' }}>{createdKey}</code>
         </div>
       )}
       <form class="card" onSubmit={handleSubmit}>
@@ -83,27 +84,40 @@ function KeysList() {
           <label for="key-channels">scoped channels:</label>
           <select class="input" id="key-channels" name="channels" multiple>
             <option value="">--{channelsPending ? "loading channels..." : "select channels"}--</option>
-           {channels.map((ch) => (
-               <option key={ch.id} value={ch.id}>#{ch.name || ch.id}</option>
+            {channels.map((ch) => (
+              <option key={ch.id} value={ch.id}>#{ch.name || ch.id}</option>
             ))}
           </select>
         </span>
         <button type="submit" class="button">make a key!</button>
       </form>
-     
+
       <div class="keys-list card">
         <h2>your keys</h2>
-         {keysPending ? "loading keys..." : null}
-      {keys.map((k) => (
-<div class="api-key card">
-{k.name} ind_{k.keyPrefix}... {k.revokedBy && `Revoked by ${revokedBy}`} <button onClick={() => {
- fetch(`api/api-keys/${k.id}`, {
+        {keysPending ? "loading keys..." : null}
+        {keys.map((k) => (
+          <div class="api-key card">
+            {k.name} ind_{k.keyPrefix}... {k.revokedBy && `Revoked by ${k.revokedBy}`} <button onClick={() => {
+              fetch(`api/api-keys/${k.id}`, {
                 method: "DELETE"
-              }).then((r) => r.json()).then((data) => {setKeys(Array.isArray(data) ? data : []);setKeysPending(false)}).catch((e) => setError(String(e)));
- 
+              }).then((r) => r.json()).then((data) => { setKeys(Array.isArray(data) ? data : []); setKeysPending(false) }).catch((e) => setError(String(e)));
+
             }} class="button red">revoke!</button>
-</div>
-))}
+            {(k.channels != null && k.channels.length > 0) ? (
+              <>
+                <strong>scoped channels: ({k.channels.length})</strong>
+                <ul>
+                  {k.channels.map((c) => (
+
+                    <li>{c}</li>
+                  )
+
+                  )}
+                </ul>
+              </>
+            ) : null}
+          </div>
+        ))}
       </div>
     </div>
   );
@@ -111,7 +125,7 @@ function KeysList() {
 
 createRoot(document.getElementById("app")!).render(
   <div className="markdown-body">
-    <h1>indigestion api keys</h1>
+    <h1>integrate with indigest</h1>
     <p>for now, all keys are read-only</p>
     <KeysList />
   </div>