Cancelでも更新するように

ダイアログのデザインを修正, ディレクトリピッカー実装, フォルダの移動に対応

.idea/gradle.xml

@@ -4,6 +4,7 @@
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
+        <option name="testRunner" value="GRADLE" />
         <option name="externalProjectPath" value="$PROJECT_DIR$" />
         <option name="gradleJvm" value="jbr-17" />
         <option name="modules">
@@ -30,6 +31,7 @@
             <option value="$PROJECT_DIR$/source" />
             <option value="$PROJECT_DIR$/utils" />
             <option value="$PROJECT_DIR$/vcs" />
+            <option value="$PROJECT_DIR$/viewer2" />
           </set>
         </option>
         <option name="resolveExternalAnnotations" value="false" />

.idea/misc.xml

@@ -1,6 +1,6 @@
 <project version="4">
   <component name="ExternalStorageConfigurationManager" enabled="true" />
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_17" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">
     <output url="file://$PROJECT_DIR$/build/classes" />
   </component>
   <component name="ProjectType">

README.md

@@ -1,5 +1,6 @@
 # Lacerta
 学習に便利な機能とGit-like VCSを持ったドキュメントスキャナ (Work In Progress)
+(グループワーク)
 
 ## モジュール設計
 ![Untitled Diagram(2)(1) drawio(1)](https://github.com/lacerta-doc/Lacerta/assets/66072112/f9b9c40f-bed0-4ade-95c1-50e28df68f35)

component/common/build.gradle

@@ -1,5 +1,6 @@
 plugins {
     alias(libs.plugins.com.android.library)
+    id 'com.google.dagger.hilt.android'
 }
 
 android {
@@ -33,5 +34,12 @@ dependencies {
     androidTestImplementation libs.androidx.test.ext.junit
     androidTestImplementation libs.androidx.test.espresso.core
 
+    // Hilt (DI)
+    implementation libs.com.google.dagger.hilt.android
+    annotationProcessor libs.com.google.dagger.hilt.compiler
+
     implementation project(':shared:ui')
+    implementation project(':utils')
+    implementation project(':model')
+    implementation project(':data')
 }

component/common/src/main/java/one/nem/lacerta/component/common/LacertaCreateTagDialog.java

@@ -0,0 +1,87 @@
+package one.nem.lacerta.component.common;
+
+import android.app.Dialog;
+import android.os.Bundle;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.widget.EditText;
+
+import androidx.fragment.app.DialogFragment;
+
+import com.google.android.material.dialog.MaterialAlertDialogBuilder;
+
+public class LacertaCreateTagDialog extends DialogFragment {
+
+    private String title;
+
+    private String message;
+
+    private String positiveButtonText;
+
+    private String negativeButtonText;
+
+    private LacertaCreateTagDialogListener listener;
+
+    // Setter
+
+    public LacertaCreateTagDialog setListener(LacertaCreateTagDialogListener listener) {
+        this.listener = listener;
+        return this;
+    }
+
+    public LacertaCreateTagDialog setTitle(String title) {
+        this.title = title;
+        return this;
+    }
+
+    public LacertaCreateTagDialog setMessage(String message) {
+        this.message = message;
+        return this;
+    }
+
+    public LacertaCreateTagDialog setPositiveButtonText(String positiveButtonText) {
+        this.positiveButtonText = positiveButtonText;
+        return this;
+    }
+
+    public LacertaCreateTagDialog setNegativeButtonText(String negativeButtonText) {
+        this.negativeButtonText = negativeButtonText;
+        return this;
+    }
+
+    @Override
+    public Dialog onCreateDialog(Bundle savedInstanceState) {
+        MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(getActivity());
+        LayoutInflater inflater = requireActivity().getLayoutInflater();
+        View view = inflater.inflate(R.layout.lacerta_dialog_create_tag, null);
+
+        // TextEdit
+        EditText tag_name_edit_text = view.findViewById(R.id.tag_name_edit_text);
+        com.google.android.material.textfield.TextInputLayout tag_name_text_input_layout = view.findViewById(R.id.tag_name_text_input_layout);
+        tag_name_text_input_layout.setHint("タグの名前");
+        EditText tag_color_edit_text = view.findViewById(R.id.tag_color_edit_text);
+        com.google.android.material.textfield.TextInputLayout tag_color_text_input_layout = view.findViewById(R.id.tag_color_text_input_layout);
+        tag_color_text_input_layout.setHint("タグの色(カラーコード)");
+
+        builder.setTitle(this.title == null ? "Create new tag" : this.title);
+
+        // Button
+        builder.setPositiveButton(positiveButtonText == null ? "OK" : positiveButtonText, (dialog, which) -> {
+            String tag_name = tag_name_edit_text.getText().toString();
+            String tag_color = tag_color_edit_text.getText().toString();
+            if (listener != null) {
+                listener.onPositiveClick(tag_name, tag_color);
+            }
+        });
+        builder.setNegativeButton(negativeButtonText == null ? "Cancel" : negativeButtonText, (dialog, which) -> {
+            if (listener != null) {
+                listener.onNegativeClick();
+            }
+        });
+
+        builder.setView(view);
+        return builder.create();
+    }
+
+
+}

component/common/src/main/java/one/nem/lacerta/component/common/LacertaCreateTagDialogListener.java

@@ -0,0 +1,8 @@
+package one.nem.lacerta.component.common;
+
+public interface LacertaCreateTagDialogListener {
+
+    void onPositiveClick(String tag_name, String tag_color);
+
+    void onNegativeClick();
+}

component/common/src/main/java/one/nem/lacerta/component/common/LacertaSelectDirDialog.java

@@ -0,0 +1,163 @@
+package one.nem.lacerta.component.common;
+
+import android.app.Dialog;
+import android.os.Bundle;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.widget.TextView;
+
+import androidx.fragment.app.DialogFragment;
+import androidx.recyclerview.widget.RecyclerView;
+
+import com.google.android.material.dialog.MaterialAlertDialogBuilder;
+
+import javax.inject.Inject;
+
+import dagger.hilt.android.AndroidEntryPoint;
+import one.nem.lacerta.data.LacertaLibrary;
+import one.nem.lacerta.model.ListItemType;
+import one.nem.lacerta.utils.LacertaLogger;
+
+@AndroidEntryPoint
+public class LacertaSelectDirDialog extends DialogFragment {
+
+    @Inject
+    LacertaLibrary lacertaLibrary;
+
+    @Inject
+    LacertaLogger logger;
+
+    private LacertaSelectDirDialogListener listener;
+
+    private String title;
+
+    private String message;
+
+    private String positiveButtonText;
+
+    private String negativeButtonText;
+
+    private SelectDirDialogItemAdapter adapter;
+
+    private RecyclerView recyclerView;
+
+    private TextView current_dir_text_view;
+
+    // Setter
+
+    public LacertaSelectDirDialog setListener(LacertaSelectDirDialogListener listener) {
+        this.listener = listener;
+        return this;
+    }
+
+    public LacertaSelectDirDialog setTitle(String title) {
+        this.title = title;
+        return this;
+    }
+
+    public LacertaSelectDirDialog setMessage(String message) {
+        this.message = message;
+        return this;
+    }
+
+    public LacertaSelectDirDialog setPositiveButtonText(String positiveButtonText) {
+        this.positiveButtonText = positiveButtonText;
+        return this;
+    }
+
+    public LacertaSelectDirDialog setNegativeButtonText(String negativeButtonText) {
+        this.negativeButtonText = negativeButtonText;
+        return this;
+    }
+
+    @Override
+    public Dialog onCreateDialog(Bundle savedInstanceState) {
+
+        super.onCreateDialog(savedInstanceState);
+
+        MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(getActivity());
+        LayoutInflater inflater = requireActivity().getLayoutInflater();
+        View view = inflater.inflate(R.layout.lacerta_dialog_select_dir, null);
+
+        // 高さを画面の60%にする
+        int height = (int) (getResources().getDisplayMetrics().heightPixels * 0.6);
+        view.setMinimumHeight(height);
+
+        this.recyclerView = view.findViewById(R.id.select_dir_recycler_view);
+        this.current_dir_text_view = view.findViewById(R.id.current_dir_text_view);
+
+        this.adapter = new SelectDirDialogItemAdapter(new LacertaSelectDirDialogInternalEventListener() {
+            @Override
+            public void onDirSelected(String name, String itemId) {
+                showRecyclerViewItem(itemId);
+            }
+
+            @Override
+            public void onBackSelected(String parentId) {
+                showRecyclerViewItem(parentId);
+            }
+        });
+
+        this.recyclerView.setAdapter(this.adapter);
+        builder.setView(view);
+
+        showRecyclerViewItem(null); // get root folder
+
+        builder.setTitle(this.title == null ? "Select a directory" : this.title);
+        builder.setMessage(this.message == null ? "Select a directory" : this.message);
+        builder.setPositiveButton(this.positiveButtonText == null ? "OK" : this.positiveButtonText, (dialog, which) -> {
+            if (listener != null) {
+                listener.onDirSelected(
+                        adapter.getCurrentPageTitle() == null ? null : adapter.getCurrentPageTitle(),
+                        adapter.getCurrentId() == null ? null : adapter.getCurrentId());
+            }
+        });
+        builder.setNegativeButton(this.negativeButtonText == null ? "Cancel" : this.negativeButtonText, (dialog, which) -> {
+            if (listener != null) {
+                listener.onCanceled();
+            }
+        });
+        return builder.create();
+    }
+
+    private void showRecyclerViewItem(String targetDirId) {
+        lacertaLibrary.getPublicPath(targetDirId, ListItemType.ITEM_TYPE_FOLDER).thenAccept(publicPath -> {
+            getActivity().runOnUiThread(() -> {
+                if (publicPath != null) {
+                    current_dir_text_view.setText("/" + publicPath.getStringPath()); // TODO-rca: PublicPathの実装を修正する
+                } else {
+                    current_dir_text_view.setText("/");
+                }
+            });
+        });
+        lacertaLibrary.getFolderList(targetDirId).thenAccept(libraryItemPage -> {
+            getActivity().runOnUiThread(() -> {
+                int currentCount = adapter.getItemCount();
+                String currentDirId = adapter.getCurrentId();
+                if (currentDirId == null) {
+                    // Rootが関わる推移 (Rootからの推移)
+                    adapter.setListItems(libraryItemPage);
+                    adapter.notifyItemRangeRemoved(0, currentCount);
+                    adapter.notifyItemRangeInserted(0, libraryItemPage.getListItems().size());
+                } else if (libraryItemPage.getPageId() == null) {
+                    // Rootが関わる推移 (Rootへの推移)
+                    adapter.setListItems(libraryItemPage);
+                    adapter.notifyItemRangeRemoved(0, currentCount);
+                    adapter.notifyItemRangeInserted(0, libraryItemPage.getListItems().size());
+                } else if (libraryItemPage.getPageId() != null) {
+                    // Rootが関わらない推移
+                    adapter.setListItems(libraryItemPage);
+                    adapter.notifyItemRangeRemoved(1, currentCount);
+                    adapter.notifyItemRangeInserted(1, libraryItemPage.getListItems().size());
+                } else {
+                    // その他の遷移(安全側に倒すため全アイテム更新)
+                    logger.warn("LacertaSelectDirDialog", "Unknown transition.");
+                    logger.warn("LacertaSelectDirDialog", "currentDirId: " + currentDirId + ", libraryItemPage.getPageId(): " + libraryItemPage.getPageId());
+                    adapter.setListItems(libraryItemPage);
+                    adapter.notifyItemRangeRemoved(0, currentCount);
+                    adapter.notifyItemRangeInserted(0, libraryItemPage.getListItems().size());
+                }
+            });
+        });
+    }
+}

component/common/src/main/java/one/nem/lacerta/component/common/LacertaSelectDirDialogInternalEventListener.java

@@ -0,0 +1,6 @@
+package one.nem.lacerta.component.common;
+
+public interface LacertaSelectDirDialogInternalEventListener {
+    void onDirSelected(String name, String itemId);
+    void onBackSelected(String parentId);
+}

component/common/src/main/java/one/nem/lacerta/component/common/LacertaSelectDirDialogListener.java

@@ -0,0 +1,7 @@
+package one.nem.lacerta.component.common;
+
+public interface LacertaSelectDirDialogListener {
+
+    void onDirSelected(String name, String itemId);
+    void onCanceled();
+}

component/common/src/main/java/one/nem/lacerta/component/common/SelectDirDialogItemAdapter.java

@@ -0,0 +1,100 @@
+package one.nem.lacerta.component.common;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+
+import one.nem.lacerta.model.LibraryItemPage;
+import one.nem.lacerta.model.ListItem;
+import one.nem.lacerta.model.ListItemType;
+
+public class SelectDirDialogItemAdapter extends RecyclerView.Adapter<SelectDirDialogItemAdapter.SelectDirDialogItemViewHolder> {
+
+
+    private LibraryItemPage libraryItemPage;
+    LacertaSelectDirDialogInternalEventListener listener;
+
+    public SelectDirDialogItemAdapter(LacertaSelectDirDialogInternalEventListener listener) {
+        this.listener = listener;
+    }
+
+    public void setListItems(LibraryItemPage libraryItemPage) {
+        this.libraryItemPage = libraryItemPage;
+        if (this.libraryItemPage.getPageId() != null) { // ルートディレクトリの場合は戻るボタンを表示しない
+            this.libraryItemPage.getListItems().add(0, new ListItem("戻る", " ", ListItemType.ITEM_TYPE_ACTION_BACK, null));
+        }
+    }
+
+    @NonNull
+    @Override
+    public SelectDirDialogItemViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
+        View view = LayoutInflater.from(parent.getContext()).inflate(one.nem.lacerta.shared.ui.R.layout.common_list_item, parent, false);
+        return new SelectDirDialogItemViewHolder(view);
+    }
+
+    @Override
+    public void onBindViewHolder(SelectDirDialogItemViewHolder holder, int position) {
+        ListItem listItem = libraryItemPage.getListItems().get(position);
+        holder.title.setText(listItem.getTitle());
+        holder.description.setText(listItem.getDescription());
+        holder.icon.setImageResource(listItem.getItemType().getIconId());
+        if(listItem.getItemType() == ListItemType.ITEM_TYPE_ACTION_BACK) {
+            holder.itemView.setOnClickListener(v -> listener.onBackSelected(this.libraryItemPage.getParentId()));
+        } else {
+            holder.itemView.setOnClickListener(v -> listener.onDirSelected(listItem.getTitle(), listItem.getItemId()));
+        }
+    }
+
+    @Override
+    public int getItemCount() {
+        return this.libraryItemPage == null ? 0 : this.libraryItemPage.getListItems().size();
+    }
+
+    public String getCurrentId() {
+        if (this.libraryItemPage == null) {
+            return null;
+        } else {
+            if (this.libraryItemPage.getPageId() == null) {
+                return null;
+            } else {
+                return this.libraryItemPage.getPageId();
+            }
+        }
+    }
+
+    public String getCurrentPageTitle() {
+        if (this.libraryItemPage == null) {
+            return null;
+        } else {
+            if (this.libraryItemPage.getPageId() == null) {
+                return null;
+            } else {
+                return this.libraryItemPage.getPageTitle();
+            }
+        }
+    }
+
+    public static class SelectDirDialogItemViewHolder extends RecyclerView.ViewHolder {
+
+        TextView title;
+        TextView description;
+
+        ImageView icon;
+
+
+        public SelectDirDialogItemViewHolder(@NonNull View itemView) {
+            super(itemView);
+
+            title = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.item_title);
+            description = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.item_description);
+            icon = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.item_icon);
+            description.setVisibility(View.GONE); // 暫定
+
+        }
+    }
+}

component/common/src/main/res/layout/lacerta_dialog_create_tag.xml

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <com.google.android.material.textfield.TextInputLayout
+        android:id="@+id/tag_name_text_input_layout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:paddingTop="8dp"
+        android:paddingHorizontal="16dp"
+        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox">
+
+        <com.google.android.material.textfield.TextInputEditText
+            android:id="@+id/tag_name_edit_text"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content" />
+    </com.google.android.material.textfield.TextInputLayout>
+
+    <com.google.android.material.textfield.TextInputLayout
+        android:id="@+id/tag_color_text_input_layout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:paddingTop="8dp"
+        android:paddingHorizontal="16dp"
+        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox">
+
+        <!-- todo: add color picker -->
+        <com.google.android.material.textfield.TextInputEditText
+            android:id="@+id/tag_color_edit_text"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content" />
+
+    </com.google.android.material.textfield.TextInputLayout>
+</LinearLayout>

component/common/src/main/res/layout/lacerta_dialog_select_dir.xml

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <com.google.android.material.textview.MaterialTextView
+        android:id="@+id/current_dir_text_view"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="32dp" />
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/select_dir_recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"/>
+
+</LinearLayout>

component/viewer/build.gradle

@@ -56,4 +56,6 @@ dependencies {
 
     implementation project(':vcs')
 
+    implementation project(':component:common')
+
 }

component/viewer/src/main/java/one/nem/lacerta/component/viewer/BookMark/BookMarkFragment.java

@@ -0,0 +1,73 @@
+package one.nem.lacerta.component.viewer.BookMark;
+
+import android.os.Bundle;
+import android.view.GestureDetector;
+import android.view.LayoutInflater;
+import android.view.MotionEvent;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.Toast;
+
+import androidx.fragment.app.Fragment;
+
+import java.util.UUID;
+
+import javax.inject.Inject;
+
+import one.nem.lacerta.component.viewer.R;
+
+// BookMarkFragment.java
+public class BookMarkFragment extends Fragment {
+
+    @Inject
+    BookmarkRepository bookmarkRepository;
+
+    private GestureDetector gestureDetector;
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
+        return inflater.inflate(R.layout.fragment_bookmark, container, false);
+    }
+
+    @Override
+    public void onViewCreated(View view, Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+
+        gestureDetector = new GestureDetector(getContext(), new GestureDetector.SimpleOnGestureListener() {
+            @Override
+            public boolean onDoubleTap(MotionEvent e) {
+                // ダブルタップが検出された時の処理
+                handleDoubleTap();
+                return true;
+            }
+        });
+
+        // ブックマークボタンがダブルタップされた時の処理
+        view.setOnTouchListener(new View.OnTouchListener() {
+            @Override
+            public boolean onTouch(View v, MotionEvent event) {
+                return gestureDetector.onTouchEvent(event);
+            }
+        });
+    }
+
+    private void handleDoubleTap() {
+        // ダブルタップが検出された時の処理
+        // ブックマークを作成
+        String pageId = "current_page_id";
+        String title = "current_page_title";
+
+        Bookmark bookmark = new Bookmark(
+                UUID.randomUUID().toString(),
+                title,
+                pageId,
+                System.currentTimeMillis()
+        );
+
+        // ブックマークを保存
+        bookmarkRepository.addBookmark(bookmark);
+
+        // ユーザーに成功メッセージを表示
+        Toast.makeText(getContext(), "ダブルタップでブックマークが追加されました", Toast.LENGTH_SHORT).show();
+    }
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/BookMark/BookMarkListFragment.java

@@ -0,0 +1,48 @@
+package one.nem.lacerta.component.viewer.BookMark;
+
+import android.os.Bundle;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+
+import androidx.fragment.app.Fragment;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+
+import java.util.List;
+
+import javax.inject.Inject;
+
+import one.nem.lacerta.component.viewer.R;
+
+// BookMarkListFragment.java
+public class BookMarkListFragment extends Fragment {
+    @Inject
+    BookmarkRepository bookmarkRepository;
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
+        return inflater.inflate(R.layout.fragment_bookmark_list, container, false);
+    }
+
+    @Override
+    public void onViewCreated(View view, Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+
+        // ブックマーク一覧を取得
+        List<Bookmark> bookmarks = bookmarkRepository.getAllBookmarks();
+
+        // ブックマーク一覧を表示するRecyclerViewのセットアップ
+        RecyclerView recyclerView = view.findViewById(R.id.recycler_view);
+        BookmarkAdapter adapter = new BookmarkAdapter(bookmarks, new OnBookmarkClickListener() {
+            @Override
+            public void onBookmarkClick(Bookmark selectedBookmark) {
+                // ブックマークが選択された時の処理
+                // 例: ブックマークに関連するページを表示する
+            }
+        });
+
+        recyclerView.setLayoutManager(new LinearLayoutManager(requireContext()));
+        recyclerView.setAdapter(adapter);
+    }
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/BookMark/Bookmark.java

@@ -0,0 +1,56 @@
+package one.nem.lacerta.component.viewer.BookMark;
+
+// Bookmark.java
+public class Bookmark {
+    private String id; // ブックマークの一意の識別子
+    private String title;
+    private String pageId; // ブックマークが参照するページの識別子
+    private long timestamp; // ブックマークが作成された時刻
+
+    public Bookmark(String id, String title, String pageId, long timestamp) {
+        this.id = id;
+        this.title = title;
+        this.pageId = pageId;
+        this.timestamp = timestamp;
+    }
+
+    public Bookmark() {
+        // Empty constructor
+    }
+
+    // Getter
+
+    public String getId() {
+        return id;
+    }
+
+    public String getTitle() {
+        return title;
+    }
+
+    public String getPageId() {
+        return pageId;
+    }
+
+    public long getTimestamp() {
+        return timestamp;
+    }
+
+    // Setter
+
+    public void setId(String id) {
+        this.id = id;
+    }
+
+    public void setTitle(String title) {
+        this.title = title;
+    }
+
+    public void setPageId(String pageId) {
+        this.pageId = pageId;
+    }
+
+    public void setTimestamp(long timestamp) {
+        this.timestamp = timestamp;
+    }
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/BookMark/BookmarkAdapter.java

@@ -0,0 +1,61 @@
+package one.nem.lacerta.component.viewer.BookMark;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+
+import java.util.List;
+
+import one.nem.lacerta.component.viewer.R;
+
+
+public class BookmarkAdapter extends RecyclerView.Adapter<BookmarkAdapter.BookmarkViewHolder> {
+
+    private List<Bookmark> bookmarks;
+    private OnBookmarkClickListener listener;
+
+    public BookmarkAdapter(List<Bookmark> bookmarks, OnBookmarkClickListener listener) {
+        this.bookmarks = bookmarks;
+        this.listener = listener;
+    }
+
+    @NonNull
+    @Override
+    public BookmarkViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.fragment_bookmark, parent, false);
+        return new BookmarkViewHolder(view);
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull BookmarkViewHolder holder, int position) {
+        final Bookmark bookmark = bookmarks.get(position);
+
+        holder.titleTextView.setText(bookmark.getTitle());
+
+        holder.itemView.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                // ブックマークがクリックされたときの処理
+                listener.onBookmarkClick(bookmark);
+            }
+        });
+    }
+
+    @Override
+    public int getItemCount() {
+        return bookmarks.size();
+    }
+
+    static class BookmarkViewHolder extends RecyclerView.ViewHolder {
+        TextView titleTextView;
+
+        public BookmarkViewHolder(@NonNull View itemView) {
+            super(itemView);
+            titleTextView = itemView.findViewById(R.id.titleTextView);
+        }
+    }
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/BookMark/BookmarkRepository.java

@@ -0,0 +1,21 @@
+package one.nem.lacerta.component.viewer.BookMark;
+
+// BookmarkRepository.java
+import java.util.ArrayList;
+import java.util.List;
+
+public class BookmarkRepository {
+    private List<Bookmark> bookmarks = new ArrayList<>();
+
+    public List<Bookmark> getAllBookmarks() {
+        return bookmarks;
+    }
+
+    public void addBookmark(Bookmark bookmark) {
+        bookmarks.add(bookmark);
+    }
+
+    public void removeBookmark(Bookmark bookmark) {
+        bookmarks.remove(bookmark);
+    }
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/BookMark/OnBookmarkClickListener.java

@@ -0,0 +1,10 @@
+package one.nem.lacerta.component.viewer.BookMark;
+
+import androidx.appcompat.app.AppCompatActivity;
+
+import android.os.Bundle;
+
+// OnBookmarkClickListener.java
+public interface OnBookmarkClickListener {
+    void onBookmarkClick(Bookmark selectedBookmark);
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/ComponentViewerTopFragment.java

@@ -1,178 +0,0 @@
-package one.nem.lacerta.component.viewer;
-
-import android.app.AlertDialog;
-import android.graphics.Bitmap;
-import android.os.Bundle;
-
-import androidx.appcompat.widget.Toolbar;
-import androidx.fragment.app.Fragment;
-import androidx.navigation.Navigation;
-import androidx.recyclerview.widget.LinearLayoutManager;
-import androidx.recyclerview.widget.RecyclerView;
-
-import android.view.LayoutInflater;
-import android.view.View;
-import android.view.ViewGroup;
-import android.widget.Toast;
-
-import java.util.ArrayList;
-import java.util.concurrent.CompletableFuture;
-
-import javax.inject.Inject;
-
-import dagger.hilt.android.AndroidEntryPoint;
-import one.nem.lacerta.data.Document;
-import one.nem.lacerta.model.document.DocumentDetail;
-import one.nem.lacerta.model.document.page.Page;
-import one.nem.lacerta.utils.FeatureSwitch;
-import one.nem.lacerta.utils.LacertaLogger;
-
-/**
- * A simple {@link Fragment} subclass.
- * Use the {@link ComponentViewerTopFragment#newInstance} factory method to
- * create an instance of this fragment.
- */
-@AndroidEntryPoint
-public class ComponentViewerTopFragment extends Fragment {
-
-    @Inject
-    Document document;
-
-    @Inject
-    LacertaLogger logger;
-
-    private static final String TAG = "ComponentViewerTopFragment";
-
-    private String documentId;
-    private String documentName;
-
-    public ComponentViewerTopFragment() {
-        // Required empty public constructor
-    }
-
-    public static ComponentViewerTopFragment newInstance(String documentId, String documentName) {
-        ComponentViewerTopFragment fragment = new ComponentViewerTopFragment();
-        Bundle args = new Bundle();
-        args.putString("documentId", documentId);
-        args.putString("documentName", documentName);
-        fragment.setArguments(args);
-        return fragment;
-    }
-
-    @Override
-    public void onCreate(Bundle savedInstanceState) {
-        super.onCreate(savedInstanceState);
-        if (getArguments() != null) {
-            documentId = getArguments().getString("documentId");
-            documentName = getArguments().getString("documentName");
-        }
-    }
-
-    @Override
-    public View onCreateView(LayoutInflater inflater, ViewGroup container,
-                             Bundle savedInstanceState) {
-        // Inflate the layout for this fragment
-        View view = inflater.inflate(R.layout.fragment_component_viewer_top, container, false);
-
-        // Toolbar
-        Toolbar toolbar = view.findViewById(R.id.toolbar);
-        toolbarSetup(toolbar, true, this.documentName == null ? "Document" : this.documentName);
-
-        RecyclerView recyclerView = view.findViewById(R.id.body_recycler_view);
-        recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
-        ViewerBodyAdapter viewerBodyAdapter = new ViewerBodyAdapter(fileName -> {
-            Toast.makeText(getContext(), fileName, Toast.LENGTH_SHORT).show();
-        });
-        recyclerView.setAdapter(viewerBodyAdapter);
-
-        if (FeatureSwitch.Viewer.showProgressBarWhenLoading) view.findViewById(R.id.loading_progress_bar).setVisibility(View.VISIBLE);
-        document.getDocument(documentId).thenAccept(documentDetail -> {
-            ArrayList<Page> pages = documentDetail.getPages();
-            logger.debug(TAG, "pages.size(): " + pages.size());
-            viewerBodyAdapter.setPages(pages);
-            getActivity().runOnUiThread(() -> {
-                viewerBodyAdapter.notifyItemRangeChanged(0, pages.size());
-                if (FeatureSwitch.Viewer.showProgressBarWhenLoading) view.findViewById(R.id.loading_progress_bar).setVisibility(View.GONE);
-            });
-        });
-
-        return view;
-    }
-
-    /**
-     * ToolbarをInitする
-     *
-     * @param toolbar Toolbar
-     * @param showBackButton 戻るボタンを表示するか
-     * @param title タイトル
-     */
-    private void toolbarSetup(Toolbar toolbar, boolean showBackButton, String title) {
-        getActivity().runOnUiThread(() -> {
-            if (showBackButton) {
-                toolbar.setNavigationIcon(one.nem.lacerta.shared.ui.R.drawable.arrow_back_24px);
-                toolbar.setNavigationOnClickListener(v -> {
-                    // Stop Activity
-                    getActivity().finish();
-                });
-            } else {
-                toolbar.setNavigationIcon(null);
-            }
-            toolbar.setTitle(title);
-            toolbar.inflateMenu(R.menu.viewer_menu);
-            toolbar.setOnMenuItemClickListener(item -> {
-                if (item.getItemId() == R.id.action_open_vcs_rev_list) {
-                    // Open vcs rev list
-                    getParentFragmentManager().beginTransaction()
-                            .replace(R.id.nav_host_fragment, ViewerVcsRevListFragment.newInstance(documentId))
-                            .commit();
-                    return true;
-                } else if (item.getItemId() == R.id.action_rename) {
-                    // TODO-rca: デザインをMaterial Design 3に合わせたカスタムダイアログにする
-                    AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
-                    builder.setTitle("ファイル名の変更");
-                    builder.setMessage("ファイル名を入力してください");
-                    final android.widget.EditText input = new android.widget.EditText(getContext());
-                    input.setText(documentName);
-                    builder.setView(input);
-                    builder.setPositiveButton("作成", (dialog, which) -> {
-                        document.renameDocument(documentId, input.getText().toString()).thenAccept(aVoid -> {
-                            getActivity().runOnUiThread(() -> {
-                                toolbar.setTitle(input.getText().toString());
-                                documentName = input.getText().toString();
-                            });
-                        });
-                    });
-                    builder.setNegativeButton("キャンセル", (dialog, which) -> {
-                        dialog.cancel();
-                    });
-                    builder.show();
-
-                    return true;
-                } else if (item.getItemId() == R.id.action_delete) {
-                    // TODO-rca: デザインをMaterial Design 3に合わせたカスタムダイアログにする
-                    AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
-                    builder.setTitle("ファイルの削除");
-                    builder.setMessage("ファイルを削除しますか？");
-                    builder.setPositiveButton("削除", (dialog, which) -> {
-                        document.deleteDocument(documentId).thenAccept(aVoid -> {
-                            getActivity().runOnUiThread(() -> {
-                                // Stop Activity
-                                getActivity().finish();
-                            });
-                        });
-                    });
-                    builder.setNegativeButton("キャンセル", (dialog, which) -> {
-                        dialog.cancel();
-                    });
-                    builder.show();
-                    return true;
-                } else if (item.getItemId() == R.id.action_move) {
-                    Toast.makeText(getContext(), "Work in progress", Toast.LENGTH_SHORT).show();
-                    return true;
-                } else {
-                    return false;
-                }
-            });
-        });
-    }
-}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/RevAdapter.java

@@ -12,6 +12,7 @@ import java.text.SimpleDateFormat;
 import java.time.format.DateTimeFormatter;
 import java.util.ArrayList;
 
+import one.nem.lacerta.component.viewer.model.RevSelectListener;
 import one.nem.lacerta.model.VcsRevModel;
 import one.nem.lacerta.utils.FeatureSwitch;
 
@@ -19,11 +20,14 @@ public class RevAdapter extends RecyclerView.Adapter<RevAdapter.RevViewHolder>{
 
     private ArrayList<VcsRevModel> revModels;
 
+    private RevSelectListener revSelectListener;
+
     public RevAdapter(ArrayList<VcsRevModel> revModels) {
         this.revModels = revModels;
     }
 
-    public RevAdapter() {
+    public RevAdapter(RevSelectListener revSelectListener) {
+        this.revSelectListener = revSelectListener;
     }
 
     public void setRevModels(ArrayList<VcsRevModel> revModels) {
@@ -52,6 +56,13 @@ public class RevAdapter extends RecyclerView.Adapter<RevAdapter.RevViewHolder>{
         }
         holder.revId.setText("RevID: " + revModel.getId());
 
+        holder.itemView.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                revSelectListener.onRevSelect(revModel.getId());
+            }
+        });
+
     }
 
     @Override

component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerListFragment.java

@@ -0,0 +1,239 @@
+package one.nem.lacerta.component.viewer;
+
+import android.os.Bundle;
+
+import androidx.appcompat.widget.Toolbar;
+import androidx.fragment.app.Fragment;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.Toast;
+
+import com.google.android.material.dialog.MaterialAlertDialogBuilder;
+
+import java.util.ArrayList;
+
+import javax.inject.Inject;
+
+import dagger.hilt.android.AndroidEntryPoint;
+import one.nem.lacerta.component.common.LacertaSelectDirDialog;
+import one.nem.lacerta.component.common.LacertaSelectDirDialogListener;
+import one.nem.lacerta.data.Document;
+import one.nem.lacerta.model.document.page.Page;
+import one.nem.lacerta.utils.FeatureSwitch;
+import one.nem.lacerta.utils.LacertaLogger;
+import one.nem.lacerta.vcs.LacertaVcs;
+import one.nem.lacerta.vcs.factory.LacertaVcsFactory;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link ViewerListFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+@AndroidEntryPoint
+public class ViewerListFragment extends Fragment {
+
+    @Inject
+    Document document;
+
+    @Inject
+    LacertaLogger logger;
+
+    @Inject
+    LacertaVcsFactory lacertaVcsFactory;
+
+    private static final String TAG = "ComponentViewerTopFragment";
+
+    private String documentId;
+    private String documentName;
+    private String revisionId;
+
+    public ViewerListFragment() {
+        // Required empty public constructor
+    }
+
+    public static ViewerListFragment newInstance(String documentId, String documentName) {
+        ViewerListFragment fragment = new ViewerListFragment();
+        Bundle args = new Bundle();
+        args.putString("documentId", documentId);
+        args.putString("documentName", documentName);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    public static ViewerListFragment newInstance(String documentId, String documentName, String revisionId) {
+        ViewerListFragment fragment = new ViewerListFragment();
+        Bundle args = new Bundle();
+        args.putString("documentId", documentId);
+        args.putString("documentName", documentName);
+        args.putString("revisionId", revisionId);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        if (getArguments() != null) {
+            documentId = getArguments().getString("documentId");
+            documentName = getArguments().getString("documentName");
+            revisionId = getArguments().getString("revisionId");
+        }
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        View view = inflater.inflate(R.layout.fragment_component_viewer_top, container, false);
+
+        // Toolbar
+        Toolbar toolbar = view.findViewById(R.id.toolbar);
+        toolbarSetup(toolbar, true, this.documentName == null ? "Document" : this.documentName);
+
+        RecyclerView recyclerView = view.findViewById(R.id.body_recycler_view);
+        recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
+        ViewerBodyAdapter viewerBodyAdapter = new ViewerBodyAdapter(fileName -> {
+            Toast.makeText(getContext(), fileName, Toast.LENGTH_SHORT).show();
+        });
+        recyclerView.setAdapter(viewerBodyAdapter);
+
+        if (revisionId == null) {
+            logger.debug(TAG, "revisionId is empty, loading latest revision");
+            if (FeatureSwitch.Viewer.showProgressBarWhenLoading) view.findViewById(R.id.loading_progress_bar).setVisibility(View.VISIBLE);
+            document.getDocument(documentId).thenAccept(documentDetail -> {
+                ArrayList<Page> pages = documentDetail.getPages();
+                logger.debug(TAG, "pages.size(): " + pages.size());
+                viewerBodyAdapter.setPages(pages);
+                getActivity().runOnUiThread(() -> {
+                    viewerBodyAdapter.notifyItemRangeChanged(0, pages.size());
+                    if (FeatureSwitch.Viewer.showProgressBarWhenLoading) view.findViewById(R.id.loading_progress_bar).setVisibility(View.GONE);
+                });
+            });
+        } else {
+            logger.debug(TAG, "revisionId: " + revisionId);
+            if (FeatureSwitch.Viewer.showProgressBarWhenLoading) view.findViewById(R.id.loading_progress_bar).setVisibility(View.VISIBLE);
+            LacertaVcs lacertaVcs = lacertaVcsFactory.create(documentId);
+            lacertaVcs.getDocumentPagePathListRev(revisionId).thenAccept(documentPathList -> {
+                logger.debug(TAG, "documentPathList.size(): " + documentPathList.size());
+                document.getDocumentPageListByFileNameList(documentId, documentPathList).thenAccept(pages -> {
+                    logger.debug(TAG, "pages.size(): " + pages.size());
+                    viewerBodyAdapter.setPages(pages);
+                    getActivity().runOnUiThread(() -> {
+                        viewerBodyAdapter.notifyItemRangeChanged(0, pages.size());
+                        if (FeatureSwitch.Viewer.showProgressBarWhenLoading) view.findViewById(R.id.loading_progress_bar).setVisibility(View.GONE);
+                    });
+                });
+            });
+        }
+
+        return view;
+    }
+
+    /**
+     * ToolbarをInitする
+     *
+     * @param toolbar Toolbar
+     * @param showBackButton 戻るボタンを表示するか
+     * @param title タイトル
+     */
+    private void toolbarSetup(Toolbar toolbar, boolean showBackButton, String title) {
+        getActivity().runOnUiThread(() -> {
+            if (showBackButton) {
+                toolbar.setNavigationIcon(one.nem.lacerta.shared.ui.R.drawable.arrow_back_24px);
+                toolbar.setNavigationOnClickListener(v -> {
+                    // Stop Activity
+                    getActivity().finish();
+                });
+            } else {
+                toolbar.setNavigationIcon(null);
+            }
+            toolbar.setTitle(title);
+            toolbar.inflateMenu(R.menu.viewer_menu);
+            toolbar.setOnMenuItemClickListener(item -> {
+                if (item.getItemId() == R.id.action_open_vcs_rev_list) {
+                    // Open vcs rev list
+                    getParentFragmentManager().beginTransaction()
+                            .replace(R.id.nav_host_fragment, ViewerVcsRevListFragment.newInstance(documentId, documentName))
+                            .commit();
+                    return true;
+                } else if (item.getItemId() == R.id.action_rename) {
+
+                    MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(requireContext());
+                    builder.setTitle("ファイル名の変更");
+
+                    View view = LayoutInflater.from(requireContext()).inflate(one.nem.lacerta.shared.ui.R.layout.lacerta_dialog_edit_text_layout, null);
+                    final com.google.android.material.textfield.TextInputEditText input = view.findViewById(one.nem.lacerta.shared.ui.R.id.custom_edit_text);
+                    final com.google.android.material.textfield.TextInputLayout inputLayout = view.findViewById(one.nem.lacerta.shared.ui.R.id.custom_text_input_layout);
+                    inputLayout.setHint("ファイル名");
+
+                    builder.setView(view);
+
+                    builder.setPositiveButton("変更", (dialog, which) -> {
+                        document.renameDocument(documentId, input.getText().toString()).thenAccept(aVoid -> {
+                            getActivity().runOnUiThread(() -> {
+                                toolbar.setTitle(input.getText().toString());
+                                documentName = input.getText().toString();
+                            });
+                        });
+                    });
+                    builder.setNegativeButton("キャンセル", (dialog, which) -> {
+                        dialog.cancel();
+                    });
+
+                    builder.show();
+                    return true;
+                } else if (item.getItemId() == R.id.action_delete) {
+                    // TODO-rca: デザインをMaterial Design 3に合わせたカスタムダイアログにする
+                    MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(requireContext());
+                    builder.setTitle("ファイルの削除");
+                    builder.setMessage("ファイルを削除しますか？");
+                    builder.setPositiveButton("削除", (dialog, which) -> {
+                        document.deleteDocument(documentId).thenAccept(aVoid -> {
+                            getActivity().runOnUiThread(() -> {
+                                // Stop Activity
+                                getActivity().finish();
+                            });
+                        });
+                    });
+                    builder.setNegativeButton("キャンセル", (dialog, which) -> {
+                        dialog.cancel();
+                    });
+                    builder.show();
+                    return true;
+                } else if (item.getItemId() == R.id.action_move) {
+//                    Toast.makeText(getContext(), "Work in progress", Toast.LENGTH_SHORT).show();
+                    LacertaSelectDirDialog lacertaSelectDirDialog = new LacertaSelectDirDialog();
+                    lacertaSelectDirDialog.setListener(new LacertaSelectDirDialogListener() {
+                        @Override
+                        public void onDirSelected(String name, String itemId) {
+                            logger.debug(TAG, "Selected dir: " + name + ", " + itemId);
+                            document.moveDocument(documentId, itemId).thenAccept(aVoid -> {
+                                getActivity().runOnUiThread(() -> {
+                                    // Stop Activity
+                                    getActivity().finish(); // TODO-rca: ファイル移動後に終了するべきかは検討
+                                });
+                            });
+                        }
+
+                        @Override
+                        public void onCanceled() {
+                            logger.debug(TAG, "Canceled");
+                        }
+                    });
+                    lacertaSelectDirDialog.setTitle("ファイルの移動")
+                                    .setMessage("ファイルを移動するフォルダを選択してください。")
+                                    .setPositiveButtonText("移動")
+                                    .setNegativeButtonText("キャンセル");
+                    lacertaSelectDirDialog.show(getParentFragmentManager(), "select_dir_dialog");
+                    return true;
+                } else {
+                    return false;
+                }
+            });
+        });
+    }
+}

component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerMainActivity.java

@@ -2,7 +2,6 @@ package one.nem.lacerta.component.viewer;
 
 import android.content.Intent;
 import android.os.Bundle;
-import android.util.Log;
 import android.widget.Toast;
 
 import androidx.activity.EdgeToEdge;
@@ -10,12 +9,6 @@ import androidx.appcompat.app.AppCompatActivity;
 import androidx.core.graphics.Insets;
 import androidx.core.view.ViewCompat;
 import androidx.core.view.WindowInsetsCompat;
-import androidx.fragment.app.FragmentManager;
-import androidx.navigation.NavController;
-import androidx.navigation.fragment.NavHostFragment;
-import androidx.navigation.ui.NavigationUI;
-
-import com.google.android.material.bottomnavigation.BottomNavigationView;
 
 import javax.inject.Inject;
 
@@ -62,7 +55,7 @@ public class ViewerMainActivity extends AppCompatActivity {
 
         // Navigation
         getSupportFragmentManager().beginTransaction()
-                .replace(R.id.nav_host_fragment, ComponentViewerTopFragment.newInstance(documentId, documentName))
+                .replace(R.id.nav_host_fragment, ViewerListFragment.newInstance(documentId, documentName))
                 .commit();
     }
 }

component/viewer/src/main/java/one/nem/lacerta/component/viewer/ViewerVcsRevListFragment.java

@@ -34,15 +34,17 @@ public class ViewerVcsRevListFragment extends Fragment {
     LacertaVcs lacertaVcs;
 
     private String documentId;
+    private String documentName;
 
     public ViewerVcsRevListFragment() {
         // Required empty public constructor
     }
 
-    public static ViewerVcsRevListFragment newInstance(String documentId) {
+    public static ViewerVcsRevListFragment newInstance(String documentId, String documentName) {
         ViewerVcsRevListFragment fragment = new ViewerVcsRevListFragment();
         Bundle args = new Bundle();
         args.putString("documentId", documentId);
+        args.putString("documentName", documentName);
         fragment.setArguments(args);
         return fragment;
     }
@@ -66,17 +68,22 @@ public class ViewerVcsRevListFragment extends Fragment {
         // Init arg
         if (getArguments() != null) {
             this.documentId = getArguments().getString("documentId");
-            logger.debug("ViewerVcsRevListFragment", "documentId: " + documentId);
+            logger.debug("ViewerVcsRevListFragment", "documentId: " + this.documentId);
         }
 
         // Init vcs
-        lacertaVcs = lacertaVcsFactory.create(documentId);
+        lacertaVcs = lacertaVcsFactory.create(this.documentId);
 
         // Init view
         RecyclerView recyclerView = view.findViewById(R.id.rev_list);
 
         // Init adapter
-        RevAdapter revAdapter = new RevAdapter();
+        RevAdapter revAdapter = new RevAdapter(revisionId -> {
+            logger.debug("ViewerVcsRevListFragment", "Selected revisionId: " + revisionId);
+            getParentFragmentManager().beginTransaction()
+                    .replace(R.id.nav_host_fragment, ViewerListFragment.newInstance(this.documentId, this.documentName, revisionId))
+                    .commit();
+        });
 
         // Set adapter
         recyclerView.setAdapter(revAdapter);

component/viewer/src/main/java/one/nem/lacerta/component/viewer/model/RevSelectListener.java

@@ -0,0 +1,5 @@
+package one.nem.lacerta.component.viewer.model;
+
+public interface RevSelectListener {
+    void onRevSelect(String revisionId);
+}

component/viewer/src/main/res/layout/activity_viewer_main.xml

@@ -9,7 +9,7 @@
 
     <androidx.fragment.app.FragmentContainerView
         android:id="@+id/nav_host_fragment"
-        android:name="one.nem.lacerta.component.viewer.ComponentViewerTopFragment"
+        android:name="one.nem.lacerta.component.viewer.ViewerListFragment"
         android:layout_width="0dp"
         android:layout_height="0dp"
         app:defaultNavHost="true"

component/viewer/src/main/res/layout/fragment_bookmark.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+</androidx.constraintlayout.widget.ConstraintLayout>

component/viewer/src/main/res/layout/fragment_bookmark_list.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/colorSurface">
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/recycler_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+
+    <!-- item_bookmark.xml -->
+    <TextView
+        xmlns:android="http://schemas.android.com/apk/res/android"
+        android:id="@+id/titleTextView"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:padding="16dp"/>
+
+</FrameLayout>

component/viewer/src/main/res/navigation/component_viewer_navigation.xml

@@ -3,11 +3,11 @@
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
     android:id="@+id/component_viewer_navigation"
-    app:startDestination="@id/componentViewerTopFragment">
+    app:startDestination="@id/viewerListFragment">
 
     <fragment
-        android:id="@+id/componentViewerTopFragment"
-        android:name="one.nem.lacerta.component.viewer.ComponentViewerTopFragment"
+        android:id="@+id/viewerListFragment"
+        android:name="one.nem.lacerta.component.viewer.ViewerListFragment"
         android:label="ComponentViewerTopFragment" >
         <action
             android:id="@+id/action_componentViewerTopFragment_to_viewerVcsRevListFragment"

data/src/main/java/one/nem/lacerta/data/Document.java

@@ -6,6 +6,7 @@ import java.util.concurrent.CompletableFuture;
 
 import one.nem.lacerta.model.document.DocumentMeta;
 import one.nem.lacerta.model.document.DocumentDetail;
+import one.nem.lacerta.model.document.page.Page;
 import one.nem.lacerta.model.document.path.DocumentPath;
 import one.nem.lacerta.model.document.tag.DocumentTag;
 
@@ -22,7 +23,11 @@ public interface Document {
 
     CompletableFuture<Void> deleteDocument(String documentId);
 
+    CompletableFuture<Void> moveDocument(String documentId, String parentId);
+
     CompletableFuture<Void> updateDocument(DocumentDetail detail);
 
     CompletableFuture<DocumentDetail> getDocument(String documentId);
+
+    CompletableFuture<ArrayList<Page>> getDocumentPageListByFileNameList(String documentId, ArrayList<String> fileNameList);
 }

data/src/main/java/one/nem/lacerta/data/LacertaLibrary.java

@@ -9,6 +9,7 @@ import one.nem.lacerta.model.ListItemType;
 import one.nem.lacerta.model.LibraryItemPage;
 import one.nem.lacerta.model.PublicPath;
 import one.nem.lacerta.model.document.DocumentDetail;
+import one.nem.lacerta.model.document.tag.DocumentTag;
 
 public interface LacertaLibrary {
 
@@ -20,10 +21,26 @@ public interface LacertaLibrary {
     CompletableFuture<LibraryItemPage> getLibraryPage(String pageId, int limit);
     CompletableFuture<LibraryItemPage> getLibraryPage(String pageId, int limit, int offset);
 
+    // Get Folder List
+    CompletableFuture<LibraryItemPage> getFolderList(String parentId);
+
     // Create Folder
     CompletableFuture<String> createFolder(String parentId, String name);
 
     // Get Public Path
     CompletableFuture<PublicPath> getPublicPath(String itemId, ListItemType itemType);
 
+
+    // Tag
+    CompletableFuture<ArrayList<DocumentTag>> getTagList();
+
+    CompletableFuture<Void> createTag(DocumentTag tag);
+
+    CompletableFuture<Void> updateTag(DocumentTag tag);
+
+    CompletableFuture<Void> deleteTag(String tagId);
+
+    CompletableFuture<Void> addTagToDocument(String documentId, String tagId);
+
+    CompletableFuture<Void> removeTagFromDocument(String documentId, String tagId);
 }

data/src/main/java/one/nem/lacerta/data/impl/DocumentImpl.java

@@ -78,11 +78,9 @@ public class DocumentImpl implements Document {
             documentEntity.id = meta.getId();
             documentEntity.title = meta.getTitle();
             documentEntity.author = meta.getAuthor();
-            documentEntity.defaultBranch = meta.getDefaultBranch();
             documentEntity.updatedAt = meta.getUpdatedAt();
             documentEntity.createdAt = meta.getCreatedAt();
             documentEntity.parentId = meta.getParentId();
-            documentEntity.tagIds = meta.getTagIds();
 
             database.documentDao().insert(documentEntity);
 
@@ -103,11 +101,9 @@ public class DocumentImpl implements Document {
         meta.setId(UUID.randomUUID().toString());
         meta.setTitle("New Document");
         meta.setAuthor("author");
-        meta.setDefaultBranch("master");
         meta.setUpdatedAt(new Date());
         meta.setCreatedAt(new Date());
         meta.setParentId(null);
-        meta.setTags(new ArrayList<>());
         return createDocument(meta);
     }
 
@@ -123,6 +119,19 @@ public class DocumentImpl implements Document {
         });
     }
 
+    @Override
+    public CompletableFuture<Void> moveDocument(String documentId, String parentId) {
+        return CompletableFuture.supplyAsync(() -> {
+            DocumentEntity documentEntity = database.documentDao().findById(documentId);
+            if (documentEntity == null) {
+                throw new IllegalArgumentException("documentId is not found");
+            }
+            documentEntity.parentId = parentId;
+            database.documentDao().update(documentEntity);
+            return null;
+        });
+    }
+
     @Override
     public CompletableFuture<Void> updateDocument(DocumentDetail detail) {
         return CompletableFuture.supplyAsync(() -> {
@@ -155,11 +164,9 @@ public class DocumentImpl implements Document {
             meta.setId(documentEntity.id);
             meta.setTitle(documentEntity.title);
             meta.setAuthor(documentEntity.author);
-            meta.setDefaultBranch(documentEntity.defaultBranch);
             meta.setUpdatedAt(documentEntity.updatedAt);
             meta.setCreatedAt(documentEntity.createdAt);
             meta.setParentId(documentEntity.parentId);
-            meta.setTags(new ArrayList<>()); // TODO-rca: タグを取得する
 
             DocumentDetail detail = new DocumentDetail();
 
@@ -173,6 +180,34 @@ public class DocumentImpl implements Document {
         });
     }
 
+    @Override
+    public CompletableFuture<ArrayList<Page>> getDocumentPageListByFileNameList(String documentId, ArrayList<String> fileNameList) {
+        return CompletableFuture.supplyAsync(() -> {
+            ArrayList<Page> pages = new ArrayList<>();
+            FileManager fileManager;
+            try {
+                fileManager = fileManagerFactory.create(deviceInfoUtils.getExternalStorageDirectory()).resolve(documentId).resolve("raw");
+            } catch (IOException e) {
+                logger.error(TAG, "FileManager resolve error");
+                logger.trace(TAG, e.getMessage());
+                logger.e_code("1210ae5b-dd2f-42ef-bc15-40b9a9bbdb16");
+                return null;
+            }
+
+            fileNameList.forEach(fileName -> {
+                try {
+                    pages.add(new Page(fileName, fileManager.loadBitmap(fileName)));
+                } catch (IOException e) {
+                    logger.error(TAG, "Bitmap decode error");
+                    logger.trace(TAG, e.getMessage());
+                    logger.e_code("6f9ba0dc-ac63-401c-8f50-a2bd9ff5cb91");
+                }
+            });
+
+            return pages;
+        });
+    }
+
     private CompletableFuture<ArrayList<XmlMetaPageModel>> getPagesByXmlMeta(String documentId) {
         return CompletableFuture.supplyAsync(() -> {
             FileManager fileManager = fileManagerFactory.create(deviceInfoUtils.getExternalStorageDirectory());

data/src/main/java/one/nem/lacerta/data/impl/LacertaLibraryImpl.java

@@ -1,5 +1,7 @@
 package one.nem.lacerta.data.impl;
 
+import android.nfc.Tag;
+
 import java.text.DateFormat;
 import java.text.SimpleDateFormat;
 import java.time.format.DateTimeFormatter;
@@ -7,6 +9,7 @@ import java.util.ArrayList;
 import java.util.Collection;
 import java.util.Collections;
 import java.util.List;
+import java.util.Objects;
 import java.util.UUID;
 import java.util.concurrent.CompletableFuture;
 
@@ -18,10 +21,13 @@ import one.nem.lacerta.model.ListItem;
 import one.nem.lacerta.model.ListItemType;
 import one.nem.lacerta.model.PublicPath;
 import one.nem.lacerta.model.document.DocumentDetail;
+import one.nem.lacerta.model.document.tag.DocumentTag;
 import one.nem.lacerta.source.database.LacertaDatabase;
 import one.nem.lacerta.source.database.common.DateTypeConverter;
 import one.nem.lacerta.source.database.entity.DocumentEntity;
 import one.nem.lacerta.source.database.entity.FolderEntity;
+import one.nem.lacerta.source.database.entity.TagEntity;
+import one.nem.lacerta.source.database.entity.ToxiDocumentTagEntity;
 import one.nem.lacerta.utils.FeatureSwitch;
 import one.nem.lacerta.utils.LacertaLogger;
 
@@ -127,6 +133,47 @@ public class LacertaLibraryImpl implements LacertaLibrary {
         });
     }
 
+    @Override
+    public CompletableFuture<LibraryItemPage> getFolderList(String targetDirId) {
+        return CompletableFuture.supplyAsync(() -> {
+            LibraryItemPage libraryItemPage = new LibraryItemPage();
+
+            List<FolderEntity> folderEntities;
+            if (targetDirId == null) { // When root folder
+                folderEntities = database.folderDao().findRootFolders();
+                libraryItemPage.setParentId(null);
+                libraryItemPage.setPageId(null);
+                libraryItemPage.setPageTitle("ライブラリ");
+            } else {
+                folderEntities = database.folderDao().findByParentId(targetDirId);
+                FolderEntity folderEntity = database.folderDao().findById(targetDirId);
+                if (folderEntity == null) {
+                    logger.warn("LacertaLibraryImpl", targetDirId + " is not found.");
+                    return null;
+                }
+                libraryItemPage.setParentId(folderEntity.parentId);
+                libraryItemPage.setPageId(folderEntity.id);
+                libraryItemPage.setPageTitle(folderEntity.name);
+            }
+
+            ArrayList<ListItem> listItems = new ArrayList<>();
+            for (FolderEntity childFolderEntity : folderEntities) {
+                logger.debug("LacertaLibraryImpl", "childFolderEntity.name: " + childFolderEntity.name);
+                ListItem listItem = new ListItem();
+                listItem.setItemType(ListItemType.ITEM_TYPE_FOLDER);
+                listItem.setTitle(childFolderEntity.name);
+                listItem.setDescription("フォルダ"); // TODO-rca: ハードコーディングやめる
+                listItem.setItemId(childFolderEntity.id);
+                listItems.add(listItem);
+            }
+
+
+            libraryItemPage.setListItems(listItems);
+
+            return libraryItemPage;
+        });
+    }
+
     @Override
     public CompletableFuture<String> createFolder(String parentId, String name) {
         return CompletableFuture.supplyAsync(() -> {
@@ -164,6 +211,89 @@ public class LacertaLibraryImpl implements LacertaLibrary {
         });
     }
 
+    // Converter
+    private DocumentTag convertTagEntityToDocumentTag(TagEntity tagEntity) {
+        DocumentTag documentTag = new DocumentTag();
+        documentTag.setId(tagEntity.id);
+        documentTag.setName(tagEntity.tagName);
+        documentTag.setColor(tagEntity.color);
+        return documentTag;
+    }
+
+    private TagEntity convertDocumentTagToTagEntity(DocumentTag documentTag) {
+        TagEntity tagEntity = new TagEntity();
+        tagEntity.id = documentTag.getId();
+        tagEntity.tagName = documentTag.getName();
+        tagEntity.color = documentTag.getColor();
+        return tagEntity;
+    }
+
+    @Override
+    public CompletableFuture<ArrayList<DocumentTag>> getTagList() {
+        return CompletableFuture.supplyAsync(() -> {
+            List<TagEntity> tagEntities = database.tagDao().findAll();
+            logger.debug("LacertaLibraryImpl", "Database Query: Get TagEntity List (Size: " + tagEntities.size() + ")");
+            ArrayList<DocumentTag> documentTags = new ArrayList<>();
+            for (TagEntity tagEntity : tagEntities) {
+                documentTags.add(convertTagEntityToDocumentTag(tagEntity));
+            }
+            return documentTags;
+        });
+    }
+
+    @Override
+    public CompletableFuture<Void> createTag(DocumentTag tag) {
+        return CompletableFuture.supplyAsync(() -> {
+            TagEntity tagEntity = convertDocumentTagToTagEntity(tag);
+            if (Objects.isNull(tagEntity.id) || tagEntity.id.isEmpty()) {
+                tagEntity.id = UUID.randomUUID().toString();
+            }
+            database.tagDao().insert(tagEntity);
+            logger.debug("LacertaLibraryImpl", "Database Query: Inserted TagEntity (" + tag.getId() + ")");
+            return null;
+        });
+    }
+
+    @Override
+    public CompletableFuture<Void> updateTag(DocumentTag tag) {
+        return CompletableFuture.supplyAsync(() -> {
+            TagEntity tagEntity = convertDocumentTagToTagEntity(tag);
+            database.tagDao().update(tagEntity);
+            logger.debug("LacertaLibraryImpl", "Database Query: Updated TagEntity (" + tag.getId() + ")");
+            return null;
+        });
+    }
+
+    @Override
+    public CompletableFuture<Void> deleteTag(String tagId) {
+        return CompletableFuture.supplyAsync(() -> {
+            database.tagDao().deleteById(tagId);
+            logger.debug("LacertaLibraryImpl", "Database Query: Deleted TagEntity (" + tagId + ")");
+            return null;
+        });
+    }
+
+    @Override
+    public CompletableFuture<Void> addTagToDocument(String documentId, String tagId) {
+        return CompletableFuture.supplyAsync(() -> {
+            ToxiDocumentTagEntity toxiDocumentTagEntity = new ToxiDocumentTagEntity();
+            toxiDocumentTagEntity.documentId = documentId;
+            toxiDocumentTagEntity.tagId = tagId;
+            database.toxiDocumentTagDao().insert(toxiDocumentTagEntity);
+            logger.debug("LacertaLibraryImpl", "Database Query: Inserted ToxiDocumentTagEntity");
+            return null;
+        });
+    }
+
+    @Override
+    public CompletableFuture<Void> removeTagFromDocument(String documentId, String tagId) {
+        return CompletableFuture.supplyAsync(() -> {
+            database.toxiDocumentTagDao().deleteByDocumentIdAndTagId(documentId, tagId);
+            logger.debug("LacertaLibraryImpl", "Database Query: Deleted ToxiDocumentTagEntity");
+            return null;
+        });
+    }
+
     /**
      * 再帰的にパスを解決する
      *

feature/library/src/main/java/one/nem/lacerta/feature/library/LibraryPageFragment.java

@@ -1,11 +1,8 @@
 package one.nem.lacerta.feature.library;
 
-import android.app.AlertDialog;
 import android.content.Intent;
 import android.os.Bundle;
 
-import androidx.annotation.NonNull;
-import androidx.appcompat.app.AppCompatActivity;
 import androidx.appcompat.widget.Toolbar;
 import androidx.core.content.ContextCompat;
 import androidx.fragment.app.Fragment;
@@ -14,34 +11,18 @@ import androidx.recyclerview.widget.LinearLayoutManager;
 import androidx.recyclerview.widget.RecyclerView;
 
 import android.view.LayoutInflater;
-import android.view.Menu;
-import android.view.MenuInflater;
-import android.view.MenuItem;
 import android.view.View;
 import android.view.ViewGroup;
-import android.widget.ArrayAdapter;
-import android.widget.ListView;
-import android.widget.TextView;
-import android.widget.Toast;
 
 import com.google.android.material.appbar.AppBarLayout;
-import com.google.android.material.appbar.CollapsingToolbarLayout;
-
-import org.w3c.dom.Text;
-
-import java.util.ArrayList;
-import java.util.List;
-import java.util.Objects;
+import com.google.android.material.dialog.MaterialAlertDialogBuilder;
 
 import javax.inject.Inject;
 
 import dagger.hilt.android.AndroidEntryPoint;
 import one.nem.lacerta.component.viewer.ViewerMainActivity;
-import one.nem.lacerta.data.Document;
 import one.nem.lacerta.data.LacertaLibrary;
-import one.nem.lacerta.model.FragmentNavigation;
 import one.nem.lacerta.model.LibraryItemPage;
-import one.nem.lacerta.model.PublicPath;
 import one.nem.lacerta.utils.FeatureSwitch;
 import one.nem.lacerta.utils.LacertaLogger;
 
@@ -220,13 +201,17 @@ public class LibraryPageFragment extends Fragment {
      * Currentにフォルダを作成する
      */
     private void createFolder(String pageId) {
-        // TODO-rca: デザインをMaterial Design 3に合わせたカスタムダイアログにする
-        AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
+        MaterialAlertDialogBuilder builder = new MaterialAlertDialogBuilder(requireContext());
         builder.setTitle("フォルダの作成");
         builder.setMessage("フォルダ名を入力してください");
-        final android.widget.EditText input = new android.widget.EditText(getContext());
-        input.setText("フォルダ名");
-        builder.setView(input);
+
+        View view = LayoutInflater.from(requireContext()).inflate(one.nem.lacerta.shared.ui.R.layout.lacerta_dialog_edit_text_layout, null);
+        final com.google.android.material.textfield.TextInputEditText input = view.findViewById(one.nem.lacerta.shared.ui.R.id.custom_edit_text);
+        final com.google.android.material.textfield.TextInputLayout inputLayout = view.findViewById(one.nem.lacerta.shared.ui.R.id.custom_text_input_layout);
+        inputLayout.setHint("フォルダ名");
+
+        builder.setView(view);
+
         builder.setPositiveButton("作成", (dialog, which) -> {
             lacertaLibrary.createFolder(pageId, input.getText().toString()).thenAccept(folderId -> {
                 // Refresh
@@ -236,6 +221,7 @@ public class LibraryPageFragment extends Fragment {
         builder.setNegativeButton("キャンセル", (dialog, which) -> {
             dialog.cancel();
         });
+
         builder.show();
     }
 

feature/setting/build.gradle

@@ -1,5 +1,6 @@
 plugins {
     alias(libs.plugins.com.android.library)
+    id 'com.google.dagger.hilt.android'
 }
 
 android {
@@ -45,6 +46,12 @@ dependencies {
     // shared
     implementation project(':shared:ui')
 
+    implementation project(':component:common')
+
+    implementation project(':data')
+
+    implementation project(':model')
+
     // https://mvnrepository.com/artifact/androidx.preference/preference
     implementation 'androidx.preference:preference:1.2.1'
 

feature/setting/src/main/java/one/nem/lacerta/setting/SettingTagManageFragment.java

@@ -0,0 +1,148 @@
+package one.nem.lacerta.setting;
+
+import android.os.Bundle;
+
+import androidx.appcompat.widget.Toolbar;
+import androidx.fragment.app.Fragment;
+import androidx.navigation.Navigation;
+import androidx.recyclerview.widget.LinearLayoutManager;
+import androidx.recyclerview.widget.RecyclerView;
+
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.Toast;
+
+import javax.inject.Inject;
+
+import dagger.hilt.android.AndroidEntryPoint;
+import one.nem.lacerta.component.common.LacertaCreateTagDialog;
+import one.nem.lacerta.component.common.LacertaCreateTagDialogListener;
+import one.nem.lacerta.data.LacertaLibrary;
+import one.nem.lacerta.model.document.tag.DocumentTag;
+
+/**
+ * A simple {@link Fragment} subclass.
+ * Use the {@link SettingTagManageFragment#newInstance} factory method to
+ * create an instance of this fragment.
+ */
+@AndroidEntryPoint
+public class SettingTagManageFragment extends Fragment {
+
+    @Inject
+    LacertaLibrary lacertaLibrary;
+
+    private RecyclerView recyclerView;
+
+    private TagListItemAdapter adapter;
+
+    public SettingTagManageFragment() {
+        // Required empty public constructor
+    }
+
+    public static SettingTagManageFragment newInstance() {
+        SettingTagManageFragment fragment = new SettingTagManageFragment();
+        Bundle args = new Bundle();
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    @Override
+    public void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+    }
+
+    @Override
+    public View onCreateView(LayoutInflater inflater, ViewGroup container,
+                             Bundle savedInstanceState) {
+        // Inflate the layout for this fragment
+        View view = inflater.inflate(R.layout.fragment_setting_tag_manage, container, false);
+
+        // Toolbar
+        Toolbar toolbar = view.findViewById(R.id.tag_manage_toolbar);
+        toolbarSetup(toolbar, true, "タグ管理");
+
+        return view;
+    }
+
+    @Override
+    public void onViewCreated(View view, Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+
+        this.recyclerView = view.findViewById(R.id.tag_item_recycler_view);
+        this.adapter = new TagListItemAdapter((tagId, tagName, tagColor) -> {
+            Toast.makeText(getContext(), "Tag Clicked", Toast.LENGTH_SHORT).show();
+        });
+
+        recyclerView.setAdapter(adapter);
+        recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
+
+        updateTagList();
+    }
+
+    /**
+     * タグリストを更新する
+     */
+    private void updateTagList() {
+        lacertaLibrary.getTagList().thenAccept(documentTags -> {
+            int currentTagCount = this.adapter.getItemCount();
+            this.adapter.setDocumentTags(documentTags);
+            if (currentTagCount != this.adapter.getItemCount()) {
+                this.adapter.notifyItemRangeRemoved(0, currentTagCount);
+                this.adapter.notifyItemRangeInserted(0, this.adapter.getItemCount());
+            }
+        });
+    }
+
+    /**
+     * ToolbarをInitする
+     *
+     * @param toolbar Toolbar
+     * @param showBackButton 戻るボタンを表示するか
+     * @param title タイトル
+     */
+    private void toolbarSetup(Toolbar toolbar, boolean showBackButton, String title) {
+        getActivity().runOnUiThread(() -> {
+            if (showBackButton) {
+                toolbar.setNavigationIcon(one.nem.lacerta.shared.ui.R.drawable.arrow_back_24px);
+                toolbar.setNavigationOnClickListener(v -> {
+                    //this.libraryItemPage = lacertaLibrary.getLibraryPage(this.libraryItemPage.getParentId(), 10).join();
+                    // Back
+                    Navigation.findNavController(requireView()).popBackStack();
+                });
+            } else {
+                toolbar.setNavigationIcon(null);
+            }
+            toolbar.setTitle(title);
+            toolbar.getMenu().clear();
+            toolbar.inflateMenu(R.menu.setting_tag_manage_menu);
+            toolbar.setOnMenuItemClickListener(item -> {
+                if (item.getItemId() == R.id.setting_tag_manage_menu_add) {
+                    Toast.makeText(getContext(), "Add Clicked", Toast.LENGTH_SHORT).show();
+                    LacertaCreateTagDialog dialog = new LacertaCreateTagDialog();
+                    dialog.setListener(new LacertaCreateTagDialogListener() {
+                        @Override
+                        public void onPositiveClick(String tagName, String tagColor) {
+                            Toast.makeText(getContext(), "Positive Clicked", Toast.LENGTH_SHORT).show();
+                            DocumentTag newTag = new DocumentTag();
+                            newTag.setName(tagName);
+                            newTag.setColor(tagColor);
+                            lacertaLibrary.createTag(newTag).join();
+                            updateTagList();
+                        }
+
+                        @Override
+                        public void onNegativeClick() {
+                            Toast.makeText(getContext(), "Negative Clicked", Toast.LENGTH_SHORT).show();
+                            updateTagList();
+                        }
+                    });
+                    dialog.show(getParentFragmentManager(), "create_tag_dialog");
+                    return true;
+                } else {
+                    return false;
+                }
+            });
+        });
+    }
+}

feature/setting/src/main/java/one/nem/lacerta/setting/SettingTopFragment.java

@@ -74,6 +74,15 @@ public class SettingTopFragment extends Fragment {
                 )
         );
 
+        settingListItems.add(
+                new SettingListItem(
+                        "タグ管理", // TODO-rca: リソースに移動
+                        "タグの追加・編集・削除", // TODO-rca: リソースに移動
+                        ContextCompat.getDrawable(getContext(), one.nem.lacerta.shared.ui.R.drawable.sell_24px),
+                        R.id.action_settingTopFragment_to_settingTagManageFragment
+                )
+        );
+
         settingListItems.add(
                 new SettingListItem(
                         getResources().getString(one.nem.lacerta.shared.ui.R.string.setting_top_about_title),

feature/setting/src/main/java/one/nem/lacerta/setting/TagListItemAdapter.java

@@ -0,0 +1,69 @@
+package one.nem.lacerta.setting;
+
+import android.graphics.Color;
+import android.media.Image;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.recyclerview.widget.RecyclerView;
+
+import java.util.ArrayList;
+
+import one.nem.lacerta.model.document.tag.DocumentTag;
+
+public class TagListItemAdapter extends RecyclerView.Adapter<TagListItemAdapter.TagListItemViewHolder> {
+
+    ArrayList<DocumentTag> documentTags;
+
+    TagListItemSelectListener listener;
+
+    public TagListItemAdapter(TagListItemSelectListener listener) {
+        this.listener = listener;
+    }
+
+    public void setDocumentTags(ArrayList<DocumentTag> documentTags) {
+        this.documentTags = documentTags;
+    }
+
+    @NonNull
+    @Override
+    public TagListItemViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
+        View view = LayoutInflater.from(parent.getContext()).inflate(one.nem.lacerta.shared.ui.R.layout.tag_list_full_item, parent, false);
+        return new TagListItemViewHolder(view);
+    }
+
+    @Override
+    public void onBindViewHolder(@NonNull TagListItemViewHolder holder, int position) {
+        DocumentTag documentTag = documentTags.get(position);
+
+        holder.tag_name.setText(documentTag.getName());
+        try {
+            holder.tag_icon.setColorFilter(Color.parseColor(documentTag.getColor()));
+        } catch (Exception e) {
+            holder.tag_name.setText("Sorry, Parse Error occurred");
+        }
+    }
+
+    @Override
+    public int getItemCount() {
+        return documentTags == null ? 0 : documentTags.size();
+    }
+
+    public static class TagListItemViewHolder extends RecyclerView.ViewHolder {
+
+        ImageView tag_icon;
+        TextView tag_name;
+
+        public TagListItemViewHolder(@NonNull View itemView) {
+            super(itemView);
+
+            tag_icon = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.tag_icon);
+            tag_name = itemView.findViewById(one.nem.lacerta.shared.ui.R.id.tag_name);
+
+        }
+    }
+}

feature/setting/src/main/java/one/nem/lacerta/setting/TagListItemSelectListener.java

@@ -0,0 +1,6 @@
+package one.nem.lacerta.setting;
+
+public interface TagListItemSelectListener {
+
+    void onTagListItemSelect(String tagId, String tagName, String tagColor);
+}

feature/setting/src/main/res/layout/fragment_setting_tag_manage.xml

@@ -0,0 +1,50 @@
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/colorSurface">
+
+    <androidx.coordinatorlayout.widget.CoordinatorLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <com.google.android.material.appbar.AppBarLayout
+            android:id="@+id/app_bar_layout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content">
+
+            <com.google.android.material.appbar.CollapsingToolbarLayout
+                android:id="@+id/collapsing_toolbar"
+                app:contentScrim="@color/colorSecondaryContainer"
+                android:background="@color/colorSurface"
+                android:layout_width="match_parent"
+                android:layout_height="160dp"
+                android:fitsSystemWindows="true"
+                android:minHeight="?attr/actionBarSize"
+                app:collapsedTitleGravity="start|center_vertical"
+                app:expandedTitleGravity="start|bottom"
+                app:expandedTitleMarginBottom="16dp"
+                app:expandedTitleMarginStart="16dp"
+                app:expandedTitleTextAppearance="@style/TextAppearance.MaterialComponents.Headline4"
+                app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+                <androidx.appcompat.widget.Toolbar
+                    android:id="@+id/tag_manage_toolbar"
+                    android:layout_width="match_parent"
+                    android:layout_height="?attr/actionBarSize"
+                    app:layout_collapseMode="pin"
+                    app:title="@string/setting_top_display_title" />
+
+            </com.google.android.material.appbar.CollapsingToolbarLayout>
+
+        </com.google.android.material.appbar.AppBarLayout>
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/tag_item_recycler_view"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:layout_behavior="@string/appbar_scrolling_view_behavior"/>           app:layout_behavior="@string/appbar_scrolling_view_behavior" />
+
+    </androidx.coordinatorlayout.widget.CoordinatorLayout>
+
+</FrameLayout>

feature/setting/src/main/res/menu/setting_tag_manage_menu.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <item
+        android:id="@+id/setting_tag_manage_menu_add"
+        android:icon="@drawable/outline_developer_mode_24"
+        android:title="@string/placeholder"
+        app:showAsAction="ifRoom"/>
+</menu>

feature/setting/src/main/res/navigation/feature_setting_navigation.xml

@@ -37,6 +37,9 @@
             app:exitAnim="@anim/slide_to_left"
             app:popEnterAnim="@anim/slide_from_left"
             app:popExitAnim="@anim/slide_to_right" />
+        <action
+            android:id="@+id/action_settingTopFragment_to_settingTagManageFragment"
+            app:destination="@id/settingTagManageFragment" />
     </fragment>
     <fragment
         android:id="@+id/settingAboutPageFragment"
@@ -58,4 +61,8 @@
         android:name="one.nem.lacerta.setting.SettingScanPageFragment"
         android:label="fragment_setting_scan_page"
         tools:layout="@layout/fragment_setting_scan_page" />
+    <fragment
+        android:id="@+id/settingTagManageFragment"
+        android:name="one.nem.lacerta.setting.SettingTagManageFragment"
+        android:label="SettingTagManageFragment" />
 </navigation>

lacerta/.gitignore

@@ -0,0 +1 @@
+/build

lacerta/build.gradle

@@ -0,0 +1,39 @@
+plugins {
+    id 'com.android.application'
+}
+
+android {
+    namespace 'com.example.lacerta'
+    compileSdk 33
+
+    defaultConfig {
+        applicationId "com.example.lacerta"
+        minSdk 26
+        targetSdk 33
+        versionCode 1
+        versionName "1.0"
+
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+}
+
+dependencies {
+
+    implementation 'androidx.appcompat:appcompat:1.6.1'
+    implementation 'com.google.android.material:material:1.5.0'
+    implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
+    testImplementation 'junit:junit:4.13.2'
+    androidTestImplementation 'androidx.test.ext:junit:1.1.5'
+    androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.1'
+}

lacerta/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

lacerta/src/androidTest/java/com/example/lacerta/ExampleInstrumentedTest.java

@@ -0,0 +1,26 @@
+package com.example.lacerta;
+
+import android.content.Context;
+
+import androidx.test.platform.app.InstrumentationRegistry;
+import androidx.test.ext.junit.runners.AndroidJUnit4;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+import static org.junit.Assert.*;
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+@RunWith(AndroidJUnit4.class)
+public class ExampleInstrumentedTest {
+    @Test
+    public void useAppContext() {
+        // Context of the app under test.
+        Context appContext = InstrumentationRegistry.getInstrumentation().getTargetContext();
+        assertEquals("com.example.lacerta", appContext.getPackageName());
+    }
+}

lacerta/src/main/AndroidManifest.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <application
+        android:allowBackup="true"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/Theme.Lacerta"></application>
+
+</manifest>

lacerta/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>

lacerta/src/main/res/drawable/ic_launcher_background.xml

@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#3DDC84"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>

lacerta/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>

lacerta/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>

lacerta/src/main/res/values-night/themes.xml

@@ -0,0 +1,7 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Base.Theme.Lacerta" parent="Theme.Material3.DayNight.NoActionBar">
+        <!-- Customize your dark theme here. -->
+        <!-- <item name="colorPrimary">@color/my_dark_primary</item> -->
+    </style>
+</resources>

lacerta/src/main/res/values/colors.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="black">#FF000000</color>
+    <color name="white">#FFFFFFFF</color>
+</resources>

lacerta/src/main/res/values/strings.xml

@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">Lacerta</string>
+</resources>

lacerta/src/main/res/values/themes.xml

@@ -0,0 +1,9 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Base.Theme.Lacerta" parent="Theme.Material3.DayNight.NoActionBar">
+        <!-- Customize your light theme here. -->
+        <!-- <item name="colorPrimary">@color/my_light_primary</item> -->
+    </style>
+
+    <style name="Theme.Lacerta" parent="Base.Theme.Lacerta" />
+</resources>

lacerta/src/test/java/com/example/lacerta/ExampleUnitTest.java

@@ -0,0 +1,17 @@
+package com.example.lacerta;
+
+import org.junit.Test;
+
+import static org.junit.Assert.*;
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+public class ExampleUnitTest {
+    @Test
+    public void addition_isCorrect() {
+        assertEquals(4, 2 + 2);
+    }
+}

model/src/main/java/one/nem/lacerta/model/ListItemType.java

@@ -3,7 +3,8 @@ package one.nem.lacerta.model;
 public enum ListItemType {
 
     ITEM_TYPE_FOLDER(one.nem.lacerta.shared.ui.R.drawable.folder_24px),
-    ITEM_TYPE_DOCUMENT(one.nem.lacerta.shared.ui.R.drawable.description_24px);
+    ITEM_TYPE_DOCUMENT(one.nem.lacerta.shared.ui.R.drawable.description_24px),
+    ITEM_TYPE_ACTION_BACK(one.nem.lacerta.shared.ui.R.drawable.arrow_back_24px);
 
     private int iconId;
 

model/src/main/java/one/nem/lacerta/model/VcsLogModel.java

@@ -0,0 +1,64 @@
+package one.nem.lacerta.model;
+
+import java.util.Date;
+
+public class VcsLogModel {
+
+    String id;
+    String documentId;
+    String branchName;
+    String action;
+    Date createdAt;
+
+    public VcsLogModel(String id, String documentId, String branchName, String action, Date createdAt) {
+        this.id = id;
+        this.documentId = documentId;
+        this.branchName = branchName;
+        this.action = action;
+        this.createdAt = createdAt;
+    }
+
+    // Empty constructor
+    public VcsLogModel() {
+    }
+
+    public String getId() {
+        return id;
+    }
+
+    public String getDocumentId() {
+        return documentId;
+    }
+
+    public String getBranchName() {
+        return branchName;
+    }
+
+    public String getAction() {
+        return action;
+    }
+
+    public Date getCreatedAt() {
+        return createdAt;
+    }
+
+    public void setId(String id) {
+        this.id = id;
+    }
+
+    public void setDocumentId(String documentId) {
+        this.documentId = documentId;
+    }
+
+    public void setBranchName(String branchName) {
+        this.branchName = branchName;
+    }
+
+    public void setAction(String action) {
+        this.action = action;
+    }
+
+    public void setCreatedAt(Date createdAt) {
+        this.createdAt = createdAt;
+    }
+}

model/src/main/java/one/nem/lacerta/model/document/DocumentMeta.java

@@ -32,17 +32,10 @@ public class DocumentMeta { // TODO-rca: JavaDoc対応
      */
     Date createdAt;
 
-    /**
-     * ドキュメントのタグ(DocumentTagインスタンスのリスト)
-     */
-    List<DocumentTag> tags;
-
     String parentId;
 
     String author;
 
-    String defaultBranch;
-
     // Constructor
 
     public DocumentMeta() {
@@ -51,49 +44,33 @@ public class DocumentMeta { // TODO-rca: JavaDoc対応
     public DocumentMeta(String title) {
         this.id = UUID.randomUUID().toString();
         this.title = title;
-        this.tags = new ArrayList<>();
-        this.author = ""; // TODO-rca: 作者のデフォルト値を設定できるようにする
-        this.defaultBranch = "main"; // TODO-rca: デフォルトブランチのデフォルト値を設定できるようにする
+        this.author = ""; // TODO-rca: 作者のデフォルト値を指定できるように
         this.parentId = null;
         this.updatedAt = new Date();
         this.createdAt = new Date();
     }
 
-    public DocumentMeta(String title, List<DocumentTag> tags, String author, String defaultBranch) {
+    public DocumentMeta(String title, String author) {
         this.id = UUID.randomUUID().toString();
         this.title = title;
-        this.tags = tags;
         this.author = author;
-        this.defaultBranch = defaultBranch;
     }
 
-    public DocumentMeta(String id, String title, List<DocumentTag> tags, String author, String defaultBranch) {
-        this.id = id;
-        this.title = title;
-        this.tags = tags;
-        this.author = author;
-        this.defaultBranch = defaultBranch;
-    }
-
-    public DocumentMeta(String id, String title, Date updatedAt, Date createdAt, List<DocumentTag> tags, String author, String defaultBranch) {
+    public DocumentMeta(String id, String title, Date updatedAt, Date createdAt, String author) {
         this.id = id;
         this.title = title;
         this.updatedAt = updatedAt;
         this.createdAt = createdAt;
-        this.tags = tags;
         this.author = author;
-        this.defaultBranch = defaultBranch;
     }
 
-    public DocumentMeta(String id, String title, Date updatedAt, Date createdAt, List<DocumentTag> tags, String parentId, String author, String defaultBranch) {
+    public DocumentMeta(String id, String title, Date updatedAt, Date createdAt, String parentId, String author) {
         this.id = id;
         this.title = title;
         this.updatedAt = updatedAt;
         this.createdAt = createdAt;
-        this.tags = tags;
         this.parentId = parentId;
         this.author = author;
-        this.defaultBranch = defaultBranch;
     }
 
     // Getter
@@ -126,24 +103,6 @@ public class DocumentMeta { // TODO-rca: JavaDoc対応
         return createdAt;
     }
 
-    /**
-     * ドキュメントのタグ(DocumentTagインスタンスのリスト)を取得する
-     */
-    public List<DocumentTag> getTags() {
-        return tags;
-    }
-
-    /**
-     * ドキュメントのタグ(DocumentTagインスタンスのリスト)のID(String)を取得する
-     */
-    public List<String> getTagIds() {
-        List<String> tagIds = new ArrayList<>();
-        for (DocumentTag tag : tags) {
-            tagIds.add(tag.getId());
-        }
-        return tagIds;
-    }
-
     /**
      * ドキュメントの親フォルダのID(String)を取得する
      */
@@ -158,13 +117,6 @@ public class DocumentMeta { // TODO-rca: JavaDoc対応
         return author;
     }
 
-    /**
-     * ドキュメントのデフォルトブランチ(String)を取得する
-     */
-    public String getDefaultBranch() {
-        return defaultBranch;
-    }
-
     // Setter
 
     /**
@@ -199,14 +151,6 @@ public class DocumentMeta { // TODO-rca: JavaDoc対応
         this.createdAt = createdAt;
     }
 
-    /**
-     * ドキュメントのタグ(DocumentTagインスタンスのリスト)を設定する
-     * @param tags ドキュメントのタグ(DocumentTagインスタンスのリスト)
-     */
-    public void setTags(List<DocumentTag> tags) {
-        this.tags = tags;
-    }
-
     /**
      * ドキュメントの親フォルダのID(String)を設定する
      * @param parentId ドキュメントの親フォルダのID
@@ -223,14 +167,6 @@ public class DocumentMeta { // TODO-rca: JavaDoc対応
         this.author = author;
     }
 
-    /**
-     * ドキュメントのデフォルトブランチ(String)を設定する
-     * @param defaultBranch ドキュメントのデフォルトブランチ
-     */
-    public void setDefaultBranch(String defaultBranch) {
-        this.defaultBranch = defaultBranch;
-    }
-
     /**
      * updatedAtを現在時刻に設定する
      */

processor/src/main/java/one/nem/lacerta/processor/impl/DocumentProcessorImpl.java

@@ -74,18 +74,24 @@ public class DocumentProcessorImpl implements DocumentProcessor{
         logger.debug("addNewPageToLast", "called");
         String filename = UUID.randomUUID().toString() + ".png"; // TODO-rca: 拡張子を動的にする
 
-        Page page = new Page();
-        page.setFileName(filename);
-        page.setBitmap(bitmap);
-        this.documentDetail.getPages().add(page);
+        lacertaVcs.insertPage(this.documentDetail.getPages().size(), filename);
 
-        lacertaVcs.insertPage(documentDetail.getPages().size(), filename);
+        try {
+            Page page = new Page();
+            page.setFileName(filename);
+            page.setBitmap(bitmap);
+            this.documentDetail.getPages().add(page);
 
-        this.fileManager.getNewInstance().createDirectoryIfNotExist(DEFAULT_SAVE_DIR).resolve(DEFAULT_SAVE_DIR).saveBitmap(bitmap, filename);
-
-        logger.info("addNewPageToLast", "finished");
-        logger.info("addNewPageToLast", "filename: " + filename);
+            this.fileManager.getNewInstance().createDirectoryIfNotExist(DEFAULT_SAVE_DIR).resolve(DEFAULT_SAVE_DIR).saveBitmap(bitmap, filename);
 
+            logger.info("addNewPageToLast", "finished");
+            logger.info("addNewPageToLast", "filename: " + filename);
+        } catch (Exception e) {
+            logger.error("addNewPageToLast", "failed: Unknown error");
+            logger.e_code("d9191286-6092-40b3-80ed-9239106a8c65");
+            // Recover (Undo latest action)
+            lacertaVcs.undo();
+        }
         return this;
     }
 

settings.gradle

@@ -32,3 +32,4 @@ include ':processor'
 include ':shared:ui'
 include ':vcs'
 include ':feature:setting'
+include ':viewer2'

shared/ui/build.gradle

@@ -32,4 +32,5 @@ dependencies {
     testImplementation libs.junit
     androidTestImplementation libs.androidx.test.ext.junit
     androidTestImplementation libs.androidx.test.espresso.core
+
 }

shared/ui/src/main/res/drawable/sell_24px.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@color/colorOnSurface"
+      android:pathData="M556.15,842.15Q538.89,859.38 513.37,859.38Q487.85,859.38 470.62,842.15L118.62,490.15Q109.92,481.46 104.96,470.14Q100,458.83 100,446L100,160Q100,135.46 117.73,117.73Q135.46,100 160,100L446,100Q458.38,100 469.73,104.84Q481.07,109.67 489.38,117.85L841.38,470.46Q859,488.08 859.19,513.5Q859.38,538.92 842.15,556.15L556.15,842.15ZM513.21,800L799.39,514L446.17,160L160,160L160,446L513.21,800ZM259.95,310Q280.77,310 295.38,295.43Q310,280.86 310,260.04Q310,239.23 295.43,224.62Q280.86,210 260.05,210Q239.23,210 224.62,224.57Q210,239.14 210,259.96Q210,280.77 224.57,295.38Q239.14,310 259.95,310ZM160,160L160,160L160,160L160,160L160,160L160,160Z"/>
+</vector>

shared/ui/src/main/res/drawable/sell_fill24px.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@color/colorOnSurface"
+      android:pathData="M556.15,842.15Q538.89,859.38 513.37,859.38Q487.85,859.38 470.62,842.15L118.62,490.15Q109.92,481.46 104.96,470.14Q100,458.83 100,446L100,160Q100,135.46 117.73,117.73Q135.46,100 160,100L446,100Q458.38,100 469.73,104.84Q481.07,109.67 489.38,117.85L841.38,470.46Q859,488.08 859.19,513.5Q859.38,538.92 842.15,556.15L556.15,842.15ZM259.95,310Q280.77,310 295.38,295.43Q310,280.86 310,260.04Q310,239.23 295.43,224.62Q280.86,210 260.05,210Q239.23,210 224.62,224.57Q210,239.14 210,259.96Q210,280.77 224.57,295.38Q239.14,310 259.95,310Z"/>
+</vector>

shared/ui/src/main/res/layout/common_list_item.xml

@@ -28,7 +28,7 @@
 
         <TextView
             android:id="@+id/item_title"
-            android:layout_width="0dp"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:textSize="16sp"
             android:layout_marginEnd="8dp"
@@ -39,7 +39,7 @@
 
         <TextView
             android:id="@+id/item_description"
-            android:layout_width="0dp"
+            android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:textSize="14sp"
             android:text="Placeholder Description"

shared/ui/src/main/res/layout/lacerta_dialog_edit_text_layout.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.google.android.material.textfield.TextInputLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/custom_text_input_layout"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:paddingTop="8dp"
+    android:paddingHorizontal="16dp"
+    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox">
+
+    <com.google.android.material.textfield.TextInputEditText
+        android:id="@+id/custom_edit_text"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content" />
+
+</com.google.android.material.textfield.TextInputLayout>

shared/ui/src/main/res/layout/tag_list_full_item.xml

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:paddingHorizontal="24dp"
+    android:paddingVertical="16dp">
+
+    <ImageView
+        android:id="@+id/tag_icon"
+        android:layout_width="32dp"
+        android:layout_height="0dp"
+        android:layout_marginEnd="16dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/item_text_container"
+        app:srcCompat="@drawable/sell_fill24px"
+        android:contentDescription="icon" />
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/item_text_container"
+        android:layout_width="0dp"
+        android:layout_height="wrap_content"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toEndOf="@id/tag_icon"
+        app:layout_constraintTop_toTopOf="parent">
+
+        <TextView
+            android:id="@+id/tag_name"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:textSize="16sp"
+            android:layout_marginEnd="8dp"
+            android:text="Placeholder Title"
+            android:textColor="@color/colorOnSurface"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+
+
+
+</androidx.constraintlayout.widget.ConstraintLayout>

shared/ui/src/main/res/values/strings.xml

@@ -39,4 +39,6 @@
     <!-- common -->
 
     <string name="placeholder">Placeholder(TODO: Replace)</string>
+    <!-- TODO: Remove or change this placeholder text -->
+    <string name="hello_blank_fragment">Hello blank fragment</string>
 </resources>

source/src/main/java/one/nem/lacerta/source/database/LacertaDatabase.java

@@ -5,10 +5,12 @@ import androidx.room.RoomDatabase;
 
 // Entities
 import one.nem.lacerta.source.database.dao.FolderDao;
+import one.nem.lacerta.source.database.dao.ToxiDocumentTagDao;
 import one.nem.lacerta.source.database.entity.FolderEntity;
 import one.nem.lacerta.source.database.entity.TagEntity;
 import one.nem.lacerta.source.database.entity.DocumentEntity;
 import one.nem.lacerta.source.database.entity.LibraryEntity;
+import one.nem.lacerta.source.database.entity.ToxiDocumentTagEntity;
 import one.nem.lacerta.source.database.entity.VcsRevEntity;
 import one.nem.lacerta.source.database.entity.VcsLogEntity;
 
@@ -19,10 +21,11 @@ import one.nem.lacerta.source.database.dao.LibraryDao;
 import one.nem.lacerta.source.database.dao.VcsRevDao;
 import one.nem.lacerta.source.database.dao.VcsLogDao;
 
-@Database(entities = {TagEntity.class, DocumentEntity.class, LibraryEntity.class, VcsRevEntity.class, VcsLogEntity.class, FolderEntity.class}, version = 5)
+@Database(entities = {TagEntity.class, DocumentEntity.class, LibraryEntity.class, VcsRevEntity.class, VcsLogEntity.class, FolderEntity.class, ToxiDocumentTagEntity.class}, version = 6)
 public abstract class LacertaDatabase extends RoomDatabase {
     public abstract TagDao tagDao();
     public abstract DocumentDao documentDao();
+    public abstract ToxiDocumentTagDao toxiDocumentTagDao();
     public abstract LibraryDao libraryDao();
     public abstract VcsRevDao vcsRevDao();
     public abstract VcsLogDao vcsLogDao();

source/src/main/java/one/nem/lacerta/source/database/dao/ToxiDocumentTagDao.java

@@ -0,0 +1,37 @@
+package one.nem.lacerta.source.database.dao;
+
+import androidx.room.Dao;
+import androidx.room.Insert;
+import androidx.room.Query;
+
+import java.util.List;
+
+import one.nem.lacerta.source.database.entity.ToxiDocumentTagEntity;
+
+@Dao
+public interface ToxiDocumentTagDao {
+
+    @Query("SELECT * FROM toxi_document_tag WHERE document_id = :documentId")
+    List<ToxiDocumentTagEntity> findByDocumentId(String documentId);
+
+    @Query("SELECT * FROM toxi_document_tag WHERE tag_id = :tagId")
+    List<ToxiDocumentTagEntity> findByTagId(String tagId);
+
+    @Insert
+    void insert(ToxiDocumentTagEntity toxiDocumentTag);
+
+    @Insert
+    void insertAll(ToxiDocumentTagEntity... toxiDocumentTags);
+
+    @Insert
+    void insertAll(List<ToxiDocumentTagEntity> toxiDocumentTags);
+
+    @Query("DELETE FROM toxi_document_tag WHERE document_id = :documentId")
+    void deleteByDocumentId(String documentId);
+
+    @Query("DELETE FROM toxi_document_tag WHERE tag_id = :tagId")
+    void deleteByTagId(String tagId);
+
+    @Query("DELETE FROM toxi_document_tag WHERE document_id = :documentId AND tag_id = :tagId")
+    void deleteByDocumentIdAndTagId(String documentId, String tagId);
+}

source/src/main/java/one/nem/lacerta/source/database/dao/VcsLogDao.java

@@ -52,4 +52,11 @@ public interface VcsLogDao {
 
     @Update
     void updateAll(List<VcsLogEntity> vcsLogs);
+
+    // Delete
+    @Query("DELETE FROM vcs_log WHERE id = :id")
+    void deleteById(String id);
+
+    @Query("DELETE FROM vcs_log WHERE id = (SELECT id FROM vcs_log WHERE document_id = :documentId ORDER BY created_at DESC LIMIT 1)")
+    void deleteLatestByDocumentId(String documentId);
 }

source/src/main/java/one/nem/lacerta/source/database/dao/VcsRevDao.java

@@ -21,7 +21,7 @@ public interface VcsRevDao {
     @Query("SELECT * FROM vcs_rev WHERE id IN (:ids)")
     List<VcsRevEntity> findByIds(List<String> ids);
 
-    @Query("SELECT * FROM vcs_rev WHERE document_id = :documentId")
+    @Query("SELECT * FROM vcs_rev WHERE document_id = :documentId ORDER BY created_at ASC")
     List<VcsRevEntity> findByDocumentId(String documentId);
 
     @Query("SELECT * FROM vcs_rev WHERE document_id = :documentId ORDER BY created_at DESC LIMIT 1")

source/src/main/java/one/nem/lacerta/source/database/entity/DocumentEntity.java

@@ -34,12 +34,6 @@ public class DocumentEntity {
     @ColumnInfo(name = "author")
     public String author; // 作成者
 
-    @ColumnInfo(name = "default_branch")
-    public String defaultBranch; // デフォルトブランチ
-
-    @ColumnInfo(name = "tag_ids")
-    public List<String> tagIds; // タグ
-
     @ColumnInfo(name = "parent_id")
     public String parentId; // 親フォルダID
 }

source/src/main/java/one/nem/lacerta/source/database/entity/ToxiDocumentTagEntity.java

@@ -0,0 +1,18 @@
+package one.nem.lacerta.source.database.entity;
+
+import androidx.annotation.NonNull;
+import androidx.room.ColumnInfo;
+import androidx.room.Entity;
+import androidx.room.PrimaryKey;
+
+@Entity(primaryKeys = {"document_id", "tag_id"}, tableName = "toxi_document_tag")
+public class ToxiDocumentTagEntity {
+
+    @NonNull
+    @ColumnInfo(name = "document_id")
+    public String documentId; // ドキュメントID
+
+    @NonNull
+    @ColumnInfo(name = "tag_id")
+    public String tagId; // タグID
+}

source/src/main/java/one/nem/lacerta/source/database/entity/VcsLogEntity.java

@@ -40,6 +40,12 @@ public class VcsLogEntity {
     @ColumnInfo(name = "created_at")
     public Date createdAt;
 
+    /**
+     * アクションタイプ
+     */
+    @ColumnInfo(name = "action_type")
+    public String actionType;
+
     /**
      * 発生アクション
      */

vcs/src/main/java/one/nem/lacerta/vcs/LacertaVcs.java

@@ -3,7 +3,9 @@ package one.nem.lacerta.vcs;
 import java.util.ArrayList;
 import java.util.concurrent.CompletableFuture;
 
+import one.nem.lacerta.model.VcsLogModel;
 import one.nem.lacerta.model.VcsRevModel;
+import one.nem.lacerta.model.document.DocumentDetail;
 
 public interface LacertaVcs {
 
@@ -14,12 +16,20 @@ public interface LacertaVcs {
 
     public void deletePage(int index);
 
+    public void undo();
+
     public void createDocument(String documentId);
 
     public void generateRevisionAtCurrent(String message);
 
     public CompletableFuture<ArrayList<VcsRevModel>> getRevisionHistory();
 
+    public CompletableFuture<ArrayList<VcsLogModel>> getLogHistory();
+
+    public CompletableFuture<ArrayList<VcsLogModel>> getLogHistoryInRev(String revId);
+
+    public CompletableFuture<ArrayList<String>> getDocumentPagePathListRev(String revId);
+
 
     // debug
     public void printLog();

vcs/src/main/java/one/nem/lacerta/vcs/impl/LacertaVcsImpl.java

@@ -1,15 +1,13 @@
 package one.nem.lacerta.vcs.impl;
 
-import java.text.SimpleDateFormat;
 import java.util.ArrayList;
 import java.util.List;
 import java.util.UUID;
 import java.util.concurrent.CompletableFuture;
 
-import javax.inject.Inject;
-
 import dagger.assisted.Assisted;
 import dagger.assisted.AssistedInject;
+import one.nem.lacerta.model.VcsLogModel;
 import one.nem.lacerta.model.VcsRevModel;
 import one.nem.lacerta.source.database.LacertaDatabase;
 import one.nem.lacerta.source.database.entity.VcsLogEntity;
@@ -18,7 +16,9 @@ import one.nem.lacerta.utils.LacertaLogger;
 import one.nem.lacerta.vcs.ActionType;
 import one.nem.lacerta.vcs.LacertaVcs;
 import one.nem.lacerta.vcs.internal.JsonUtils;
+import one.nem.lacerta.vcs.model.action.DeletePage;
 import one.nem.lacerta.vcs.model.action.InsertPage;
+import one.nem.lacerta.vcs.model.action.UpdatePage;
 
 public class LacertaVcsImpl implements LacertaVcs {
 
@@ -57,6 +57,7 @@ public class LacertaVcsImpl implements LacertaVcs {
         vcsLogEntity.documentId = documentId;
         vcsLogEntity.branchName = "master";
         vcsLogEntity.createdAt = new java.util.Date();
+        vcsLogEntity.actionType = ActionType.INSERT_PAGE.getValue();
         vcsLogEntity.action = JsonUtils.toJson(insertPage);
         database.vcsLogDao().insert(vcsLogEntity);
     }
@@ -66,6 +67,11 @@ public class LacertaVcsImpl implements LacertaVcs {
 
     }
 
+    @Override
+    public void undo() {
+        database.vcsLogDao().deleteLatestByDocumentId(documentId);
+    }
+
     @Override
     public void createDocument(String documentId) {
         logger.debug(TAG, "createDocument");
@@ -75,7 +81,8 @@ public class LacertaVcsImpl implements LacertaVcs {
         vcsLogEntity.documentId = documentId;
         vcsLogEntity.branchName = "master";
         vcsLogEntity.createdAt = new java.util.Date();
-        vcsLogEntity.action = "ph-createDocument";
+        vcsLogEntity.actionType = ActionType.CREATE_DOCUMENT.getValue();
+        vcsLogEntity.action = "";
         database.vcsLogDao().insert(vcsLogEntity);
     }
 
@@ -147,6 +154,108 @@ public class LacertaVcsImpl implements LacertaVcs {
         });
     }
 
+    @Override
+    public CompletableFuture<ArrayList<VcsLogModel>> getLogHistory() {
+        return null;
+    }
+
+    @Override
+    public CompletableFuture<ArrayList<VcsLogModel>> getLogHistoryInRev(String revId) {
+        return CompletableFuture.supplyAsync(() -> {
+            logger.debug(TAG, "getLogHistoryInRev");
+            ArrayList<VcsLogModel> vcsLogModels = new ArrayList<>();
+
+            VcsRevEntity vcsRevEntity = database.vcsRevDao().findById(revId);
+            ArrayList<VcsLogEntity> vcsLogEntities = getLogInRevAsync(vcsRevEntity).join(); // TODO-rca: リファクタリング
+            vcsLogEntities.forEach(vcsLogEntity -> {
+                VcsLogModel vcsLogModel = new VcsLogModel();
+                vcsLogModel.setId(vcsLogEntity.id);
+                vcsLogModel.setDocumentId(vcsLogEntity.documentId);
+                vcsLogModel.setBranchName(vcsLogEntity.branchName);
+                vcsLogModel.setCreatedAt(vcsLogEntity.createdAt);
+                vcsLogModel.setAction(vcsLogEntity.action);
+                vcsLogModels.add(vcsLogModel);
+            });
+
+            return vcsLogModels;
+        });
+    }
+
+    private CompletableFuture<ArrayList<VcsRevEntity>> getRevBeforeTargetIdAsync(String revId){
+        return CompletableFuture.supplyAsync(() -> {
+            ArrayList<VcsRevEntity> vcsRevEntities = new ArrayList<>(database.vcsRevDao().findByDocumentId(this.documentId));
+            ArrayList<VcsRevEntity> vcsRevEntitiesBeforeTarget = new ArrayList<>();
+            vcsRevEntities.forEach(vcsRevEntity -> {
+                if(vcsRevEntity.id.equals(revId)){
+                    vcsRevEntitiesBeforeTarget.add(vcsRevEntity);
+                    return;
+                }
+                vcsRevEntitiesBeforeTarget.add(vcsRevEntity);
+            });
+            logger.debug(TAG, "getRevBeforeTargetIdAsync finished\nResult size: " + vcsRevEntitiesBeforeTarget.size());
+            return vcsRevEntitiesBeforeTarget;
+        });
+    }
+
+    private CompletableFuture<ArrayList<VcsLogEntity>> getLogInRevsAsync(ArrayList<VcsRevEntity> vcsRevEntities){
+        return CompletableFuture.supplyAsync(() -> {
+            List<String> logIds = new ArrayList<>();
+            vcsRevEntities.forEach(vcsRevEntity -> {
+                logIds.addAll(vcsRevEntity.logIds);
+            });
+            // TODO-rca: ソートしないといけないかも（順番が保証されているわけではない + 順番が変わるとほぼ確実に壊れる）
+            ArrayList<VcsLogEntity> vcsLogEntities = new ArrayList<>(database.vcsLogDao().findByIds(logIds));
+            logger.debug(TAG, "getLogInRevsAsync finished\nResult size: " + vcsLogEntities.size());
+            return vcsLogEntities;
+        });
+    }
+
+    private CompletableFuture<ArrayList<VcsLogEntity>> getLogInRevAsync(VcsRevEntity revEntity) {
+        return CompletableFuture.supplyAsync(() -> {
+            ArrayList<VcsLogEntity> vcsLogEntities = new ArrayList<>(database.vcsLogDao().findByIds(revEntity.logIds));
+            logger.debug(TAG, "getLogInRevAsync finished\nResult size: " + vcsLogEntities.size());
+            return vcsLogEntities;
+        });
+    }
+
+    @Override
+    public CompletableFuture<ArrayList<String>> getDocumentPagePathListRev(String revId) {
+        return CompletableFuture.supplyAsync(() -> {
+            logger.debug(TAG, "getDocumentPagePathListRev");
+            ArrayList<VcsLogEntity> vcsLogEntities = getRevBeforeTargetIdAsync(revId).thenCompose(this::getLogInRevsAsync).join();
+
+            ArrayList<String> fileNameList = new ArrayList<>();
+            for(VcsLogEntity vcsLogEntity : vcsLogEntities){
+                logger.debug(TAG, "getDocumentPagePathListRev: processing " + vcsLogEntity.id + "(Type: " + vcsLogEntity.actionType + ")");
+                if (vcsLogEntity.actionType.equals(ActionType.INSERT_PAGE.getValue())){
+                    InsertPage insertPage = (InsertPage) JsonUtils.fromJson(vcsLogEntity.action, ActionType.INSERT_PAGE);
+                    logger.debug(TAG, "getDocumentPagePathListRev: Inserting " + insertPage.getFileName() + " at " + insertPage.getIndex());
+                    if (fileNameList.size() <= insertPage.getIndex()) {
+                        logger.debug(TAG, "Index out of range, appending");
+                        fileNameList.add(insertPage.getFileName());
+                    } else {
+                        fileNameList.add(insertPage.getIndex(), insertPage.getFileName());
+                    }
+                } else if (vcsLogEntity.actionType.equals(ActionType.UPDATE_PAGE.getValue())){
+                    UpdatePage updatePage = (UpdatePage) JsonUtils.fromJson(vcsLogEntity.action, ActionType.UPDATE_PAGE);
+                    logger.debug(TAG, "getDocumentPagePathListRev: Updating " + updatePage.getFileName() + " at " + updatePage.getIndex());
+                    fileNameList.set(updatePage.getIndex(), updatePage.getFileName());
+                } else if (vcsLogEntity.actionType.equals(ActionType.DELETE_PAGE.getValue())){
+                    DeletePage deletePage = (DeletePage) JsonUtils.fromJson(vcsLogEntity.action, ActionType.DELETE_PAGE);
+                    logger.debug(TAG, "getDocumentPagePathListRev: Deleting " + deletePage.getIndex());
+                    fileNameList.remove(deletePage.getIndex());
+                } else if (vcsLogEntity.actionType.equals(ActionType.CREATE_DOCUMENT.getValue())) {
+                    // Ignore
+                    logger.debug(TAG, "getDocumentPagePathListRev: Ignored action type: " + vcsLogEntity.actionType);
+                } else {
+                    logger.error(TAG, "getDocumentPagePathListRev: Unknown action type");
+                }
+            }
+
+            return fileNameList;
+        });
+    }
+
     @Override
     public void printLog() {
         logger.debug(TAG, "printLog");

viewer/.gitignore

@@ -0,0 +1 @@
+/build

viewer/build.gradle

@@ -0,0 +1,39 @@
+plugins {
+    id 'com.android.application'
+}
+
+android {
+    namespace 'com.example.viewer'
+    compileSdk 33
+
+    defaultConfig {
+        applicationId "com.example.viewer"
+        minSdk 26
+        targetSdk 33
+        versionCode 1
+        versionName "1.0"
+
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+}
+
+dependencies {
+
+    implementation 'androidx.appcompat:appcompat:1.6.1'
+    implementation 'com.google.android.material:material:1.5.0'
+    implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
+    testImplementation 'junit:junit:4.13.2'
+    androidTestImplementation 'androidx.test.ext:junit:1.1.5'
+    androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.1'
+}

viewer/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

viewer/src/androidTest/java/com/example/viewer/ExampleInstrumentedTest.java

@@ -0,0 +1,26 @@
+package com.example.viewer;
+
+import android.content.Context;
+
+import androidx.test.platform.app.InstrumentationRegistry;
+import androidx.test.ext.junit.runners.AndroidJUnit4;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+import static org.junit.Assert.*;
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * @see <a href="http://d.android.com/tools/testing">Testing documentation</a>
+ */
+@RunWith(AndroidJUnit4.class)
+public class ExampleInstrumentedTest {
+    @Test
+    public void useAppContext() {
+        // Context of the app under test.
+        Context appContext = InstrumentationRegistry.getInstrumentation().getTargetContext();
+        assertEquals("com.example.viewer", appContext.getPackageName());
+    }
+}

viewer/src/main/AndroidManifest.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <application
+        android:allowBackup="true"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/Theme.Lacerta">
+        <activity
+            android:name=".OnBookmarkClickListener"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+    </application>
+
+</manifest>

viewer/src/main/java/com/example/viewer/OnBookmarkClickListener.java

@@ -0,0 +1,16 @@
+package one.nem.lacerta.component.viewer;
+
+import androidx.appcompat.app.AppCompatActivity;
+
+import android.os.Bundle;
+
+import com.example.viewer.R;
+
+public class OnBookmarkClickListener extends AppCompatActivity {
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_on_bookmark_click_listener);
+    }
+}

viewer/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>

viewer/src/main/res/drawable/ic_launcher_background.xml

@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#3DDC84"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>

viewer/src/main/res/layout/activity_on_bookmark_click_listener.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".OnBookmarkClickListener">
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="Hello World!"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>

viewer/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>

viewer/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>