Add todo list

client/src/components/app-bar/FeaturePicker.tsx

@@ -1,11 +1,11 @@
-import { ArrowDropDownOutlined } from "@mui/icons-material";
-import { Button, Typography as Type } from "@mui/material";
-import { find, map, startCase } from "lodash";
-import { FeatureDescriptor } from "protocol/FeatureQuery";
-import { ReactNode } from "react";
-import { Select } from "components/generic/Select";
-import { Space } from "components/generic/Space";
-
+import { ArrowDropDownOutlined } from "@mui/icons-material";
+import { Button, ButtonProps, Typography as Type } from "@mui/material";
+import { find, map, startCase } from "lodash";
+import { FeatureDescriptor } from "protocol/FeatureQuery";
+import { ReactNode } from "react";
+import { Select } from "components/generic/Select";
+import { Space } from "components/generic/Space";
+
 type Props = {
   label?: string;
   value?: string;
@@ -14,6 +14,7 @@ type Props = {
   icon?: ReactNode;
   showArrow?: boolean;
   disabled?: boolean;
+  ButtonProps?: ButtonProps;
 };
 
 export function FeaturePicker({
@@ -24,6 +25,7 @@ export function FeaturePicker({
   icon,
   showArrow,
   disabled,
+  ButtonProps,
 }: Props) {
   const selected = find(items, { id: value });
   return (
@@ -32,6 +34,7 @@ export function FeaturePicker({
       trigger={(props) => (
         <Button
           {...props}
+          {...ButtonProps}
           disabled={!items?.length || disabled}
           startIcon={icon}
           endIcon={showArrow && <ArrowDropDownOutlined sx={{ ml: -0.5 }} />}
@@ -56,4 +59,4 @@ export function FeaturePicker({
       onChange={onChange}
     />
   );
-}
+}

client/src/components/app-bar/Input.tsx

@@ -1,15 +1,15 @@
-import { FileOpenTwoTone } from "@mui/icons-material";
-import { Button } from "@mui/material";
-import { find } from "lodash";
-import { EditorProps } from "../Editor";
-import { FeaturePicker } from "./FeaturePicker";
-import { custom as customMap, uploadMap, uploadTrace } from "./upload";
-import { useSnackbar } from "components/generic/Snackbar";
-import { useConnections } from "slices/connections";
-import { useFeatures } from "slices/features";
-import { useLoadingState } from "slices/loading";
-import { Map, UploadedTrace } from "slices/UIState";
-
+import { FileOpenTwoTone } from "@mui/icons-material";
+import { Button } from "@mui/material";
+import { find } from "lodash";
+import { EditorProps } from "../Editor";
+import { FeaturePicker } from "./FeaturePicker";
+import { custom as customMap, uploadMap, uploadTrace } from "./upload";
+import { useSnackbar } from "components/generic/Snackbar";
+import { useConnections } from "slices/connections";
+import { useFeatures } from "slices/features";
+import { useLoadingState } from "slices/loading";
+import { Map, UploadedTrace } from "slices/UIState";
+
 export const mapDefaults = { start: undefined, end: undefined };
 
 export function MapPicker({ onChange, value }: EditorProps<Map>) {
@@ -20,6 +20,7 @@ export function MapPicker({ onChange, value }: EditorProps<Map>) {
   return (
     <FeaturePicker
       showArrow
+      icon={<FileOpenTwoTone />}
       label="Choose Map"
       value={value?.id}
       items={[
@@ -75,7 +76,7 @@ export function TracePicker({ onChange, value }: EditorProps<UploadedTrace>) {
         }
       }}
     >
-      {value?.id ? `Uploaded Trace - ${value.name}` : "Upload Search Trace"}
+      {value?.id ? `Uploaded Trace - ${value.name}` : "Choose File"}
     </Button>
   );
 }
@@ -162,4 +163,4 @@ export function TracePicker({ onChange, value }: EditorProps<UploadedTrace>) {
 // />
 //     </>
 //   );
-// }
+// }

docs/todo.md

@@ -0,0 +1,39 @@
+# Todo
+
+## Core
+
+- [ ] Documentation
+
+- [ ] Tree view should be rendered as a Directed Acyclic Graph
+
+- [ ] Sync options for list view
+
+- [ ] Search trace enhancement: visibility controls
+
+- [ ] Command system
+
+## Enhancement
+
+- [ ] UI improvements
+
+- [ ] Demos and recipes
+
+- [ ] Solver-first pipe adapter
+
+- [ ] CLI adapter
+
+- [ ] Search trace enhancement: tag/clear control flow events
+
+- [ ] Search trace enhancement: YAML
+
+- [ ] Expose renderer interface
+
+## Bugs
+
+- [ ] Queries get stuck in a loop due to setting layer properties to bad values
+
+- [ ] Layers sometimes don't render
+
+- [ ] Layers are unordered
+
+- [ ] Steps should reset to sane value after a layer is cleared