Adds automatically generated usernames. Removes username selection and shared user store. Removes Results and Study Links views. Removes AppOld component.

audit_utils.py

@@ -1175,7 +1175,7 @@ def plot_overall_vis(preds_df, error_type, cur_user, cur_model, n_topics=None, b
         ignorePeers=True,
     ).encode(
         x=alt.X('vis_pred_bin:Q', title="Our prediction of your rating", scale=alt.Scale(domain=(domain_min, domain_max))),
-        y=alt.Y('id:O', title="Comments (ordered by System toxicity rating)", axis=alt.Axis(values=list(range(0, max_items, 5))), sort='descending'),
+        y=alt.Y('id:O', title="Topics (ordered by System toxicity rating)", axis=alt.Axis(values=list(range(0, max_items, 5))), sort='descending'),
         color = alt.Color("key:O", scale=alt.Scale(
             domain=["System agrees: Non-toxic", "System agrees: Toxic", "System differs: Error > 1.5", "System differs: Error > 1.0", "System differs: Error > 0.5", "System differs: Error <=0.5"], 
             range=["white", "#cbcbcb", "red", "#ff7a5c", "#ffa894", "#ffd1c7"]),

indie_label_svelte/src/App.svelte

@@ -4,18 +4,10 @@
 
 	import HypothesisPanel from "./HypothesisPanel.svelte";
 	import MainPanel from "./MainPanel.svelte";
-	import SelectUserDialog from "./SelectUserDialog.svelte";
 	import Explore from "./Explore.svelte";
-	import Results from "./Results.svelte";
-	import StudyLinks from "./StudyLinks.svelte";
-	import { user } from './stores/cur_user_store.js';
-	import { users } from "./stores/all_users_store.js";
 
 	let personalized_model;
 	let personalized_models = [];
-
-	// let topic = "";
-
 	let error_type_options = ['Both', 'System is under-sensitive', 'System is over-sensitive', 'Show errors and non-errors'];
     let error_type = error_type_options[0];
 
@@ -24,27 +16,6 @@
     let mode = searchParams.get("mode");
 	let cur_user = searchParams.get("user");
 
-	// Set cur_user if it's provided in URL params
-	if (cur_user !== null) {
-		user.update((value) => cur_user);
-	}
-
-	// Handle user dialog
-    let user_dialog_open = false;
-    user.subscribe(value => {
-		cur_user = value;
-	});
-
-	// Handle all users
-	let all_users = [];
-	async function getUsers() {    
-		const response = await fetch("./get_users");
-		const text = await response.text();
-		const data = JSON.parse(text);
-		all_users = data["users"];
-		users.update((value) => all_users);
-	}
-
 	function getAuditSettings() {
 		let req_params = {
             user: cur_user,
@@ -55,27 +26,12 @@
             .then(function (r_orig) {
                 let r = JSON.parse(r_orig);
 				personalized_models = r["personalized_models"];
-				personalized_model = personalized_models[0]; // TEMP
-				console.log("personalized_model", personalized_model);
-				// personalized_model = "model_1632886687_iterA";
-				// let clusters = r["clusters"];
-                // topic = clusters[0]; // TEMP
+				personalized_model = personalized_models[0];
+				cur_user = r["user"];
             });
-
-		// fetch("./audit_settings")
-		// 	.then((r) => r.text())
-		// 	.then(function (r_orig) {
-		// 		let r = JSON.parse(r_orig);
-		// 		personalized_models = r["personalized_models"];
-		// 		personalized_model = personalized_models[0]; // TEMP
-		// 		// personalized_model = "model_1632886687_iterA";
-		// 		let clusters = r["clusters"];
-        //         topic = clusters[0]; // TEMP
-		// 	});
 	}
 	onMount(async () => {
 		getAuditSettings();
-		getUsers();
 	});
 </script>
 
@@ -88,22 +44,13 @@
 		<div>
 			<Explore />
 		</div>
-	{:else if mode == "results"}
-	<div>
-		<Results />
-	</div>
-	{:else if mode == "study_links"}
-	<div>
-		<StudyLinks />
-	</div>
 	{:else }
-		<SelectUserDialog bind:open={user_dialog_open} cur_user={cur_user} />
 		<div>
 			{#key personalized_model }
-				<HypothesisPanel model={personalized_model} bind:user_dialog_open={user_dialog_open}/>
+				<HypothesisPanel model={personalized_model} cur_user={cur_user}/>
 			{/key}
 
-			<MainPanel bind:model={personalized_model} bind:error_type={error_type} on:change />
+			<MainPanel bind:model={personalized_model} bind:error_type={error_type} cur_user={cur_user} on:change />
 		</div>
 	{/if}
 </main>

indie_label_svelte/src/AppOld.svelte

@@ -1,127 +0,0 @@
-<svelte:head>
-	<title>IndieLabel</title>
-</svelte:head>
-
-<script lang="ts">
-	import { onMount } from "svelte";
-	import Section from "./Section.svelte";
-	import IterativeClustering from "./IterativeClustering.svelte";
-	import OverallResults from "./OverallResults.svelte";
-	import Labeling from "./Labeling.svelte";
-	import HypothesisPanel from "./HypothesisPanel.svelte"
-
-	let personalized_model;
-	let personalized_models = [];
-	let breakdown_category;
-	let breakdown_categories = [];
-	let systems = ["Perspective comment toxicity classifier"]; // Only one system for now
-	let clusters = [];
-	let promise = Promise.resolve(null);
-
-	function getAuditSettings() {
-		fetch("./audit_settings")
-			.then((r) => r.text())
-			.then(function (r_orig) {
-				let r = JSON.parse(r_orig);
-				breakdown_categories = r["breakdown_categories"];
-				breakdown_category = breakdown_categories[0];
-				personalized_models = r["personalized_models"];
-				personalized_model = personalized_models[0];
-				clusters = r["clusters"];
-			});
-	}
-	onMount(async () => {
-		getAuditSettings();
-	});
-
-	function handleAuditButton() {
-		promise = getAudit();
-	}
-
-	async function getAudit() {
-		let req_params = {
-			pers_model: personalized_model,
-			breakdown_axis: breakdown_category,
-			perf_metric: "avg_diff",
-			breakdown_sort: "difference",
-			n_topics: 10,
-		};
-		let params = new URLSearchParams(req_params).toString();
-		const response = await fetch("./get_audit?" + params);
-		const text = await response.text();
-		const data = JSON.parse(text);
-		return data;
-	}
-
-</script>
-
-<main>
-	<HypothesisPanel model={personalized_model} />
-
-	<Labeling />
-
-	<IterativeClustering clusters={clusters} ind={1} personalized_model={personalized_model} />
-
-	<div id="audit-settings" class="section">
-		<h5>Audit settings</h5>
-		<Section
-			section_id="systems"
-			section_title="What status-quo system would you like to audit?"
-			section_opts={systems}
-			bind:value={systems[0]}
-		/>
-		<Section
-			section_id="personalized_model"
-			section_title="What model would you like to use to represent your views?"
-			section_opts={personalized_models}
-			bind:value={personalized_model}
-		/>
-		<Section
-			section_id="breakdown_category"
-			section_title="How would you like to explore the performance of the system?"
-			section_opts={breakdown_categories}
-			bind:value={breakdown_category}
-		/>
-		<button on:click={handleAuditButton}> Generate results </button>
-		<div>
-			Personalized model: {personalized_model}, Breakdown category: {breakdown_category}
-		</div>
-	</div>
-
-	{#await promise}
-		<p>...waiting</p>
-	{:then audit_results}
-		{#if audit_results}
-			<OverallResults data={audit_results} clusters={clusters} personalized_model={personalized_model} />
-		{/if}
-	{:catch error}
-		<p style="color: red">{error.message}</p>
-	{/await}
-</main>
-
-<style>
-	main {
-		text-align: left;
-		padding: 1em;
-		max-width: 240px;
-		margin: 0 0;
-	}
-	h3 {
-		color: rgb(80, 80, 80);
-		font-size: 30px;
-	}
-	h5 {
-		color: rgb(80, 80, 80);
-		font-size: 25px;
-	}
-	h6 {
-		margin-top: 50px;
-		text-transform: uppercase;
-		font-size: 14px;
-	}
-	@media (min-width: 640px) {
-		main {
-			max-width: none;
-		}
-	}
-</style>

indie_label_svelte/src/Auditing.svelte

@@ -7,7 +7,6 @@
     import HelpTooltip from "./HelpTooltip.svelte";
     import TopicTraining from "./TopicTraining.svelte";
 
-    import { user } from './stores/cur_user_store.js';
     import { error_type } from './stores/error_type_store.js';
     import { topic_chosen } from './stores/cur_topic_store.js';
     import { model_chosen } from './stores/cur_model_store.js';
@@ -17,15 +16,13 @@
     import LayoutGrid, { Cell } from "@smui/layout-grid";
     import Radio from '@smui/radio';
     import FormField from '@smui/form-field';
-    import Card, { Content } from '@smui/card';
     import{ Wrapper } from '@smui/tooltip';
     import IconButton from '@smui/icon-button';
-    import Select, { Option } from "@smui/select";
     import Svelecte from '../node_modules/svelecte/src/Svelecte.svelte';
 
     export let personalized_model;
-    // export let topic;
     export let cur_error_type = "Both";
+    export let cur_user;
 
     let evidence = [];
     let show_audit_settings = false;
@@ -99,19 +96,8 @@
         use_group_model = true;
     }
     
-    // TEMP
     let promise_cluster = Promise.resolve(null);
 
-    // Get current user from store
-    let cur_user;
-    user.subscribe(value => {
-        if (value != cur_user) {
-            cur_user = value;
-            personalized_model = "";
-            getAuditSettings();
-        }
-	});
-
     // Get current topic from store
     let topic;
     topic_chosen.subscribe(value => {
@@ -142,7 +128,6 @@
 
     async function updateTopicChosen() {
         if (topic != null) {
-            console.log("updateTopicChosen", topic)
             topic_chosen.update((value) => topic);
         }
     }
@@ -170,7 +155,6 @@
                 model_chosen.update((value) => personalized_model);
                 clusters = r["clusters"];
                 clusters_for_tuning = r["clusters_for_tuning"];
-                console.log("clusters", clusters); // TEMP
                 topic = clusters[0]["options"][0]["text"];
                 topic_chosen.update((value) => topic);
                 handleAuditButton();  // TEMP
@@ -230,7 +214,6 @@
 		const response = await fetch("./get_cluster_results?" + params);
 		const text = await response.text();
 		const data = JSON.parse(text);
-		console.log(topic);
 		return data;
 	}
 </script>
@@ -364,7 +347,7 @@
                     </li>
                 </ul>
                 {#key topic}
-                <TopicTraining topic={topic} />
+                <TopicTraining topic={topic} cur_user={cur_user}/>
                 {/key}                    
             </div>
 

indie_label_svelte/src/CommentTable.svelte

@@ -4,23 +4,16 @@
     import Button, { Label } from "@smui/button";
     import DataTable, { Head, Body, Row, Cell } from "@smui/data-table";
     import LinearProgress from '@smui/linear-progress';
-    import IconButton from '@smui/icon-button';
-    import { user } from './stores/cur_user_store.js';
 
     export let mode;
     export let model_name;
+    export let cur_user;
 
     let to_label = {};
     let promise = Promise.resolve(null);
     let n_complete_ratings;
     let n_unsure_ratings;
 
-    // Get current user
-    let cur_user;
-    user.subscribe(value => {
-		cur_user = value;
-	});
-
     function getCommentsToLabel(cur_mode, n) {
         if (cur_mode == "train") {
             let req_params = {

indie_label_svelte/src/HypothesisPanel.svelte

@@ -1,12 +1,9 @@
 <script lang="ts">
     import { onMount } from "svelte";
     import ClusterResults from "./ClusterResults.svelte";
-    import HelpTooltip from "./HelpTooltip.svelte";
 
     import Button, { Label } from "@smui/button";
     import Textfield from '@smui/textfield';
-    import { user } from './stores/cur_user_store.js';
-    import { error_type } from './stores/error_type_store.js';
     import { new_evidence } from './stores/new_evidence_store.js';
     import { open_evidence } from './stores/open_evidence_store.js';
     import { topic_chosen } from './stores/cur_topic_store.js';
@@ -24,21 +21,12 @@
     import Checkbox from '@smui/checkbox';
     import FormField from '@smui/form-field';
     import IconButton from "@smui/icon-button";
-    import{ Wrapper } from '@smui/tooltip';
     import Radio from '@smui/radio';
-    import Switch from '@smui/switch';
 
     export let model;
-    // export let topic;
-    export let user_dialog_open;
+    export let cur_user;
 
     let all_reports = [];
-
-    let cur_user;
-    user.subscribe(value => {
-		cur_user = value;
-	});
-
     let cur_topic;
     topic_chosen.subscribe(value => {
 		cur_topic = value;
@@ -69,8 +57,6 @@
         cur_open_evidence = selected["evidence"];
         open_evidence.update((value) => cur_open_evidence);
         let isolated_topic = selected["title"].replace(/^(Topic: )/,'');
-        console.log("selected title", selected["title"]);
-        console.log(selected);
 
         // Close panel
         open = false;
@@ -229,9 +215,8 @@
     <div class="panel_header">
         <div class="panel_header_content">
             <div class="page_header">
-                <!-- <span class="page_title">IndieLabel</span> -->
                 <img src="/logo.png" style="height: 50px; padding: 0px 20px;" alt="IndieLabel" />
-                <Button on:click={() => (user_dialog_open = true)} class="user_button" color="secondary" style="margin: 12px 10px;" >
+                <Button class="user_button" color="secondary" style="margin: 12px 10px;" >
                     <Label>User: {cur_user}</Label>
                 </Button>
             </div>
@@ -578,6 +563,13 @@
     :global(.mdc-button.user_button) {
         float: right;
         margin-right: 20px;
+        max-width: 200px;
+    }
+
+    :global(.mdc-button.user_button span) {
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
     }
 
     .page_header {

indie_label_svelte/src/Labeling.svelte

@@ -8,7 +8,8 @@
     import Button, { Label } from "@smui/button";
     import LinearProgress from '@smui/linear-progress';
     import Svelecte from '../node_modules/svelecte/src/Svelecte.svelte';
-    import { user } from './stores/cur_user_store.js';
+
+    export let cur_user;
 
     let model_name = "";
     let personalized_models = [];
@@ -17,23 +18,12 @@
         "Create a new model",
         "Edit an existing model",
         "Tune your model for a topic area",
-        "Set up a group-based model",
+        // "Set up a group-based model",
     ];
     
     let clusters_for_tuning = [];
     let topic;
 
-    // Get current user
-    let cur_user;
-    user.subscribe(value => {
-        if (value != cur_user) {
-            cur_user = value;
-            personalized_models = [];
-            getLabeling();
-        }
-		cur_user = value;
-	});
-
     // Handle routing
     let label_mode = label_modes[0];
 	let searchParams = new URLSearchParams(window.location.search);
@@ -45,6 +35,7 @@
     } else if (req_label_mode == 2) {
         label_mode = label_modes[2];
     } else if (req_label_mode == 3) {
+        // Unused; previous group-based mode
         label_mode = label_modes[3];
     } 
 
@@ -172,7 +163,7 @@
                 </li>
             </ul>
 
-            <CommentTable mode={"train"} model_name={model_name}/>
+            <CommentTable mode={"train"} model_name={model_name} cur_user={cur_user}/>
         </div>
     {:else if label_mode == label_modes[1]}
         <!-- EXISTING MODEL -->
@@ -202,7 +193,7 @@
                 </li>
             </ul>
             {#key existing_model_name}
-                <CommentTable mode={"view"} model_name={existing_model_name}/>
+                <CommentTable mode={"view"} model_name={existing_model_name} cur_user={cur_user}/>
             {/key}
         </div>
     {:else if label_mode == label_modes[2]}
@@ -239,7 +230,7 @@
                         </li>
                     </ul>
                     {#key topic}
-                    <TopicTraining topic={topic} model_name={model_name} />
+                    <TopicTraining topic={topic} model_name={model_name} cur_user={cur_user}/>
                     {/key}                    
                 </div>
 

indie_label_svelte/src/MainPanel.svelte

@@ -1,24 +1,20 @@
 <script lang="ts">
 	import Labeling from "./Labeling.svelte";
 	import Auditing from "./Auditing.svelte";
-	import AppOld from "./AppOld.svelte";
 
 	import Tab, { Label } from "@smui/tab";
 	import TabBar from "@smui/tab-bar";
 
 	export let model;
-	// export let topic;
 	export let error_type;
-
-	let app_versions = ["old", "new"];
-	let app_version = "new";
+	export let cur_user;
 
 	// Handle routing
-	let active = "auditing";
+	let active = "labeling";
     let searchParams = new URLSearchParams(window.location.search);
     let tab = searchParams.get("tab");
-	if (tab == "labeling") {
-		active = "labeling";
+	if (tab == "auditing") {
+		active = "auditing";
 	}
 	
 </script>
@@ -37,37 +33,16 @@
 	</div>
 
 	<div class="panel_contents">
-		<!-- VERSION SELECTION -->
-		<!-- <div>
-			<Section
-				section_id="app_version"
-				section_title="What app version do you want to use?"
-				section_opts={app_versions}
-                width_pct={40}
-				bind:value={app_version}
-			/>
-		</div> -->
-
-		{#if app_version == app_versions[0]}
-			<!-- OLD VERSION -->
-			<AppOld />
-		{:else if app_version == app_versions[1]}
-			<!-- NEW VERSION -->
-			<div>
-				<div id="labeling" hidden={active == "auditing"} >
-					<Labeling/>	
-				</div>
+		<div>
+			<div id="labeling" hidden={active == "auditing"} >
+				<Labeling cur_user={cur_user}/>	
+			</div>
 
-				<div id="auditing" hidden={active == "labeling"} >
-					<Auditing bind:personalized_model={model} bind:cur_error_type={error_type} on:change/>	
-				</div>
+			<div id="auditing" hidden={active == "labeling"} >
+				<Auditing bind:personalized_model={model} bind:cur_error_type={error_type} cur_user={cur_user} on:change/>	
 			</div>
-		{/if}
+		</div>
 
-		<!-- TEMP -->
-		<!-- {#key model}
-			<div>Model: {model}</div> 
-		{/key} -->
 	</div>
 </div>
 

indie_label_svelte/src/OverallResults.svelte

@@ -19,18 +19,6 @@
     let topic_overview_spec = topic_overview_json;
     let topic_overview_view: View;
 
-    // // Overall Histogram
-    // let overall_hist_json = data["overall_perf"]["overall_hist_json"];
-    // let overall_hist_data = overall_hist_json["datasets"][overall_hist_json["data"]["name"]];
-    // let overall_hist_spec = overall_hist_json;
-    // let overall_hist_view: View;
-
-    // // Class-conditional Histogram
-    // let class_cond_plot_json = data["overall_perf"]["class_cond_plot_json"];
-    // let class_cond_plot_data = class_cond_plot_json["datasets"][class_cond_plot_json["data"]["name"]];
-    // let class_cond_plot_spec = class_cond_plot_json;
-    // let class_cond_plot_view: View;
-
 </script>
 
 <div>
@@ -84,73 +72,6 @@
         </div>
     </div>
 
-    <!-- Old visualizations -->
-    <!-- <div style="margin-top: 500px">
-        <h6>Overall Performance</h6>
-        <div class="row">
-            <div class="col s12">
-                <div id="overall_perf">
-                    <table>
-                        <tbody>
-                            <tr class="custom-blue">
-                                <td class="bold"
-                                    >System {data[
-                                        "overall_perf"
-                                    ]["metric"]} with YOUR labels</td
-                                >
-                                <td>
-                                    <span class="bold-large"
-                                        >{data[
-                                            "overall_perf"
-                                        ]["user_metric"]}</span
-                                    >
-                                    (Percentile: {data[
-                                        "overall_perf"
-                                    ]["user_percentile"]})
-                                </td>
-                            </tr>
-                            <tr>
-                                <td class="bold"
-                                    >System {data[
-                                        "overall_perf"
-                                    ]["metric"]} with OTHER USERS' labels</td
-                                >
-                                <td>
-                                    <span class="bold-large"
-                                        >{data[
-                                            "overall_perf"
-                                        ]["other_metric"]}</span
-                                    >
-                                    (95% CI: [{data[
-                                        "overall_perf"
-                                    ]["other_ci_low"]}, {data[
-                                        "overall_perf"
-                                    ]["other_ci_high"]}])
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-            </div>
-        </div>
-        <div class="row">
-            <div class="col s8">
-                <VegaLite {overall_hist_data} spec={overall_hist_spec} bind:view={overall_hist_view}/>
-            </div>
-        </div>
-        
-        <h6>Performance Breakdown</h6>
-        <div class="row">
-            <div class="col s12">
-                <div class="row">
-                    <div class="col s12">
-                        <VegaLite {class_cond_plot_data} spec={class_cond_plot_spec} bind:view={class_cond_plot_view} />
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div> -->
-
 </div>
 <style>
 </style>

indie_label_svelte/src/Results.svelte

@@ -1,206 +0,0 @@
-<script lang="ts">
-    import { onMount } from "svelte";
-    import ClusterResults from "./ClusterResults.svelte";
-
-    import Button, { Label } from "@smui/button";
-    import LinearProgress from "@smui/linear-progress";
-    import Checkbox from '@smui/checkbox';
-    import DataTable, {
-        Head,
-        Body,
-        Row,
-        Cell,
-        Label,
-        SortValue,
-    } from "@smui/data-table";
-    import FormField from "@smui/form-field";
-
-    let cur_examples = [];
-    let promise = Promise.resolve(null);
-
-    let scaffold_methods = ["personal", "personal_group", "prompts"];
-
-    let all_users = [];
-	async function getUsers() {    
-		const response = await fetch("./get_users");
-		const text = await response.text();
-		const data = JSON.parse(text);
-		all_users = data["users"];
-        promise = getResults();
-	}
-
-    onMount(async () => {
-        getUsers()
-    });
-    
-    async function getResults() {
-        let req_params = {
-            users: all_users
-        };
-        let params = new URLSearchParams(req_params).toString();
-        const response = await fetch("./get_results?" + params);
-        const text = await response.text();
-        const data = JSON.parse(text);
-
-        let results = data["results"];
-        return results;
-    }
-
-    function get_complete_ratio(reports) {
-        let total = reports.length;
-        let complete = reports.filter(item => item.complete_status).length;
-        return "" + complete + "/" + total + " complete";
-    }
-
-    function get_complete_count(reports) {
-        return reports.filter(item => item.complete_status).length;
-    }
-
-    function get_summary(reports) {
-        let summary = "";
-        let total_audits = 0
-        for (const scaffold_method of scaffold_methods) {
-            if (reports[scaffold_method]) {
-                let cur_reports = reports[scaffold_method];
-                let cur_ratio = get_complete_ratio(cur_reports);
-                let cur_result = "<li><b>" + scaffold_method + "</b>: " + cur_ratio + "</li>";
-                summary += cur_result;
-                let cur_complete = get_complete_count(cur_reports);
-                total_audits += cur_complete;
-            }
-        }
-
-        let top_summary = "<li><b>Total audits</b>: " + total_audits + "</li>";
-        summary = "<ul>" + top_summary + summary + "</ul>";
-        return summary;
-    }
-
-    function get_url(user, scaffold_method) {
-        return "http://localhost:5001/?user=" + user + "&scaffold=" + scaffold_method;
-    }
-</script>
-
-<svelte:head>
-    <title>Results</title>
-</svelte:head>
-
-<div class="panel">
-    <div class="panel_contents">
-        <div>
-            <h3>Results</h3>
-        </div>
-
-        <div style="padding-top:50px">
-            {#await promise}
-                <div class="app_loading">
-                    <LinearProgress indeterminate />
-                </div>
-            {:then results}
-                {#if results}
-                    {#each results as user_report}
-                        <div class="head_3">{user_report["user"]}</div>
-                        <div class="section_indent">
-                            <div class="head_5">Summary</div>
-                            <div>{@html get_summary(user_report)}</div>
-                            <ul>
-                                <li>Labeling pages
-                                    <ul>
-                                        <li>
-                                            <a href="http://localhost:5001/?user={user_report["user"]}&tab=labeling&label_mode=3" target="_blank">Group-based model</a>
-                                        </li>
-                                        <li>
-                                            <a href="http://localhost:5001/?user={user_report["user"]}&tab=labeling&label_mode=0" target="_blank">Personalized model</a>
-                                        </li>
-                                    </ul>
-                                </li>
-                                <li>Auditing pages
-                                    <ul>
-                                        <li>
-                                            <a href="http://localhost:5001/?user={user_report["user"]}&scaffold=personal_group" target="_blank">Group-based audit - personal scaffold</a>
-                                        </li>
-                                        <li>
-                                            <a href="http://localhost:5001/?user={user_report["user"]}&scaffold=personal" target="_blank">Individual audit - personal scaffold</a>
-                                        </li>
-                                        <li>
-                                            <a href="http://localhost:5001/?user={user_report["user"]}&scaffold=prompts" target="_blank">Individual audit - prompt scaffold</a>
-                                        </li>
-                                    </ul>
-                                </li>
-                            </ul>
-                        </div>
-                        {#each scaffold_methods as scaffold_method}
-                            {#if user_report[scaffold_method]}
-                            <div class="spacing_vert_60 section_indent">
-                                <div class="head_5">
-                                    {scaffold_method} ({get_complete_ratio(user_report[scaffold_method])})
-                                    [<a href={get_url(user_report["user"], scaffold_method)} target="_blank">link</a>]
-                                </div>
-                                {#each user_report[scaffold_method] as report}
-                                    <div class="spacing_vert_40 section_indent">
-                                        <div class="head_6_non_cap">
-                                            {report["title"]}
-                                        </div>
-
-                                        <div class="spacing_vert_20">
-                                            <div class="">
-                                                <b>Error type</b>
-                                            </div>
-                                            {report["error_type"]}
-                                        </div>
-
-                                        <div class="spacing_vert_20">
-                                            <div class="">
-                                                <b>Evidence</b>
-                                            </div>
-                                            {#if report["evidence"].length > 0}
-                                            <ClusterResults 
-                                                cluster={null} 
-                                                model={null} 
-                                                data={{"cluster_comments": report["evidence"]}} 
-                                                show_vis={false} 
-                                                show_checkboxes={false} 
-                                                table_width_pct={100} 
-                                                rowsPerPage={10} 
-                                                table_id={"panel"}
-                                            />
-                                            {:else}
-                                                <p class="grey_text">
-                                                    No examples added
-                                                </p>
-                                            {/if}
-                                        </div>
-
-                                        <div class="spacing_vert_20">
-                                            <div class="">
-                                                <b>Summary/Suggestions</b>
-                                            </div>
-                                            {report["text_entry"]}
-                                        </div>
-
-                                        <div class="spacing_vert_20">
-                                            <b>Completed</b>
-                                            <FormField>
-                                                <Checkbox checked={report["complete_status"]} disabled/>
-                                            </FormField>
-                                        </div>
-                                        
-                                    </div>
-                                {/each}
-                            </div>
-                            {/if}
-                        {/each}
-                    {/each}
-                {/if}
-            {:catch error}
-                <p style="color: red">{error.message}</p>
-            {/await}
-        </div>
-    </div>
-</div>
-
-<style>
-    .panel {
-        width: 80%;
-        padding: 50px;
-    }
-</style>

indie_label_svelte/src/SelectUserDialog.svelte

@@ -1,66 +0,0 @@
-<script lang="ts">
-    import Dialog, { Title, Content, Actions } from "@smui/dialog";
-    import Button, { Label } from "@smui/button";
-    import Textfield from "@smui/textfield";
-    import Select, { Option } from "@smui/select";
-    import { user } from "./stores/cur_user_store.js";
-    import { users } from "./stores/all_users_store.js";
-
-    export let open;
-    export let cur_user;
-    let cur_user_tf = cur_user;
-    let cur_user_sel = cur_user;
-
-    let all_users;
-    users.subscribe((value) => {
-        all_users = value;
-    });
-
-    function updateUserTextField() {
-        user.update((value) => cur_user_tf);
-        if (!all_users.includes(user)) {
-            all_users = all_users.concat(cur_user_tf);
-            users.update(all_users);
-        } 
-        open = false;
-    }
-
-    function updateUserSel() {
-        user.update((value) => cur_user_sel);
-        open = false;
-    }
-</script>
-
-<div>
-    <Dialog
-        bind:open
-        aria-labelledby="simple-title"
-        aria-describedby="simple-content"
-    >
-        <!-- Title cannot contain leading whitespace due to mdc-typography-baseline-top() -->
-        <Title id="simple-title">Select Current User</Title>
-        <Content id="simple-content">
-            <Textfield bind:value={cur_user_tf} label="Enter user's name" />
-
-            <Select bind:value={cur_user_sel} label="Select Menu">
-                {#each all_users as u}
-                    <Option value={u}>{u}</Option>
-                {/each}
-            </Select>
-        </Content>
-        <Actions>
-            <Button on:click={updateUserTextField}>
-                <Label>Update from TextField</Label>
-            </Button>
-            <Button on:click={updateUserSel}>
-                <Label>Update from Select</Label>
-            </Button>
-        </Actions>
-    </Dialog>
-</div>
-
-<style>
-    :global(.mdc-dialog__surface) {
-        height: 300px;
-    }
-</style>

indie_label_svelte/src/StudyLinks.svelte

@@ -1,59 +0,0 @@
-<script lang="ts">
-    import { user } from "./stores/cur_user_store.js";
-
-    let cur_user;
-    user.subscribe((value) => {
-        cur_user = value;
-    });
-
-</script>
-
-<svelte:head>
-    <title>Study Links</title>
-</svelte:head>
-
-<div class="panel">
-    <div class="panel_contents">
-        <div>
-            <h3>Study Links</h3>
-        </div>
-
-        <div>
-            <!-- <div class="head_5">{cur_user}</div> -->
-            <div class="section_indent">
-                <ul>
-                    <li>Labeling pages
-                        <ul>
-                            <li>
-                                <a href="http://localhost:5001/?user={cur_user}&tab=labeling&label_mode=3" target="_blank">Group-based model</a>
-                            </li>
-                            <li>
-                                <a href="http://localhost:5001/?user={cur_user}&tab=labeling&label_mode=0" target="_blank">Personalized model</a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li>Auditing pages
-                        <ul>
-                            <li>
-                                <a href="http://localhost:5001/?user={cur_user}&scaffold=personal_group" target="_blank">Group-based audit - personal scaffold</a>
-                            </li>
-                            <li>
-                                <a href="http://localhost:5001/?user={cur_user}&scaffold=personal" target="_blank">Individual audit - personal scaffold</a>
-                            </li>
-                            <li>
-                                <a href="http://localhost:5001/?user={cur_user}&scaffold=prompts" target="_blank">Individual audit - prompt scaffold</a>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </div>
-</div>
-
-<style>
-    .panel {
-        width: 80%;
-        padding: 50px;
-    }
-</style>

indie_label_svelte/src/TopicTraining.svelte

@@ -4,21 +4,15 @@
     import Button, { Label } from "@smui/button";
     import DataTable, { Head, Body, Row, Cell } from "@smui/data-table";
     import LinearProgress from '@smui/linear-progress';
-    import { user } from './stores/cur_user_store.js';
     import { model_chosen } from './stores/cur_model_store.js';
 
     export let topic;
     export let model_name = null;
+    export let cur_user;
 
     let to_label = {};
     let promise = Promise.resolve(null);
 
-    // Get current user
-    let cur_user;
-    user.subscribe(value => {
-		cur_user = value;
-	});
-
     // Get current model
     if (model_name == null) {
         model_chosen.subscribe(value => {

indie_label_svelte/src/stores/all_users_store.js

@@ -1,6 +0,0 @@
-import { writable } from 'svelte/store';
-
-// Fallback if request doesn't work
-let all_users = ["DemoUser"];
-
-export const users = writable(all_users);

indie_label_svelte/src/stores/cur_user_store.js

@@ -1,3 +0,0 @@
-import { writable } from 'svelte/store';
-
-export const user = writable("DemoUser");

server.py

@@ -17,10 +17,12 @@ import math
 import altair as alt
 import matplotlib.pyplot as plt
 import time
+import friendlywords as fw
 
 import audit_utils as utils
 
 app = Flask(__name__)
+DEBUG = False  # Debug flag for development; set to False for production
 
 # Path for our main Svelte page
 @app.route("/")
@@ -38,11 +40,19 @@ def home(path):
 comments_grouped_full_topic_cat = pd.read_pickle("data/comments_grouped_full_topic_cat2_persp.pkl")
 
 @app.route("/audit_settings")
-def audit_settings():
+def audit_settings(debug=DEBUG):
     # Fetch page content
     user = request.args.get("user")
     scaffold_method = request.args.get("scaffold_method")
 
+    # Assign user ID if none is provided (default case)
+    if user == "null":
+        if debug:
+            user = "DemoUser"
+        else:
+            # Generate random two-word user ID
+            user = fw.generate(2, separator="_")
+
     user_models = utils.get_all_model_names(user)
     grp_models = [m for m in user_models if m.startswith(f"model_{user}_group_")]
 
@@ -89,21 +99,10 @@ def audit_settings():
         "breakdown_categories": ['Topic', 'Toxicity Category', 'Toxicity Severity'],
         "clusters": clusters_options,
         "clusters_for_tuning": clusters_for_tuning_options,
+        "user": user,
     }
     return json.dumps(context)
 
-########################################
-# ROUTE: /GET_USERS
-@app.route("/get_users")
-def get_users():
-    # Fetch page content
-    with open(f"./data/users_to_models.pkl", "rb") as f:
-        users_to_models = pickle.load(f)
-        users = list(users_to_models.keys())
-        context = {
-            "users": users,
-        }
-        return json.dumps(context)
 
 ########################################
 # ROUTE: /GET_AUDIT
@@ -320,8 +319,7 @@ def get_labeling():
     clusters_for_tuning = utils.get_large_clusters(min_n=150)
     clusters_for_tuning_options = [{"value": i, "text": cluster} for i, cluster in enumerate(clusters_for_tuning)]  # Format for Svelecte UI element
 
-    # model_name_suggestion = f"model_{int(time.time())}"
-    model_name_suggestion = f"model_{user}"
+    model_name_suggestion = f"my_model"
 
     context = {
         "personalized_models": utils.get_all_model_names(user),
@@ -764,40 +762,5 @@ def get_explore_examples():
     }
     return json.dumps(results)
 
-########################################
-# ROUTE: /GET_RESULTS
-@app.route("/get_results")
-def get_results():
-    users = request.args.get("users")
-    if users != "":
-        users = users.split(",")
-    # print("users", users)
-
-    IGNORE_LIST = ["DemoUser"]
-    report_dir = f"./data/user_reports"
-    
-
-    # For each user, get personal and prompt results
-    # Get links to label pages and audit pages
-    results = []
-    for user in users:
-        if user not in IGNORE_LIST:
-            user_results = {}
-            user_results["user"] = user
-            for scaffold_method in ["personal", "personal_group", "prompts"]:
-                # Get results
-                user_file = os.path.join(report_dir, f"{user}_{scaffold_method}.pkl")
-                if os.path.isfile(user_file):
-                    with open(user_file, "rb") as f:
-                        user_results[scaffold_method] = pickle.load(f)
-            results.append(user_results)
-
-    # print("results", results)
-
-    results = {
-        "results": results,
-    }
-    return json.dumps(results)
-
 if __name__ == "__main__":
     app.run(debug=True, port=5001)