Function SquadStack

packages/shared/src/components/squads/stack/SquadStack.tsx:28–197

({ squad }: SquadStackProps)

}

export function SquadStack({ squad }: SquadStackProps): ReactElement | null {
  const { stackItems, canEdit, canAddMore, add, update, remove } =
    useSourceStack(squad);
  const { displayToast } = useToastNotification();
  const { showPrompt } = usePrompt();

  const [isModalOpen, setIsModalOpen] = useState(false);
  const [editingItem, setEditingItem] = useState<SourceStack | null>(null);
  const [isExpanded, setIsExpanded] = useState(false);

  const handleAdd = useCallback(
    async (input: AddSourceStackInput) => {
      try {
        await add(input);
        displayToast('Added to squad stack');
      } catch (error) {
        displayToast('Failed to add item');
        throw error;
      }
    },
    [add, displayToast],
  );

  const handleEdit = useCallback((item: SourceStack) => {
    setEditingItem(item);
    setIsModalOpen(true);
  }, []);

  const handleUpdate = useCallback(
    async (input: AddSourceStackInput) => {
      if (!editingItem) {
        return;
      }
      try {
        await update({
          id: editingItem.id,
          input: {
            title: input.title,
          },
        });
        displayToast('Stack item updated');
      } catch (error) {
        displayToast('Failed to update item');
        throw error;
      }
    },
    [editingItem, update, displayToast],
  );

  const handleDelete = useCallback(
    async (item: SourceStack) => {
      const displayTitle = item.title ?? item.tool.title;
      const confirmed = await showPrompt({
        title: 'Remove from stack?',
        description: `Are you sure you want to remove "${displayTitle}" from the squad stack?`,
        okButton: { title: 'Remove', variant: ButtonVariant.Primary },
      });
      if (!confirmed) {