diff --git a/server/src/actions/update-broadcast.js b/server/src/actions/update-broadcast.js
index 98f0db8b..43bc7a90 100644
--- a/server/src/actions/update-broadcast.js
+++ b/server/src/actions/update-broadcast.js
@@ -3,18 +3,18 @@ const { safeInput } = require("../action-utils/action-utils");
 module.exports = {
     key: "update-broadcast",
     auth: ["client"],
-    optionalParams: ["match", "advertise", "playerCams", "mapAttack", "title"],
+    optionalParams: ["match", "advertise", "playerCams", "mapAttack", "title", "manualGuests"],
     /***
      * @param {AnyAirtableID} match
      * @param {ClientData} client
      * @returns {Promise<void>}
      */
     // eslint-disable-next-line no-empty-pattern
-    async handler({ match: matchID, advertise, playerCams, mapAttack, title }, { client }) {
+    async handler({ match: matchID, advertise, playerCams, mapAttack, title, manualGuests }, { client }) {
         let broadcast = await this.helpers.get(client?.broadcast?.[0]);
         if (!broadcast) throw ("No broadcast associated");
 
-        console.log({ matchID, advertise, playerCams, mapAttack, title });
+        console.log({ matchID, advertise, playerCams, mapAttack, title, manualGuests });
         let validatedData = {};
 
         if (matchID !== undefined) {
@@ -40,6 +40,9 @@ module.exports = {
         if (title !== undefined) {
             validatedData["Title"] = safeInput(title);
         }
+        if (manualGuests !== undefined) {
+            validatedData["Manual Guests"] = safeInput(manualGuests);
+        }
 
         console.log(validatedData);
 
diff --git a/website/src/assets/app.css b/website/src/assets/app.css
index 7ded90f2..80ff9a3e 100644
--- a/website/src/assets/app.css
+++ b/website/src/assets/app.css
@@ -83,10 +83,6 @@ a:not(.link-text), a:not(.link-text):hover {
     background-color: var(--theme);
 }
 
-.btn-primary {
-    background-color: var(--brand-theme);
-    border-color: var(--brand-theme);
-}
 /*.btn:hover:not(:disabled), .btn.hover:not(:disabled) {*/
 /*    background-color: #00a367 !important;*/
 /*    border-color: #00a367 !important;*/
@@ -279,3 +275,8 @@ input.no-arrows[type=number] {
     width: 500px;
     height: 500px;
 }
+
+.table.border-no-top tr:first-child td,
+.table.border-no-top tr:first-child th {
+    border-top: none;
+}
diff --git a/website/src/components/broadcast/auction/AuctionOverlay.vue b/website/src/components/broadcast/auction/AuctionOverlay.vue
index 6807c6e1..af0df92b 100644
--- a/website/src/components/broadcast/auction/AuctionOverlay.vue
+++ b/website/src/components/broadcast/auction/AuctionOverlay.vue
@@ -20,27 +20,34 @@
                 </div>
             </div>
             <div class="player-middle d-flex flex-grow-1">
-                <div class="player-info w-100 flex-center flex-column position-relative">
+                <div class="player-info-holder w-100 flex-center flex-column position-relative">
                     <AuctionCountdown v-if="player" />
+                    <transition name="color-block-fade">
+                        <div class="color-block" v-if="blockColorCSS" :style="blockColorCSS"></div>
+                    </transition>
                     <transition name="fade-right">
                         <RecoloredHero v-if="!showCaptainInfo && player && player.favourite_hero" :theme="heroColor" :hero="player.favourite_hero"></RecoloredHero>
                     </transition>
                     <transition name="fade-right">
                         <div class="player-info" v-if="player">
                             <div class="player-name">{{ player.name }}</div>
-                            <div class="player-role" v-if="player.role" v-html="getRoleSVG(player.role)"></div>
-                            <div class="accolades" v-if="accolades.length">
-                                <ContentThing :thing="accolade" type="event" :link-to="accolade.event" :theme="accolade.event && accolade.event.theme" v-for="accolade in accolades"
-                                              :key="accolade.id" :show-logo="true" :text="accolade.player_text" />
-                            </div>
-                            <div class="player-captain-info" v-if="showCaptainInfo">
-                                {{ player.pronouns }}
+                            <div class="player-extras">
+                                <div class="player-role" v-if="player.role" v-html="getRoleSVG(player.role)"></div>
+                                <div class="accolades" v-if="accolades.length">
+                                    <ContentThing :thing="accolade" type="event" :link-to="accolade.event"
+                                                  :theme="accolade.event && accolade.event.theme"
+                                                  v-for="accolade in accolades"
+                                                  :key="accolade.id" :show-logo="true" :text="accolade.player_text"/>
+                                </div>
+                                <div class="player-captain-info" v-if="showCaptainInfo">
+                                    {{ player.pronouns }}
                                     <br>
-                                {{ player.draft_data }}
-                            </div>
-                            <div class="player-teams d-flex flex-wrap flex-center" v-for="group in groupedTeams"
-                                 :key="group.group" :class="`group-${group.group}`">
-                                <PlayerTeamDisplay :team="team" v-for="team in group.teams" :key="team.id"/>
+                                    {{ player.draft_data }}
+                                </div>
+                                <div class="player-teams d-flex flex-wrap flex-center" v-for="group in groupedTeams"
+                                     :key="group.group" :class="`group-${group.group}`">
+                                    <PlayerTeamDisplay :team="team" v-for="team in group.teams" :key="team.id"/>
+                                </div>
                             </div>
                         </div>
                     </transition>
@@ -79,13 +86,13 @@
                     <SignedTeamList :team="signedTeam" :amount="signAmount" :signedPlayer="socketPlayerID" :auction-settings="auctionSettings" />
                 </div>
                 <div :style="background" class="bid-focus flex-center h-100 w-100" v-if="rightDisplay === 'bid-focus'" key="bid-focus">
-                    <BidFocus :teams="teams" :bids="bids"/>
+                    <BidFocus :teams="teams" :bids="bids" :auction-settings="auctionSettings" />
                 </div>
                 <div :style="background" class="team-focus" v-if="rightDisplay === 'team-focus'" key="team-focus">
                     <TeamFocus :team="highlightedTeam" :auction-settings="auctionSettings" />
                 </div>
                 <div :style="background" class="bidding-war" v-if="rightDisplay === 'bidding-war'" key="bidding-war">
-                    <BiddingWar :teams="biddingWar" :leading="leadingBid"/>
+                    <BiddingWar :teams="biddingWar" :leading="leadingBid" :auction-settings="auctionSettings"/>
                 </div>
             </transition>
         </div>
@@ -99,7 +106,7 @@ import { cleanID, getRoleSVG, money } from "@/utils/content-utils";
 import PlayerTeamDisplay from "./PlayerTeamDisplay";
 import { sortEvents } from "@/utils/sorts";
 import SignedTeamList from "@/components/broadcast/auction/SignedTeamList";
-import { logoBackground1 } from "@/utils/theme-styles";
+import { logoBackground1, themeBackground1 } from "@/utils/theme-styles";
 import BidFocus from "./BidFocus";
 import TeamFocus from "@/components/broadcast/auction/TeamFocus";
 import BiddingWar from "@/components/broadcast/auction/BiddingWar";
@@ -222,9 +229,10 @@ export default {
         accolades() {
             if (!this.player) return [];
 
+            console.log("accolades", this.players?.member_of);
             return [
                 // team things
-                ...(this.player.member_of ? [].concat(...this.player.member_of.map(e => e.accolades).filter(e => !!e)) : []),
+                ...(this.player.member_of ? [].concat(...this.player.member_of.map(e => e.accolades).filter(e => e?.show_for_players)) : []),
                 ...(this.player.accolades ? this.player.accolades : [])
             ];
         },
@@ -285,8 +293,6 @@ export default {
             });
         },
         rightDisplay() {
-            // return "bid-focus";
-            // // eslint-disable-next-line no-unreachable
             if (this.justSigned) return "sign-focus";
             if (this.biddingWar && !this.showCaptainInfo) return "bidding-war";
             if (this.highlightedTeam) return "team-focus";
@@ -374,21 +380,29 @@ export default {
         heroColor() {
             return this.signedTeam?.theme || this.broadcast?.event?.theme;
         },
+        blockColorCSS() {
+            if (!this.signedTeam?.theme?.color_theme) return null;
+            return {
+                backgroundImage: `linear-gradient(to top, ${this.signedTeam?.theme?.color_theme}, transparent)`
+            };
+        },
         leadingBid() {
             if (!this.bids) return null;
             return this.bids[this.bids.length - 1];
         },
         biddingWar() {
             // if (!this.biddingActive) return false;
-            const count = 5;
+            const count = 6;
             const latestBids = this.bids.slice(Math.max(this.bids.length - count, 0));
             if (latestBids.length !== count) return false;
             const teams = [];
-            console.log(latestBids);
+            console.log("latest bids", latestBids);
             latestBids.forEach((bid) => {
-                if (teams.indexOf(bid.teamID) === -1) teams.push(this.teams.find(t => cleanID(t.id) === cleanID(bid.teamID)));
+                if (!teams.find(t => cleanID(t?.id) === cleanID(bid.teamID))) {
+                    teams.push(this.teams.find(t => cleanID(t.id) === cleanID(bid.teamID)));
+                }
             });
-            console.log(teams);
+            console.log("bidding war teams", teams);
             if (teams.length === 2) return teams;
             return null;
         },
@@ -418,6 +432,7 @@ export default {
         }
     },
     methods: {
+        themeBackground1,
         money,
         getRoleSVG,
         getLogo(teamID) {
@@ -619,6 +634,7 @@ export default {
         transform: translate(0,0)
     }
 
+
     .fade-scroll-enter-active, .fade-scroll-leave-active {
         transition: all 500ms ease;
     }
@@ -816,4 +832,22 @@ export default {
         height: 60px;
         margin-bottom: 20px;
     }
+    .color-block {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        opacity: 0.5;
+    }
+    .color-block-fade-enter-active, .color-block-fade-leave-active { transition: opacity 750ms ease; }
+    .color-block-fade-enter, .color-block-fade-leave-to { opacity: 0; }
+    .color-block-fade-enter-to, .color-block-fade-leave { opacity: 0.5; }
+
+
+    .player-extras {
+        max-height: 670px;
+    }
+
+    .player-info-holder {
+        padding-top: 48px;
+    }
 </style>
diff --git a/website/src/components/broadcast/auction/BidFocus.vue b/website/src/components/broadcast/auction/BidFocus.vue
index 5ecf9b59..556172ba 100644
--- a/website/src/components/broadcast/auction/BidFocus.vue
+++ b/website/src/components/broadcast/auction/BidFocus.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="bid-focus-grid">
-        <BidFocusTeam class="team" v-for="team in teams" :key="team.id" :team="team" :leading="leadingBid" />
+        <BidFocusTeam class="team" v-for="team in teams" :key="team.id" :team="team" :leading="leadingBid" :auction-settings="auctionSettings" />
     </div>
 </template>
 
@@ -9,7 +9,7 @@ import BidFocusTeam from "./BidFocusTeam";
 
 export default {
     name: "BidFocus",
-    props: ["teams", "bids"],
+    props: ["teams", "bids", "auctionSettings"],
     components: { BidFocusTeam },
     computed: {
         leadingBid() {
diff --git a/website/src/components/broadcast/auction/BiddingWar.vue b/website/src/components/broadcast/auction/BiddingWar.vue
index fa27c3a8..e5779981 100644
--- a/website/src/components/broadcast/auction/BiddingWar.vue
+++ b/website/src/components/broadcast/auction/BiddingWar.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="bidding-war d-flex">
         <div class="bidding-war-text">BIDDING WAR</div>
-        <TeamFocus class="team-focus" v-for="team in _teams" :team="team" :key="team.id" :leading="leading" />
+        <TeamFocus class="team-focus" v-for="team in filledTeams" :team="team" :key="team.id" :leading="leading" :auction-settings="auctionSettings" />
     </div>
 </template>
 
@@ -12,9 +12,9 @@ import { ReactiveArray, ReactiveRoot, ReactiveThing } from "@/utils/reactive";
 export default {
     name: "BiddingWar",
     components: { TeamFocus },
-    props: ["teams", "leading"],
+    props: ["teams", "leading", "auctionSettings"],
     computed: {
-        _teams() {
+        filledTeams() {
             if (!this.teams) return [];
             return this.teams.map(t => ReactiveRoot(t, {
                 theme: ReactiveThing("theme"),
@@ -33,9 +33,9 @@ export default {
         height: 250px;
     }
     .team-focus {
-        margin: 0;
         width: 50% !important;
         flex-shrink: 0;
+        margin-top: 25px;
     }
     .bidding-war >>> .title {
         font-size: 40px;
@@ -52,7 +52,15 @@ export default {
         box-shadow: 0 0 0px 4px white;
         transform: scale(1);
     }
-
+    .bidding-war >>> .player {
+        font-size: 23px !important;
+    }
+    .bidding-war >>> .player .player-role {
+        width: 30px;
+        height: 20px;
+        transform: translate(-8px, -2px);
+        margin-right: -7px;
+    }
     .bidding-war-text {
         width: 100%;
         display: flex;
@@ -61,7 +69,8 @@ export default {
         font-size: 64px;
         height: 1.3em;
         position: absolute;
-        top: -35px;
+        top: 0;
+        font-weight: bold;
     }
 
     .bidding-war {
diff --git a/website/src/components/broadcast/auction/TeamFocus.vue b/website/src/components/broadcast/auction/TeamFocus.vue
index c52263f2..9879c6ad 100644
--- a/website/src/components/broadcast/auction/TeamFocus.vue
+++ b/website/src/components/broadcast/auction/TeamFocus.vue
@@ -43,7 +43,7 @@ export default {
         },
         isLeading() {
             if (!this.leading) return false;
-            return cleanID(this.leading.team.id) === this.team.id;
+            return cleanID(this.leading.teamID) === this.team?.id;
         }
     }
 };
diff --git a/website/src/components/broadcast/auction/TeamPlayerList.vue b/website/src/components/broadcast/auction/TeamPlayerList.vue
index 197df9d9..97085946 100644
--- a/website/src/components/broadcast/auction/TeamPlayerList.vue
+++ b/website/src/components/broadcast/auction/TeamPlayerList.vue
@@ -143,6 +143,6 @@ export default {
         width: 24px;
         height: 24px;
         margin-right: 2px;
-        transform: translate(-2px, -2px);
+        transform: translate(-2px, -1px);
     }
 </style>
diff --git a/website/src/components/broadcast/desk/Caster.vue b/website/src/components/broadcast/desk/Caster.vue
index 166968bc..f69e5b15 100644
--- a/website/src/components/broadcast/desk/Caster.vue
+++ b/website/src/components/broadcast/desk/Caster.vue
@@ -9,8 +9,8 @@
                 <div class="caster-name flex-center">
                     <div class="c-name industry-align">{{ name }}</div>
                     <div class="c-twitter industry-align" v-if="twitter">{{ twitter }}</div>
-                    <div class="c-pronouns industry-align" v-if="player && player.pronouns && showPronouns && !pronounsOnNewline">{{ player.pronouns }}</div>
-                    <div class="c-pronouns industry-align" v-if="player && player.pronouns && showPronouns && pronounsOnNewline" v-html="breakUp(player.pronouns)"></div>
+                    <div class="c-pronouns industry-align" v-if="pronouns && showPronouns && !pronounsOnNewline">{{ pronouns }}</div>
+                    <div class="c-pronouns industry-align" v-if="pronouns && showPronouns && pronounsOnNewline" v-html="breakUp(pronouns)"></div>
                 </div>
             </div>
         </transition>
@@ -47,7 +47,11 @@ export default {
         player() {
             return this.caster || this.guest.player;
         },
+        pronouns() {
+            return this.player?.pronouns || this.guest?.pronouns;
+        },
         twitter() {
+            if (this.guest?.manual && this.guest?.twitter) return this.guest?.twitter;
             if (!this.player?.socials) return "";
             const twitter = this.player.socials.find(s => s.type === "Twitter");
             if (!twitter) return "";
diff --git a/website/src/components/broadcast/desk/CasterCam.vue b/website/src/components/broadcast/desk/CasterCam.vue
index 9b9b4d38..51a41dac 100644
--- a/website/src/components/broadcast/desk/CasterCam.vue
+++ b/website/src/components/broadcast/desk/CasterCam.vue
@@ -33,10 +33,12 @@ export default {
             return this.manualCamera ? true : this.apiVisible;
         },
         useCam() {
+            if (this.guest?.webcam?.includes("view=")) return true;
             if (this.disableVideo) return null;
             return this.guest?.use_cam || false;
         },
         streamID() {
+            if (this.guest?.webcam) return this.guest.webcam;
             if (this.relayPrefix) return this.relayPrefix;
             return this.guest?.cam_code || "";
         },
@@ -175,6 +177,7 @@ export default {
         border-radius: 50%;
         box-shadow: 0 0 8px 0 black;
         background-size: cover;
+        background-position: center;
         transform: translate(0, -10%);
         transition: all .4s ease;
     }
diff --git a/website/src/components/broadcast/desk/DeskOverlay.vue b/website/src/components/broadcast/desk/DeskOverlay.vue
index a88580e6..8819922d 100644
--- a/website/src/components/broadcast/desk/DeskOverlay.vue
+++ b/website/src/components/broadcast/desk/DeskOverlay.vue
@@ -4,7 +4,7 @@
             <TourneyBar :left="broadcast.event && broadcast.event.short" :right="broadcast.subtitle" :event="broadcast.event" />
         </div>
         <transition-group class="casters flex-center" name="anim-talent">
-            <Caster v-for="(caster, i) in casters" :key="caster.id" :guest="caster" :color="getColor(i)"
+            <Caster v-for="(caster, i) in casters" :key="caster.manual ? caster.name : caster.id" :guest="caster" :color="getColor(i)"
                     :event="event" :disable-video="shouldDisableCasterVideo" :class="{'wide-feed': caster.wide_feed}"
                     :show-pronouns="showPronouns" :pronouns-on-newline="pronounsOnNewline" />
         </transition-group>
@@ -22,6 +22,7 @@ import TourneyBar from "@/components/broadcast/TourneyBar";
 import Caster from "@/components/broadcast/desk/Caster";
 import DeskMatch from "@/components/broadcast/desk/DeskMatch";
 import { themeBackground1 } from "@/utils/theme-styles";
+import { createGuestObject } from "@/utils/content-utils";
 
 export default {
     name: "DeskOverlay",
@@ -59,9 +60,14 @@ export default {
                 })
             });
         },
+        manualGuests() {
+            if (!this.broadcast?.manual_guests) return [];
+            const manualGuests = this.broadcast.manual_guests.split("\n").filter(Boolean).map(guestString => createGuestObject(guestString));
+            console.log(manualGuests);
+            return manualGuests;
+        },
         guests: function() {
-            if (!this.broadcast?.guests) return [];
-            return ReactiveArray("guests", {
+            const guests = (!this.broadcast?.guests) ? [] : ReactiveArray("guests", {
                 player: ReactiveThing("player", {
                     socials: ReactiveArray("socials")
                 }),
@@ -70,6 +76,11 @@ export default {
                     theme: ReactiveThing("theme")
                 })
             })(this.broadcast);
+
+            return [
+                ...guests,
+                ...this.manualGuests
+            ];
         },
         casters() {
             if (!this.guests.length) {
diff --git a/website/src/components/website/dashboard/DashboardModule.vue b/website/src/components/website/dashboard/DashboardModule.vue
index 25c52e50..77f1bfa5 100644
--- a/website/src/components/website/dashboard/DashboardModule.vue
+++ b/website/src/components/website/dashboard/DashboardModule.vue
@@ -88,6 +88,15 @@ export default {
         border: none;
     }
 
+    .module-content >>> .table tr th:last-child,
+    .module-content >>> .table tr td:last-child {
+        border-right: none;
+    }
+    .module-content >>> .table tr th:first-child,
+    .module-content >>> .table tr td:first-child {
+        border-left: none;
+    }
+
     .clip-swipe-down-enter-active,
     .clip-swipe-down-leave-active {
         transition: clip-path 200ms ease, max-height 200ms ease;
diff --git a/website/src/components/website/dashboard/DeskEditor.vue b/website/src/components/website/dashboard/DeskEditor.vue
new file mode 100644
index 00000000..ea5a3069
--- /dev/null
+++ b/website/src/components/website/dashboard/DeskEditor.vue
@@ -0,0 +1,164 @@
+<template>
+    <div class="desk-editor">
+        <table class="table table-bordered table-sm table-dark mb-0 opacity-changes border-no-top"  :class="{'low-opacity': processing }">
+            <tr v-if="manualGuests?.length">
+                <th>Name</th>
+                <th>Avatar</th>
+                <th>Webcam link</th>
+                <th>Twitter handle</th>
+                <th>Pronouns</th>
+                <th></th>
+            </tr>
+            <tr class="guest-row" v-for="(guest, i) in manualGuests" :key="i">
+                <td>
+                    <b-form-input v-model="manualGuests[i].name" type="text" placeholder="Guest name" :state="!manualGuests[i]?.name ? false : checkInputKeyMatches(manualGuests[i], 'name')"  />
+                    <b-form-invalid-feedback>{{ manualGuests[i]?.name ? 'Name must be distinguishable from other inputs' : 'Name is required' }}</b-form-invalid-feedback>
+                </td>
+                <td>
+                    <div class="d-flex">
+                        <div class="avatar-preview rounded-circle mr-1 bg-center flex-shrink-0" :style="{'backgroundImage': manualGuests[i]?.avatar && `url(${manualGuests[i]?.avatar})`}"></div>
+                        <div>
+                            <b-form-input v-model="manualGuests[i].avatar" type="text" placeholder="https://i.imgur.com/HHvEClX.png" :state="checkInputKeyMatches(manualGuests[i], 'avatar')" />
+                            <b-form-invalid-feedback>Avatars must be valid links</b-form-invalid-feedback>
+                        </div>
+                    </div>
+                </td>
+                <td>
+                    <b-form-input v-model="manualGuests[i].webcam" type="text" placeholder="https://vdo.ninja/?view=SLMN" :state="checkInputKeyMatches(manualGuests[i], 'webcam')" />
+                    <b-form-invalid-feedback>Webcams must be valid VDO.Ninja view links</b-form-invalid-feedback>
+                </td>
+                <td>
+                    <b-form-input v-model="manualGuests[i].twitter" type="text" placeholder="@slmnio" :state="checkInputKeyMatches(manualGuests[i], 'twitter')" />
+                    <b-form-invalid-feedback>Twitter handles must start with @</b-form-invalid-feedback>
+                </td>
+                <td>
+                    <b-form-input v-model="manualGuests[i].pronouns" type="text" placeholder="he/him" :state="checkInputKeyMatches(manualGuests[i], 'pronouns')" />
+                    <b-form-invalid-feedback>Pronouns must contain "/"</b-form-invalid-feedback>
+                </td>
+                <td>
+                    <b-button variant="danger" @click="confirmRemoveGuest(i)"><i class="fas fa-trash"></i></b-button>
+                </td>
+            </tr>
+            <tr v-if="!manualGuests?.length">
+                <td class="text-center" colspan="5">
+                    <i>No manual guests listed</i>
+                </td>
+            </tr>
+        </table>
+        <div class="p-2 w-100 d-flex">
+            <b-button variant="success" @click="addGuest">
+                <i class="fas fa-fw fa-plus"></i> Add guest
+            </b-button>
+            <div class="spacer flex-grow-1"></div>
+            <b-button :disabled="processing" class="ml-2" :variant="saveData === lastSavedData ? 'secondary' : 'primary'" @click="saveGuests">
+                <i class="fas fa-fw" :class="{'fa-save': !processing, 'fa-pulse fa-spinner': processing}"></i> Save guests
+            </b-button>
+        </div>
+    </div>
+</template>
+
+<script>
+import { ReactiveArray, ReactiveThing } from "@/utils/reactive";
+import { createGuestObject, getGuestString } from "@/utils/content-utils";
+import { BButton, BFormInput, BFormInvalidFeedback } from "bootstrap-vue";
+import { updateBroadcastData } from "@/utils/dashboard";
+
+export default {
+    name: "DeskEditor",
+    components: { BFormInvalidFeedback, BButton, BFormInput },
+    props: {
+        broadcast: {}
+    },
+    data: () => ({
+        processing: false,
+        manualGuests: [],
+        lastLoadedManualGuests: [],
+        lastSavedData: null
+    }),
+    computed: {
+        guests() {
+            if (!this.broadcast?.guests) return [];
+            return ReactiveArray("guests", {
+                player: ReactiveThing("player", {
+                    socials: ReactiveArray("socials")
+                }),
+                theme: ReactiveThing("theme"),
+                prediction_team: ReactiveThing("prediction_team", {
+                    theme: ReactiveThing("theme")
+                })
+            })(this.broadcast);
+        },
+        saveData() {
+            return this.manualGuests.map(guest => getGuestString(guest)).join("\n");
+        }
+    },
+    methods: {
+        addGuest() {
+            this.manualGuests.push({});
+        },
+        checkInputKeyMatches(guest, key) {
+            if (!guest?.[key]) return null;
+            const tempGuest = createGuestObject(getGuestString(guest));
+            console.log(guest[key], tempGuest[key], tempGuest[key] === guest[key]);
+            return tempGuest[key]?.trim() === guest[key]?.trim();
+        },
+        confirmRemoveGuest(i) {
+            const okay = window.confirm(`Remove guest "${this.manualGuests?.[i]?.name}"?`) === true;
+            if (!okay) return;
+            this.manualGuests.splice(i, 1);
+        },
+        async saveGuests() {
+            this.processing = true;
+            this.lastSavedData = this.saveData;
+
+            try {
+                const response = await updateBroadcastData(this.$root.auth, {
+                    manualGuests: this.saveData
+                });
+                if (!response.error) {
+                    this.$notyf.success("Updated guests");
+                }
+            } finally {
+                this.processing = false;
+            }
+        }
+    },
+    watch: {
+        broadcast: {
+            deep: true,
+            immediate: true,
+            handler(newData) {
+                if (newData?.manual_guests && JSON.stringify(newData?.manual_guests) !== JSON.stringify(this.lastLoadedManualGuests)) {
+                    this.manualGuests = newData.manual_guests.split("\n").map(e => createGuestObject(e));
+                    this.lastLoadedManualGuests = newData.manual_guests.split("\n").map(e => createGuestObject(e));
+                    this.lastSavedData = newData.manual_guests.replaceAll(",", "|");
+                }
+            }
+        }
+    }
+};
+</script>
+
+<style scoped>
+    .guest-row >>> .invalid-feedback {
+        color: #ff6473;
+    }
+    ::placeholder {
+        color: rgba(0,0,0,0.3);
+    }
+    .avatar-preview {
+        width: 2.375em;
+        height: 2.375em;
+        background-color: rgba(255,255,255,0.2);
+    }
+    .opacity-changes {
+        opacity: 1;
+        transition: opacity .3s ease;
+    }
+    .low-opacity {
+        opacity: 0.5;
+        pointer-events: none;
+        user-select: none;
+        cursor: wait;
+    }
+</style>
diff --git a/website/src/utils/content-utils.js b/website/src/utils/content-utils.js
index e07d051f..bd1f14a6 100644
--- a/website/src/utils/content-utils.js
+++ b/website/src/utils/content-utils.js
@@ -416,3 +416,33 @@ export function unescapeText(text) {
         .replaceAll("&quot;", "\"")
         .replaceAll("&#039;", "'");
 }
+
+
+export function createGuestObject(str) {
+    const guest = {
+        manual: true
+    };
+
+    str.split(/[,|]/).forEach(part => {
+        if (!part) return;
+        part = part.trim();
+
+        if (part.startsWith("@")) {
+            guest.twitter = part;
+        } else if (part.includes("view=")) {
+            guest.webcam = part;
+        } else if (part.startsWith("http")) {
+            guest.avatar = part;
+        } else if (part.includes("/")) {
+            guest.pronouns = part;
+        } else {
+            guest.name = part;
+        }
+    });
+    return guest;
+}
+
+export function getGuestString(guest) {
+    delete guest.manual;
+    return Object.values(guest).join("|");
+}
diff --git a/website/src/views/Dashboard.vue b/website/src/views/Dashboard.vue
index d29eaed3..22330c14 100644
--- a/website/src/views/Dashboard.vue
+++ b/website/src/views/Dashboard.vue
@@ -26,6 +26,10 @@
         <DashboardModule title="Match Editor" icon-class="fas fa-pennant" class="broadcast-match-editor mb-2" v-if="liveMatch" start-opened>
             <MatchEditor :hide-match-extras="true" :match="liveMatch"></MatchEditor>
         </DashboardModule>
+        <DashboardModule title="Desk Guests" icon-class="fas fa-users" class="desk-editor mb-2" start-opened>
+            <template v-slot:header v-if="deskGuestSource">Desk guests pulled from: {{ deskGuestSource }}</template>
+            <DeskEditor :broadcast="broadcast" />
+        </DashboardModule>
         <DashboardModule title="Bracket Implications" icon-class="fas fa-sitemap" class="broadcast-bracket-editor mb-2" v-if="bracketCount">
             <BracketImplications :match="liveMatch" link-to-detailed-match show-resolve-button />
         </DashboardModule>
@@ -74,10 +78,11 @@ import DashboardModule from "@/components/website/dashboard/DashboardModule.vue"
 import BracketImplications from "@/components/website/dashboard/BracketImplications.vue";
 import PreviewProgramDisplay from "@/components/website/dashboard/PreviewProgramDisplay.vue";
 import Bracket from "@/components/website/bracket/Bracket.vue";
+import DeskEditor from "@/components/website/dashboard/DeskEditor.vue";
 
 export default {
     name: "Dashboard",
-    components: { Bracket, PreviewProgramDisplay, BracketImplications, DashboardModule, DashboardClock, ScheduleEditor, BroadcastEditor, CommsControl, Commercials, Predictions, MatchEditor, MatchThumbnail, BroadcastSwitcher, BButton },
+    components: { DeskEditor, Bracket, PreviewProgramDisplay, BracketImplications, DashboardModule, DashboardClock, ScheduleEditor, BroadcastEditor, CommsControl, Commercials, Predictions, MatchEditor, MatchThumbnail, BroadcastSwitcher, BButton },
     computed: {
         user() {
             if (!this.$root.auth.user?.airtableID) return {};
@@ -140,6 +145,16 @@ export default {
                     })
                 })
             })(this.liveMatch);
+        },
+        deskGuestSource() {
+            if (this.broadcast?.guests) {
+                return "Broadcast › Guests";
+            } else if (this.liveMatch?.casters) {
+                return "Broadcast › Live Match › Casters";
+            } else if (this.broadcast?.manual_guests) {
+                return "Broadcast › Manual Guests";
+            }
+            return null;
         }
     },
     methods: {
diff --git a/website/src/views/sub-views/EventAuction.vue b/website/src/views/sub-views/EventAuction.vue
index 833329d1..6ea50315 100644
--- a/website/src/views/sub-views/EventAuction.vue
+++ b/website/src/views/sub-views/EventAuction.vue
@@ -278,8 +278,8 @@ export default {
                 finished: []
             };
             if (!this.teams?.length) return groups;
-            this.teams.forEach(team => {
-                if (team.players.length === this.auctionSettings?.each_team ?? 7) {
+            (this.teams || []).forEach(team => {
+                if (team.players?.length === this.auctionSettings?.each_team ?? 7) {
                     // Finished
                     groups.finished.push(team);
                 } else {